Pengertian Desain Grafis

Apaan sih Graphic Design atau Desain Grafis itu?

Serta apa yang dimaksud dengan komputer grafis?

Ane juga tadinya puyeng bin bingung tentang kedua makna di atas. Lantas ane sekuat tenaga untuk mengusir puyeng bin bingung tersebut dengan cara mencari tahu makna kata di atas dengan baca dan browsing sana sini dan akhirnya setelah mendapatkan ilmu tersebut dan mempelajarinya entah mengapa saya merasa ingin berbagi kepada sobat semua agar si puyeng bin bingung tidak pernah mampir dalam pikiran Anda saat membaca kata “Desain Grafis” :D ok langsung saja yah...

Definisi Desain Grafis: adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. 

Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya,  seperti gambar atau fotografi.Desain grafis didefinisakan sebagai aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri. Aplikasi – aplikasi ini dapat meliputi periklanan, packaging, perfilman dan penjualan produk, menciptakan identitas visual untuk insitusi, produk perusahaan, lingkungan grafis, desain informasi, dan secara visual menyempurnakan pesan dalam publikasi.

Beberapa tokoh yang menyatakan pendapatnya tentang Desain Grafis yang saya kutip dari buku Dharna A, referensi lengkapnya nanti di akhir tulisan ya, hihihihhi : D

Menurut Bear ( 2006 ), desain grafis didefinisikan sebagai sebuah proses dan seni yang mengkombinasikan teks dan grafik dalam mengkomunikasikan pesan secara efektif. Jadi dapat dikatakan bahwa sebuah karya grafis akan selalu terdiri atas unsur pokok teks dan grafik.

Menurut Wikipedia ( 2006 ), desain grafis adalah suatu bentuk komunikasi visual dan tindakan pengaturan informasi secara visual melalui penggunaan bentuk huruf ( typografi ) dan media lainnya seperti fotografi atau ilustrasi yang bertujuan untuk menyukseskan penyampaian konsep atau gagasan.

Suyanto desain grafis didefinisikan sebagai " aplikasi dari keterampilan seni dan

komunikasi untuk kebutuhan bisnis dan industri". Aplikasi-aplikasi ini dapat meliputi periklanan dan penjualan produk, menciptakan identitas visual untuk institusi, produk dan perusahaan, danlingkungan grafis, desain informasi, dan secara visual menyempurnakan pesan dalam publikasi.

Jadi dalam pengertian secara luas, seseorang yang mengerti program desain grafis dan juga telah menggunakan aplikasi desain grafis belum dapat disebut desain grafis apabila belum menambahkan wawasannya dengan teori seni, teori desain dan ilmu komunikasi. Oleh karena itu sangat disarankan sebelum seseorang menyebut dirinya sebagai desainer grafis harus mempelajari terlebih dahulu penggunaan software komputer grafis, tetapi juga harus mempelajari ilmu dasarnya serta teori ilmu komunikasi visual.

Sedangkan Komputer grafis adalah program – program komputer yang digunakan untuk membuat desain grafis. Kalau boleh saya memberi contoh seperti misalnya CorelDRAW, Photoshop, Illustrator, dll, singkatnya komputer grafis adalah alat desain grafis.

Kadang – kadang sampai di sini sering terjadi salah kaprah antara Desain Grafis dan Komputer grafis, hal ini terbukti kita sering membaca brosur – brosur atau di kertas media promosi lainnya yang menawarkan “kursus desain grafis” akan tetapi di dalamnya hanya diajarkan tentang photoshop dan coreldraw. Ehmmmm..!

Kalau yang kurang begitu tahu atau awam tentang desain grafis (seperti saya ini :D) mungkin hal tersebut tidak begitu memberatkan, tetapi mungkin akan sangat bermasalah bagi sebagian orang yang bertahun – tahun lamanya mempelajari lewat kursus atau kuliah dengan biaya puluhan bahkan ratusan juta untuk mempelajari ilmu desain grafis ini, mereka akan berfikir sebegitu rendahkah ilmu desain grafis sehingga hanya terwakili oleh corelDRAW dan Photoshop atau mungkin salah satu program grafis yang lainnya., sebab bukan hanya itu yang dikandung dalam ilmu desain grafis,  masih banyak ilmu – ilmu yang harus dipelajari seperti halnya mempelajari prinsip – prinsip desain misalnya  Proposi ( Proportion ), keseimbangan (balance),  kontras (contrast), irama (rhythm), dan kesatuan.

Ada juga yang mempelajari prinsip – prinsip dasar seperti tipografi, tentang psikologi warna,  tentang nirmana, dan masih banyak lagi, yang tak kalah pentingnya seorang desainer harus mempunyai wawasan tentang sains, teknologi, seni, wawasan filsafat, dan etika serta wawasan sosial dan budaya yang kesemuanya dipelajari tentang ilmu desain grafis.

Lalu output dari Desain Grafis bisa dijelaskan sebagai berikut :

Kategori Desain Grafis

Secara garis besar, desain grafis dibedakan menjadi beberapa kategori:

1. Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang sejenis.

2. Web Desain: desain untuk halaman web.

3. Film termasuk CD, DVD, CD multimedia untuk promosi.

4. Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain profesional

yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman.

5. Desain Produk, Pemaketan dan sejenisnya

PROGRAM PENGOLAH GRAFIK/GRAFIS

Oleh karena desain grafis dibagi menjadi beberapa kategori maka sarana untuk mengolah pun

berbeda-beda, bergantung pada kebutuhan dan tujuan pembuatan karya.

1. Aplikasi Pengolah Tata Letak (Layout)

Program ini sering digunakan untuk keperluan pembuatan brosur, pamflet, booklet, poster,

dan lain yang sejenis. Program ini mampu mengatur penempatan teks dan gambar yang

diambil dari program lain (seperti Adobe Photoshop). Yang termasuk dalam kelompok ini

adalah:

- Adobe FrameMaker

- Adobe In Design

- Adobe PageMaker

- Corel Ventura

- Microsoft Publisher

- Quark Xpress

2. Aplikasi Pengolah Vektor/Garis

Program yang termasuk dalam kelompok ini dapat digunakan untuk membuat gambar

dalam bentuk vektor/garis sehingga sering disebut sebagai Illustrator Program. Seluruh

objek yang dihasilkan berupa kombinasi beberapa garis, baik berupa garis lurus maupun

lengkung. Aplikasi yang termasuk dalam kelompok ini adalah:

- Adobe Illustrator

- Beneba Canvas

- CorelDraw

- Macromedia Freehand

- Metacreations Expression

- Micrografx Designer

3. Aplikasi Pengolah Pixel/Gambar

Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah

gambar/manipulasi foto (photo retouching). Semu objek yang diolah dalam

progam-program tersebut dianggap sebagai kombinasi beberapa titik/pixel yang memiliki

kerapatan dan warna tertentu, misalnya, foto. Gambar dalam foto terbentuk dari beberapa

kumpulan pixel yang memiliki kerapatan dan warna tertentu. Meskipun begitu, program

yang termasuk dalam kelompok ini dapat juga mengolah teks dan garis, akan tetapi

dianggap sebagai kumpulan pixel. Objek yang diimpor dari program pengolah

vektor/garis, setelah diolah dengan program pengolah pixel/titik secara otomatis akan

dikonversikan menjadi bentuk pixel/titik.

Yang termasuk dalam aplikasi ini adalah:

- Adobe Photoshop

- Corel Photo Paint

- Macromedia Xres

- Metacreations Painter

- Metacreations Live Picture

- Micrografx Picture Publisher

- Microsoft Photo Editor

- QFX

- Wright Image

4. Aplikasi Pengolah Film/Video

Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah film

dalam berbagai macam format. Pemberian judul teks (seperti karaoke, teks terjemahan, dll) juga dapat diolah menggunakan program ini. Umumnya, pemberian efek khusus (special effect) seperti suara ledakan, suara peluru, ombak, dan lain-lain juga dapat dibuat

menggunakan aplikasi ini. Yang termasuk dalam kategori ini adalah:

- Adobe After Effect

- Power Director

- Show Biz DVD

- Ulead Video Studio

- Element Premier

- Easy Media Creator

- Pinnacle Studio Plus

- WinDVD Creater

- Nero Ultra Edition

5. Aplikasi Pengolah Multimedia

Program yang termasuk dalam kelompok ini biasanya digunakan untuk membuat sebuah

karya dalam bentuk Multimedia berisi promosi, profil perusahaan / company profile, maupun yang sejenisnyadan dikemas dalam bentuk CD maupun DVD. Multimedia tersebut dapat berisi film/movie, animasi, teks, gambar, dan suara yang dirancan sedemikian rupa sehingga pesan yang disampaikan lebih interktif dan menarik.

Yang termasuk dalam kelompok ini adalah:

- Macromedia

- Macromedia Authorware

- Macromedia Director

- Macromedia Flash

- Multimedia Builder

- Ezedia

- Hyper Studio

- Ovation Studio Pro

- Macromedia Director

- Macromedia Flash

- Multimedia Builder

- Ezedia

- Hyper Studio

- Ovation Studio Pro.

Referensi :

-          Dharna A, Kreasi Desain Digital Printing, Unika Atma Jaya Yogyakarta, 2010.

-          (Slamet Riyanto, Elexmedia Komputindo )

-          IG (ilmu Grafis) magazine.

Membuat Logo Gramedia Toko Buku

Pada tutorial kali ini kita akan membuat Logo Toko Buku Gramedia, dan logo ini mungkin tak asing lagi bagi sobat yang sering membeli buku di Gramedia maupun yang datang hanya untuk melihat – lihat saja tanpa diakhiri dengan membeli (seperti ane wkwkw : D). Baiklah, untuk sekedar latihan dan lumayan untuk menambah perbendaharan skill logo CorelDRAW-nya langsung saja untuk membuatnya kita simak langkah- langkah seperti di bawah ini :

1. Buat file baru Crtl+N kemudian buat sebuah lingkaran dengan Ellipse Tool (F7)

2. Untuk mempermudah perataan posisi kita bisa menampilkan Grid caranya pada Menu Bar pilih View > Grid, kalau sudah mari kita buat dua persegi panjang menggunakan Rectangle Tool (F6) yang bertujuan untuk memotong ¾ lingkaran, serta atur letak dan posisinya seperti pada gambar di bawah

3. Sekarang tekan Ctr+A untuk menyeleksi / mem-blok semua objek kemudian klik Trim pada Menu Bar pilih Arange > Shaping > Trim.

4. Setelah di Trim hapus kedua persegi panjangnnya, maka akan tampak hasil seperti di bawah ini :

5. Setelah membentuk seperti gambar di atas blok dan tekan tombol + pada keyboard untuk menggandakan objek kemudian klik Miror Vertically maka nanti hasilnya akan seperti gambar di bawah.

6. Gandakan lagi objeknya dengan cara masih sama seperti yang telah dijelaskan pada langkah No. 5. Lalu susun objeknya seperti pada gambar di bawah ini :

7. Masih semangat sob hehehe, nyalain dulu musiknya biar mendesain jadi lebih enjoy dan menyenangkan, sudah bisa dilanjutkan sob? Sekarang kita buat segitiga dengan menggunakan Bezier Tool letakan seperti pada gambar di bawah juga :

8. Buat lagi persegi panjang kecil kemudian gunakan Shape Tool untuk melakukan pengaturan bentuknya setelah itu tempatkan dan rotasikanlah seperti pada gambar di bawah yang ditandai dengan huruf D.

9. Sekarang kita warnain logonya berikan warna Blue dan Red, alangkah baiknya kita kembalikan tampilannya supaya tidak ada Grid seperti semula.

10. Setelah memberikan warna kita hilangkan Outline-nya tekan Crtl+A setelah semua objek terseleksi lalu tekan tombol F12, setelah itu akan muncul kotak dialog Outline Pen pada layar monitor anda, (dan bukan pada layar televisi anda kwkwkkw n_N) pada pilihan Width pilih None dan klik OK.

11. Langkah terakhir menambahkan teks GRAMEDIA dan TOKO BUKU-nya dengan mamakai jenis huruf Microsoft Sans Serief dan atur ukuran huruf beserta posisinya seperti pada gambar di bawah. Oia hampir lupa penghilangan Outline juga berlaku pada huruf Gramedia dan Toko Bukunya.

Logo Gramedia Toko Buku sudah selesai kita buat kwkwkwk...

Sempurnakan lagi dan lagi seperti yang aslinya sob jika memang di sini masih ada kekurangan. Monggo jika ada yang mau dibetulkan atau ditanyakan, Hehehehe : D

Terima Kasih, Salam Grafis !!!

Semoga membantu.

GrapArie sangat mengharapkan kritik beserta sarannya untuk membangun GrapArie jauh lebih baik lagi.
kirimkan saran, kritik, serta komentarnya ke aree@graphic-designer.com

Membuat Bingkai Rainbow Sederhana Pada foto.

Sebagai contoh kali ini ane masih menggunakan foto mantan ane, mantan satu kelas waktu SD kamsudnya wkwkwkwk….

Baiklah langsung saja ini dia langkah – langkahnya :

Langkah pertama :

Persiapkan Photo yang akan diberi bingkai

Buka Photoshopnya dan kemudian buat file baru, File > New atau Ctrl > N, untuk ukurannya terserah sahabat, namun di sini disarankan agar pas dengan ukuran photonya..

Yang pas – pas saja lah sob, yang pas kan lebih nikmat, wkwkwk :p

Langkah kedua :

Klik Rectangle Tool dan mengatur stylenya dengan cara klik pada Style dan kemudian pilih jenis style Rainbow, lalu drag pada lembar kerja / kanvas sehingga membentuk kotak bingkai, untuk lebih jelasnya kita bisa melihat pada gambar di bawah ini :

Nantinya akan didapatkan hasil seperti di bawah ini :

Langkah ketiga :

Geserlah photo ke bingkai yang barusan kita buat tersebut di langkah kedua dengan menggunakan Move Tool, layer photo harus berada di atas layer bingkai. Kemudian sesuaikan ukurannya dengan cara klik File > Transform > Scale atau gunakan shotcut Ctrl + T geser – geser dan tariklah sampai mendapatkan ukuran yang sesuai dengan bingkai.

Langkah terakhir :

Sekarang kita memasuki tahap finishing, di tahap ini sebenarnya hanya untuk mempercantik tampilan saja dengan memberikan sedikit bayangan pada photo. Dengan gunakan Blending Option caranya klik Layer > Layer Style > blending Options…maka akan muncul kotak dialog Blending Option seperti gambar di bawah yang ditandai dengan huruf C, berikan cheklist pada Drop Shadow dan Inner Shadow kemudian klik OK.

Hasil akhirnya di bawah ini, sob.

Girls In Frame Rainbow !!!!

Selamat mencoba dan semoga berguna..!!!

Membuat Putaran Spectrum ( Pelangi )

Sebenarnya banyak sekali fungsi efek di Photoshop, sehingga akan ada banyak pariasi yang bisa kita ciptakan.

Kali ini ane membuat background putaran spectrum ( pelangi )

1. Buka lembar kerja baru FILE > NEW atau CTRL+N tentukan ukurannya sesuai selera Anda.

2. Klik tool Gradient, pilih jenisnya seperti panah merah no 3 dalam gambar, kemudian pilih jenis Spectrum, dan Drag di lembar kerja / kanvas dari kiri ke kanan.

3. Klik FILTER > DISTORT > TWIRL rubahlah angelnya di sini ane memilih 648 lalu klik Ok..

Selesai deh tuh, mudah kan hehe

Tambahan berita, bro. Supaya lebih hidup kita bisa tambahakan aksesoris, bisa berupa teks maupun gambar tujuannya untuk lebih menghidupkan suasana hati hehe maksudnya background itu sendiri supaya lebih menghidupkan konsep dan tujuan desain. Seperti misalnya dengan menambahkan teks nama pacar anda yang mendua, kekasih hati yang berada non jauh di Saudi Arabia, wkwkwk n_n.

Ane sendiri di sini menambahkan aksesoris teks dengan nama GrapArie.

Selamat mencoba !!!

Membuat Kartu Nama

1. Buka Program Photoshop.

2. Klik File > New > Sesuaikan Pengaturannya
Presetnya : Custom
Widthnya : 9 Cm
Heightnya : 5.5 Cm
dan terakhir Resolutionnya 300, tujuannya agar text tidak pecah atau ngeblur.
Mode : RGB Color, Contents : White, klik Ok




3. Selanjutnya Sahabat akan membuat karya desain sahabat sendiri, Membuat logo, Nama, Alamat, serta Nomor telepon / Handphone Sahabat.
Sebagai contoh:

4. Setelah selesai membuat kartu nama sahabat sendiri maka sekarang klik anak panah arah kanan seperti pada gambar di bawah ini :

kemudian Klik Flaten image, Tujuannya untuk menyatukan Layar menjadi 1 background.

5. Sekarang kita tinggal membuat garis di pinggir kartu nama, hal ini dilakukan untuk mempermudah pemotongan,
Caranya: tekan Ctrl +A,

pada menu utama, klik Edit > Stroke.

Lihat pada gambar di atas untuk memperjelas pengaturannya
Widthnya : 2 px .

Colornya : Hitam.

Location : Center.,

Blending - Mode : Normal.

Opacity : 100 % dan klik OK ( Samakan seperti pada gambar di atas ).

6. Buatlah file baru, File > New pilih ukuran A4

7. Tarik / geserlah kartu nama yang tadi telah kita buat dengan menggunakan Move Tool kepada lembar kerja A4.
Untuk memperbanyak tekan Alt tarik kekanan / kiri
Tekan Ctrl R gunanya untuk meluruskan peletakan kartu nama
Tara….!! kartu nama pun sudah selesai kita buat.
Contoh akhir seperti yang ada di bawah ini :

Terima kasih Semoga tutorial ini bisa bermanfaat buat sahabat semua..

Mengganti Warna Rambut Sesuai Selera.

Mengganti Warna Rambut Sesuai Selera.
Pada tutorial kali ini ane akan mencoba mengganti rambut dengan berbagai warna.

Langkah - langkahnya seperti ini :

1. Buka file gambar di atas File > Open.

Sahabat bisa dowload gambar ini terlebih dahlulu Di sini
2. Seleksi bagian rambut menggunakan POLYGONAL LASSO TOOL seperti pada gambar di bawah ini.


3. Klik pada Menu SELECT > FEATHER (isikanFeather Radius : 10 px )...
4. Klik IMAGE > ADJUSTMENT > VARIATIONS

Sahabat tinggal klik pada warna yang sahabat inginkan, klik oroginal jika sahabat ingin mengembalikan ke warna aslinya.
Selamat mencobanya.