Hasto Suprayogo
thoughts, words, actsArchive for illustrator
Tracing Foto Dengan Adobe Illustrator
Desain Vector dan Tracing dengan Illustrator
Diambil dari buku ku berjudul Desain Vector dan Tracing Dengan Illustrator CS terbitan Elexmedia Komputindo.
Well, Anda sudah sampai ke bab 15, sebuah bab yang sangat istimewa. Karena pada bab ini penulis akan mengajak Anda untuk membuat portrait tracing.
Yeah, sesuai dengan tebakan Anda, model ini mengacu pembuatan tracing wajah (portrait) yang tentunya sangat menarik. Siapa yang tak mau membuat tracing wajah, apalagi wajah orang-orang penting dalam hidup Anda atau bahkan wajah Anda sendiri (self-portrait)
Oke…kita mulai saja yuk.
- Mulailah dengan membuat dokumen kerja baru. Pilih menu File > New, kemudian isi kotak dialog New Document seperti pada Gambar 15.1. berikut.
Gambar 15.1. Kotak dialog New Document
Klik Ok dan Anda akan mendapatkan sebuah dokumen kerja baru siap pakai seperti pada Gambar 15.2. di bawah ini.
Gambar 15.2. Dokumen kerja baru siap pakai
- Impor image yang akan ditrace. Kebetulan penulis menemukan sebuah image cewek dengen ekspresi yang bagus untuk ditrace. Penulis sarankan, jika Anda akan melakukan tracing wajah seseorang, pilihlah image yang ukuran dimensional dan resolusinya relatif besar.
Hal ini dikarenakan keindahan sebuah portrait tracing terletak pada detail yang bisa Anda tampilkan. Sementara, untuk bisa melakukan tracing secara detail, image yang digunakan musti detail pula. Dengan kata lain, semakin besar image, semakin besar kemungkinan Anda dapatkan hasil tracing yang baik.
Untuk mengimpor image, seperti biasa pilih menu File > Place, kemudian pada kotak dialog Place, navigasikan ke directory tempat penyimpanan image. Pilih image yang dimaksud, lalu klik Place dan image akan masuk ke dalam dokumen kerja Anda.
Lihat Gambar 15.3. di bawah ini.
Gambar 15.3. Impor image ke dalam dokumen
Kunci layer image sehingga untuk menghindari pengeditan tak sengaja. Caranya dengan mengklik ikon Toogles Lock yang terletak di samping kiri Layer 1 tempat image berada.
Kemudian, buat layer bar di atas Layer 1 dengan jalan klik ikon Create New Layer pada bagian bawah Palette Layers. Simak Gambar 15.4.
Gambar 15.4. Kunci layer image dan buat layer baru
- Perbesar tampilan image dengan mengklik tombol Ctrl + [+] pada keyboard untuk memudahkan Anda melakukan tracing. Aktifkan Pen tool , ubah warna stroke menjadi putih dan nonaktifkan warna fill pada Toolbox.
Penulis biasa memulai tracing wajah dari bagian mata. Seperti yang penulis jelaskan saat melakukan tracing mobil, mulai dengan membuat obyek yang posisinya paling atas. Di mata manusia, biasanya terdapat kilauan cahaya. Nah, trace bagian ini terlebih dulu.
Perhatikan Gambar 15.5. berikut ini.
Gambar 15.5. Mulai trace bagian paling atas mata
Ubah warna isinya menjadi putih, kemudian melalui Palette Transparency, ubah nilai transparansi obyek tersebut menjadi 20% atau kurang. Simak Gambar 15.6.
Gambar 15.6. Ubah warna isi dan transparansi obyek
- Setelah bagian kilauan cahaya mata, selanjutnya buat obyek bola mata. Aktifkan Pen tool , gunakan warna stroke putih dan fill nonaktif, kemudian mulai trace kontur bola mata. Jika sudah, ubah warna isinya menjadi hitam dengan mengklik area image yang ada di bawahnya dengan menggunakan Eyedropper tool.
Jangan lupa untuk memposiikan obyek bola mata di urutan paling bawah dengan memilih menu Object > Arrange > Send to Back.
Lihat Gambar 15.7
Gambar 15.7. Buat obyek bola mata
Jika Anda perhatikan, bola mata manusia tidak hanya satu warna—hitam saja misalnya—melainkan ada area berwarna lain yang biasa disebut iris. Nah, pada pada image yang penulis trace juga terdapat iris dengan warna coklat di bagian mata.
Penulis akan men-trace area iris tersebut, mengubah warna isinya menjadi coklat lalu memposisikannya di urutan paling bawah. Perhatikan Gambar 15.8. di bawah ini.
Gambar 15.8. Trace area iris dan ubah warna isinya
- Ok, setelah berhasil melakukan tracing obyek penyusun bola mata, berikutnya trace obyek bulu mata dan garis mata yang posisinya di atas bola mata.
Kembali gunakan Pen tool , ubah warna stroke menjadi putih dan nonaktifkn warna fill. Lakukan tracing, lalu ubah warna isinya menjadi hitam dengan mengklik area image di bawahnya menggunakan Eyedropper tool , sehingga didapat hasil seperti pada Gambar 15.9.
Gambar 15.9. Trace area bulu mata dan ubah warnanya
Lanjutkan dengan melakukan tracing area coklat disekitaran mata, sekaligus sebagai pembatas mata. Jangan lupa posisikan di urutan paling bawah. Perhatikan Gambar 15.10.
Gambar 15.10. Trace area pinggiran mata
Berikutnya, trace area dalam mata yang berwarna putih. Posisikan di urutan paling bawah sehingga didapat hasil seperti pada Gambar 15.11. di bawah ini.
Gambar 15.11. Trace area putih mata
Kemudian, trace area bayangan di bawah mata dan sekeliling mata, kemudian ubah warnanya menjadi coklat mudah dengan Eyedropper tool . Jangan lupa posisikan di urutan paling bawah dengan memilih menu Object > Arrange > Send to Back. Simak Gambar 15.12. berikut ini.
Gambar 15.12. Trace area bayangan di bawah mata
Selanjutnya, seleksi semua obyek penyusun mata, gabungkan menjadi satu grup dengan memilih menu Object > Group, atau cukup dengan menekan tombol Ctrl + G pada keyboard.
Untuk melihat seperti apa tampilan ilustrasi yang sudah Anda buat, nonaktifkan tampilan layer image dengan mengklik ikon visibility di samping kiri Layer 1.
Perhatikan dengan seksama tampilannya seperti pada Gambar 15.13. di bawah ini.
Gambar 15.13. Hasil ilustrasi mata
Lumayan bukan? Memang capek dan butuh waktu, tapi kalau Anda memang ingin memperoleh hasil terbaik, Anda musti sabar, Ok?
- Setelah mata pertama berhasil Anda trace, lanjutkan pada mata kedua. Ikuti langkah-langkah serupa dengan saat Anda membuat tracing mata pertama. Mulai dari obyek yang posisinya paling atas, diikuti obyek bawahnya dan begitu seterusnya.
Berikut penulis tunjukkan hasil tracing mata kedua pada Gambar 15.14. berikut supaya Anda bisa memperoleh gambaran yang lebih jelas.
Gambar 15.14. Trace obyek mata kedua
Jika sudah berhasil gabungkan masing-masing obyek mata menjadi satu grup, sehingga memudahkan Anda dalam melanjutkan proses tracing.
- Setelah mata selesai Anda tracing, lanjutkan dengan melakukan tracing pada alis. Kita mulai dengan alis sebelah kanan. Gunakan Pen tool dengan stroke warna putih dan fill nonaktif, lalu mulai trace kontur alis tersebut.
Lihat bahwa di alis sebelah kanan terdapat 2 area warna utama, yaitu coklat muda dan coklat tua. Anda bisa gunakan warna yang telah diaplikasikan pada obyek mata.
Mulai dengan tracing area yang posisi paling atas, baru area yang posisinya di bawahnya. Hasilnya terlihat seperti pada Gambar 15.15.
Gambar 15.15. hasil tracing alis mata kanan
Lanjutkan dengan tracing area alis sebelah kiri. Perhatikan bahwa alis kiri mempunyai warna lebih gelap. Gunakan Eyedropper tool untuk memilih warna yang sesuai dari image. Simak Gambar 15.16. di bawah ini.
Gambar 15.16. Trace alis sebelah kiri
Jika sudah, seleksi masing-masing obyek alis dan gabungkan menjadi satu grup.’
- Berikutnya, lanjutkan dengan men-trace area hidung, terutama bagian lubang hidung. Gunakan Pen tool , trace kontur dan gunakan Eyedropper tool untuk mengaplikasikan warna yang sesuai. Simak hasilnya pada Gambar 15.17.
Gambar 15.17. Trace area hidung
Seleksi semua obyek penyusun hidung dan gabungkan menjadi satu grup dengan memilih menu Object > Group, atau tekan tombol Ctrl + G pada keyboard.
- Lanjutkan dengan mentrace area bibir dan mulut. Hati-hati saat melakukan tracing daerah ini, karena bibir dan mulut sangat jelas terlihat saat sebuah image jadi.
Perhatikan hasil tracing yang penulis lakukan terhadap area bibir dan mulut image, sebagaimana terlihat pada Gambar 15.18. di bawah ini.
Gambar 15.18. Hasil tracing obyek bibir dan mulut
Jika sekarang Anda perhatikan, obyek-obyek tracing yang dihasilkan sudah mulai membentuk sesosok wajah, seperti terlihat pada Gambar 15.19. di bawah ini.
Gambar 15.19. Ilustrasi sementara hasil tracing
- Kembali lanjutkan tracing area telinga. Gunakan Pen tool dan ikuti kontur area dalam telinga untuk menampilkan bentuknya. Lalu, manfaatkan Eyedropper tool untuk mengaplikasikan warna yang sesuai berdasarkan area image yang ada di bawahnya.
Karena obyek yang ditrace adalah image seorang perempuan, penulis tak lupa pula melakukan tracing pada anting-anting yang dipakainya.
Simak Gambar 15.20. untuk melihat hasilnya.
Gambar15.20. Hasil tracing telinga
Jangan lupa jika sudah berhasil men-trace area telinga, seleksi semua obyek penyusunnya, lalu gabungkan menjadi satu grup dengan memilih menu Object > Group, atau cukup tekan tombol Ctrl + G pada keyboard.
- Nah, sekarang kita sampai pada bagian yang sangat kritis dan membutuhkan perhatian seksama, yaitu bagian rambut. Perhatikan bahwa seperti juga area mata, rambut manusia terdiri dari beberapa bagian yang musti Anda trace dengan jeli, dimulai dari bagian kilaua rambut, bagian hitam rambut dan helai-helai luar.
Awali dengan melakukan trace pada area kulaian rambut. Ingat Anda musti ekstra hati-hati. Gunakan Pen tool dengan warna stroke putih dan fill nonaktif, dan lakukan untuk setiap area kilauan rambut. Jika kilauan rambut jumlahnya banyak, ya Anda musti melakukannya terus dan terus hingga semuanya berhasil di-trace.
Jika sudah, ubah warna isinya menjadi putih dan atur transparansinya menjadi 20% atau kurang.
Penulis tunjukkan bagaimana hasil dari tracing obyek kilauan rambut seperti pada Gambar 15.21. di bawah ini.
Gambar 15.21. Hasil tracing area kilauan rambu
Jangan lupa untuk menggabungkan semua obyek kilauan rambut menjadi satu grup dengan memilih menu Object > Group atau tekan tombol Ctrl + G pada keyboard.
- Berikutnya, lakukan tracing untuk area hitam rambut. Nah, untuk bagian ini, Anda juga musti ekstra hati-hati, karena selain rambut itu mempunyai karakteristik unik, yaitu detail helaiannya yang fleksibel, juga jumlah helai yang musti Anda trace relatif banyak.
Jangan lupa untuk memposisikan hasil tracing area hitam rambut di bawah tracing kilauan rambut. Lihat hasil tracing penulis pada Gambar 15.22. di bawah ini.
Gambar 15.22. Trace area rambut
Sekarang coba nonaktifkan tampilan layer image sehingga kita bisa melihat sejauh apa perkembangan tracing yang sudah dilakukan. Simak Gambar 15.23.
Gambar 15.23. Hasil sementara tracing image
Lumayan ok juga, sejauh ini sudah lebih nampak karakteristik orang yang kita trace dari image. Lanjutkan terus yuk.
- Berikutnya, kita akan melakukan tracing area bayangan yang membentuk kerutan pada wajah dan area lain, sebelum kita nantinya mengaplikasikan tracing pada bagian kulit.
Perhatikan Gambar 15.24. berikut ini.
Gambar 15.24. hasil tracing bayangan kerut wajah
Setelah itu, trace area baju sehingga memudahkan Anda nantinya dalam membuat obyek kulit. Ikuti kontur baju yang ada, ubah warna isinya menjadi hitam dan posisikan pada urutan paling bawah.
Perhatikan Gambar 15.25. di bawah ini untuk lebh jelasnya.
Gambar 15.25. Buat tracing obyek baju
- Sekarang, buat obyek kulit yang warnanya lebih gelap. Ikuti kontur kulit tersebut, seperti nampak pada Gambar 15.26.
Gambar 15.26. Trace area gelap kulit
Lanjutkan dengan trace area kulit sisanya. Sebenarnya, Anda bebas untuk membuat berapa lapis kulit, semakin banyak berarti semakin smooth (halus) jadinya tekstur kulit yang didapatkan. Jika Anda lihat, pada contoh ini penulis menggunakan 2 lapis kulit plus 3 lapis bayangan di atasnya.
Perhatikan hasilnya pada Gambar 15.27. berikut ini.
Gambar 15.27. Trace area kulit
Jika sudah, Anda akan mendapatkan hasil akhir tracing seperti pada Gambar 15.28. di bawah ini.
Gambar 15.28. Hasil akhir portrait tracing
Bagiamana hasil tracing tadi? Ok bukan? Anda bisa mengaplikasikan teknik ini untuk membuat karya seni dari image orang-orang yang berarti dalam hidup Anda.
Untuk melihat lebih banyak lagi contoh tracing vector yang sudah saya buat, silahkan cek di Astayoga.DeviantArt.com
Selamat mencoba, dan semoga bermanfaat. 
Vector Art Resources
Bagi yang suka ngedesain, ada situs menarik untuk download stock vector art gratis. DeviantArt menyediakan satu section khusus bagi para member-nya untuk mengupload dan mendownload artworks yang mereka miliki. Semangat yang coba diusung adalah berbagi. Di mana, sebagai sesama pekerja kreatif, adalah baik jika mau membagi ilmu sekaligus hasil karyanya kepada publik. Tentunya dengan itikad baik bahwa mereka yang mendownload akan menggunakannya secara bijak, dengan mempertimbangkan berbagai aspek, sehingga tidak berujung pada pembajakan atau penggunakan secara komersil tanpa ijin.
Beberapa artworks yang aku share di sana antara lain:
Godfather The Artwork
Godfather: Vito Corleone
Ryoko Hirosue Artworks
Ryoko Hirosue
Ke depan, aku berencana untuk meng-upload lebih banyak lagi stock artworks di sana.
Mengenal Adobe Illustrator
- Desain Vector dan Tracing dengan Illustrator by Hasto Suprayogo
Diambil dari buku Desain Vector & Tracing Dengan Illustrator terbitan Elexmedia Komputindo. Berminat? Beli di sini.
Mengenal Adobe Illustrator
Setelah Anda mengenal apa yang dimaksud dengan desain vector, dan sekelumit mengenai dasar-dasar desain grafis, maka hal selanjutnya yang musti Anda kuasai adalah kemampuan teknisnya. Yang dimaksud dengan kemampuan teknis di sini adalah kemampuan untuk menggunakan program desain grafis yang sesuai sehingga Anda bisa memvisualisasikan ide dan kreatifitas dalam sebuah karya.
Karena kita berbicara mengenai desain vector, maka program/software yang musti Anda kuasai adalah software desain vector, atau lazim disebut software ilustrasi. Penulis sengaja memilihkan satu software ilustrasi yang sesuai dengan kebutuhan Anda, yaitu Adobe Illustrator, di antara beragam software sejenis di pasaran.
Mengapa Adobe Illustrator?
Jika Anda bertanya mengapa penulis memilih Adobe Illustrator sebagai software ilustrasi yang musti dikuasai, hal itu tak lepas dari fakta-fakta mengenai program keluaran raksasa software Adobe.inc ini sendiri. Beberapa alasan tersebut adalah:
- Adobe Illustrator sudah sejak lama dikenal luas sebagai software ilustrasi no 1 di dunia pilihan pada desainer dan praktisi desain profesional.
- Adobe Illustrator mempunyai kemampuan, fitur dan fasilitas yang bisa diandalkan untuk mewujudkan pekerjaan kreatif Anda.
- Adobe Illustrator sangat kompatibel dengan beragam software lainnya untuk berbagai kepentingan akhir, seperti kepentingan cetak, desktop publishing, web publishing dan lain-lain.
- Adobe Illustrator bersifat user friendly, yaitu sangat memudahkan user dalam menggunakan dan mengakses beragam fitur yang ada, terutama dengan sistem pengelompokan fasilitas melalui fasilitas menu, toolbox, palette dan sebagainya.
- Adobe Illustrator mampu menangani beragam desain dari yang sifatnya sederhana hingga amat kompleks, serta mampu mengekspor hasil akhir sebuah desain ke dalam berbagai format sesuai kebutuhan Anda dengan kualitas yang bisa diandalkan.
Khusus untuk pengerjaan buku ini, penulis menggunakan Adobe Illustrator CS (Creative Suite), atau sering disebut Adobe Illustrator 11. Memang saat ini telah tersedia rilis terbaru Illustrator, yaitu Adobe Illustrator CS2, namun karena pertimbangan kebutuhan sumber daya komputer yang terlalu besar, terutama untuk pengguna pemula, maka penulis pilihkan rilis sebelumnya.
Namun jangan khawatir, Anda bisa saja menggunakan rilis terbaru ini sekiranya memang dimungkinkan, karena tak begitu banyak perubahan dalam kedua rilis ini. Atau bahkan juga, jika Anda masih menggunakan Illustrator versi sebelumnya, Adobe Illustrator 10 ke bawah pun tak begitu jadi soal. Meski memang ada beberapa fasilitas yang hanya ada di versi CS dan CS2.
But basically, it’s almost the same, ok? So don’t you worry.
Interface Adobe Illustrator CS
Untuk bisa menggunakan program ini, yang pertama musti Anda cermati adalah interface (tampilan antarmuka) program tersebut. Interface Adobe Illustrator CS serupa dengan interface program-program Adoeb lainnya, dengan pengelompokan fasilitas yang terstruktur dan jelas. Serta fokus utama pada area kerja yang luas di bagian tengahnya.
Tipe interface semacam ini diharapkan bisa memberikan kemudahan bagi para penggunanya untuk fokus pada pekerjaan yang tengah dilakukan. Bahkan bagi mereka yang masih pemula, interface Adobe Illustrator CS ini akan sangat membantu.
Perhatikan interface program Adobe Illustrator seperti terlihat pada Gambar 2.1. di bawah ini dengan seksama.
- Gambar 2.1. Interface Adobe Illustrator CS
Secara garis besar, tampilan antarmuka (interface) Illustrator CS terbagi ke dalam 4 (empat) bagian besar, yaitu:
Menu
Menu merangkum segala fasilitas yang dimiliki Illustrator CS berupa kumpulan perintah-perintah dalam drop-down menu yang letaknya di bagian paling atas jendela program. Menu-menu perintah tersebut disusun berdasarkan kesamaan fungsi, seperti menu File berisi kumpulan perintah yang berhubungan dengan pengaturan dokumen, seperti pembuatan dokumen kerja, penyimpanan, ekspor-impor file dan sebagainya.
Gunakan fasilitas menu ini untuk mengakses beragam fasilitas utama Illustrator CS seperti ditunjukkan pada Gambar 2.2.
- Gambar 2.2. Fasilitas Menu Illustrator CS
Jika Anda perhatikan, pada beberapa menu perintah terdapat submenu. Hal ini berarti dalam menu tersebut terdapat menu-menu tambahan yang bisa Anda akses. Biasanya menu seperti ini ditandai dengan adanya segitiga hitam pada ujung kanannya.
Selain itu, ada jenis menu yang lain, yaitu menu yang diakhiri dengan 3 (tiga) tanda titik, seperti pada menu Open di atas. Tanda titik seperti ini menunjukkan kalau pada menu tersebut terdapat pilihan nilai parameter tambahan yang mesti Anda tentukan supaya Illustrator CS bisa melakukan suatu perintah dengan benar.
Semisal, jika Anda memilih menu File > Open, maka sebuah kotak dialog Open akan muncul, di mana melalui kotak dialog ini Anda diminta untuk memilih dokumen file mana yang akan dibuka. Lihat Gambar 2.3.
- Gambar 2.3. Kotak dialog Open untuk memilih file yang akan dibuka
Toolbox
Toolbox secara default mengambang (floating) di sisi kiri jendela program Illustrator CS berupa kumpulan tool-tool (alat) yang Anda gunakan untuk membuat atau mengedit obyek ilustrasi. Illustrator CS melengkapi Anda dengan beragam tool dengan fungsi yang beragam pula.
Anda bisa memindah-mindahkan toolbox ini di bagian mana pun pada jendela program Illustrator CS. Hal ini memungkinkan Anda untuk memperoleh ruang kerja yang lebih luas saat bekerja. Hal yang mencolok dari toolbox ini adalah logo baru Illustrator CS berupa ilustrasi bunga berwarna merah muda di bagian atas toolbox.
Yang menarik adalah, jika Anda menekan tombol keyboard “V E N U S”, maka gambar bunga yang menjadi logo baru Illustrator CS akan berubah menjadi gambar venus (perempuan) yang merupakan logo Illustrator versi sebelumnya.
Perhatikan Gambar 2.4. di bawah ini.
- Gambar 2.4. Toolbox Illustrator CS
Dikarenakan beragamnya tool yang ada, sementara untuk efisiensi tak mungkin menampilkan semua tool sekaligus, maka Illustrator CS menyembunyikan sebagian tool yang mempunyai kemiripan fungsi di bawah tool yang lain. Jika Anda perhatikan pada beberapa tool terdapat tanda segitiga hitam di bagian pojok kanan bawahnya. Hal ini menunjukkan kalau di bawah tool tersebut terdapat tool-tool lain yang tersembunyi (hidden tool).
Untuk memunculkan tool tersebunyi, Anda tinggal menahan tekanan mouse pada tool bersangkutan selama beberapa saat, maka tool-tool tersembunyi di bawahnya akan muncul, seperti terlihat pada Gambar di atas.
Pada beberapa tool, juga terdapat fasilitas pengaturan yang bisa Anda gunakan untuk membuat obyek atau melakukan pengeditan sesuai keinginan. Untuk melakukan pengaturan pada suatu tool, Anda tinggal mengklik ganda (double click) tool tersebut maka kotak dialog akan muncul. Semisal, klik ganda Pencil tool , dan Anda akan mendapati sebuah kotak dialog Pencil Tool Preferences tampil seperti pada Gambar 2.5.
- Gambar 2.5. Kotak dialog Pencil Tool Preferences
Tool-tool yang ada dalam Toolbox secara umum bisa kita kategorikan menjadi 6 (enam) macam, yaitu:
-
Tool Seleksi
Sebagaimana terlihat dari namanya, tool yang masuk dalam kategori ini mempunyai beragam fungsi yang berhubungan dengan seleksi obyek. Tool-tool tersebut adalah:
- ;
Apa Itu Desain Vector?
Desain Vector dan Tracing dengan Illustrator by Hasto Suprayogo
Diambil dari buku Desain Vector & Tracing Dengan Illustrator terbitan Elexmedia Komputindo. Berminat? Beli di sini.
Apa Itu Desain Vector
Apa itu desain vector? Mungkin itu pertanyaan pertama yang muncul di benak Anda yang belum pernah mendengar istilah ini.
Bagi mereka yang pernah atau sudah berkecimpung di dunia desain grafis tentunya akan lebih familiar dengan terma ini. Namun untuk lebih jelasnya, penulis akan sedikit mengulas mengenai pengertian desain vector, ragam dan tak lupa kegunaannya dalam desain. Sehingga diharapkan, saat Anda membaca buku ini Anda akan temukan manfaat mengapa sekiranya perlu mempelajari desain vector ini.
Desain Vector
Secara umum, dalam dunia desain grafis kita dapat membedakan 2 (dua) ranah besar ragam desain, yaitu desain berbasis vector (vector based design) dan desain berbasis bitmap (bitmap based design).
Mengapa musti ada pembedaan semacam ini? Mungkin Anda bertanya demikian. Well, alasannya adalah, karena memang software desain yang ada menggunakan sistem yang berbeda berdasarkan dua kategori di atas.
Desain berbasis vector menggunakan perhitungan matematis dalam menentukan dan menampilkan obyek-obyek penyusun sebuah desain. Perhitungan matematis ini ini meliputi berbagai parameter penyusun suatu obyek, seperti posisi koordinat, tebal tipisnya garis luar (outline), warna isi (fill) obyek dan berbagai parameter lain. Sehingga untuk melakukan pengeditan terdapat obyek desain berbasis vector sama artinya dengan mengedit parameter penyusunnya.
Sebagai konsekuensinya, desain berbasis vector mempunyai keunggulan di mana Anda bisa mengubah bentuk, ukuran dan berbagai parameter lainnya secara bebas tanpa khawatir akan terjadi penurunan kualitas tampilan maupun kualitas cetaknya. Anda akan temukan tampilan yang senantiasa tajam, jelas dan bagus pada obyek desain berbasis vector. Sifat desain vector yang senantiasa terlihat tajam ini disebut dengan resolution independent (resolusi bebas).
Vector lebih cocok untuk membuat obyek desain berbetuk geometris, seperti kotak, lingkaran, elips dan poligon. Akan relatif sulit untuk membuat desain dengan tekstur kompleksi seperti pada foto menggunakan model vector ini.
Oleh karenanya, desain vector lebih banyak digunakan untuk membuat desain-desain yang menekankan pada soliditas bentuk dan warna, serta fleksibilitas ukuran , seperti desain logo, letterhead, kartun dan sebagainya.
Perhatikan Gambar 1.1. di bawah ini untuk lebih jelasnya.
Gambar 1.1. Obyek desain vector bersifat resolution independent
Untuk bisa membuat desain vector, Anda musti menggunakan software desain vector. Ada beragam pilihan yang bisa digunakan, seperti Adobe Illustrator, Macromedia Freehand, CorelDraw dan sebagainya. Namun, penulis sengaja memilihkan Adobe Illustrator sebagai software desain vector yang sebaiknya Anda gunakan. Hal ini dikarenakan berbagai pertimbangan, seperti kemampuan, fasilitas, fitur dan kompabilitas yang ditawarkan oleh program ilustrasi keluaran raksasa software Adobe, Inc. ini. Selain itu, sudah sejak lama Adobe Illustrator dikenal luas dikalangan profesional desain sebagai software ilustrasi (desain vector) nomor satu di dunia.
Jadi, sekiranya Anda berminat dan berniat untuk serius terjun di bidang ini, maka Adobe Illustrator adalah pilihan terbaik yang Anda punya. Ok?
Desain Bitmap
Tipe desain satu lagi adalah desain bitmap, atau umum pula disebut desain raster (raster based design). Bitmap atau raster adalah desain yang tersusun dari obyek-obyek titik—disebut dot/pixel—dengan warna beragam yang tersusun pada lajur-lajur vertikal dan horisontal—disebut grid—dengan tingkat ketajaman tertentu, disebut resolusi.
Bayangkan desain bitmap sebagai kumpulan titik-titik dalam sebuah mosaik, di mana ketika mosaik tersebut dilihat pada jarak tertentu, maka Anda akan dapati sebuah gambar/image yang diinginkan. Namun, sekiranya Anda memperbesar tampilannya, maka Anda akan dapati titik-titik penyusun image tersebut mulai terlihat—umum disebut sebagai efek jaggy (pecah).
Sifat desain bitmap yang terlihat pecah semacam ini disebut sebagai resolution dependent (resolusi tak bebas). Tipe desain bitmap sangat cocok digunakan untuk menampilkan image dengan ragam warna yang banyak, tekstur beragam serta tak begitu membutuhkan fleksibilitas ukuran, seperti foto.
Simak pada Gambar 1.2. berikut ini untuk lebih jelasnya.
Gambar 1.2. Obyek bitmap yang bersifat resolution dependent
Untuk membuat atau mengedit obyek desain bitmap, maka Anda membutuhkan software pengolah image/image editing, seperti Adobe Photoshop, Jasc PaintShop Pro, Corel Photopaint dan sebagainya.
Jika di atas disebutkan bahwa pengeditan obyek vector sama artinya dengan mengedit nilai-nilai parameter penyusun obyek vector tersebut, maka pengeditan image bitmap adalah mengedit dot penyusun image bersangkutan. Karena fokus kita pada buku ini lebih mengenai desain vector, maka kita tak akan menyinggung mengenai image bitmap.
Kegunaan Desain Vector
Hal apa yang mendorong seseorang untuk mau mempelajari sesuatu adalah kegunaan dari hal tersebut. Begitu juga saat Anda akan mempelajari desain vector ini, tentunya terlintas dalam benak Anda, apa sih manfaat mempelajari keahlian yang satu ini. Sekiranya penulis pandang amat penting untuk sedikit membeberkan berbagai kegunaan yang bisa Anda peroleh dari pelajaran kita akan desain vector, baik bagi Anda yang memang serius menekuni bidang desain grafis, atau bagi Anda yang hanya hobi saja.
Berikut adalah beberapa hal yang bisa diperoleh dari kemampuan desain vector:
- Desain vector banyak digunakan untuk membuat desain-desain yang membutuhkan soliditas bentuk, warna dan fleksibilitas ukuran, seperti logo dan letterhead.
Dengan menguasai desain vector, Anda akan lebih mampu dalam merancang, membuat atau mengedit desain logo, letterhead dan sebagainya. Di mana, perancangan dan pembuatan logo adalah salah satu kerja kreatif yang pasti akan Anda temui saat berkecimpung dengan dunia desain grafis. - Desain vector memungkinkan Anda untuk lebih mengeksplorasi kemampuan Anda dalam membuat bentuk, memilih warna, mengatur tata letak (layout) dan berbagai elemen-elemen dasar desain lainnya. Semakin sering Anda melatih membuat desain vector, semakin mahir pula Anda dalam membuat sebuah desain.
- Desain vector memungkinkan Anda menampilkan identitas diri Anda secara personal dalam karya desain yang Anda kerjakan. Mengapa demikian? Hal ini karena sebuah desain vector merupakan sebuah obyek ilustrasi, di mana tak akan pernah ada dua ilustrasi yang bisa benar-benar sama. Sentuhan artistik desainer di belakangnya akan sangat kuat mewarnai tampilan obyek vector bersangkutan. Sehingga, kita akan bisa mengindentifikasikan sebuah karya dengan sosok desainer tertentu. Di sinilah tempat Anda menunjukkan jati diri.
- Desain vector memungkinkan adanya eksplorasi terhadap bentuk dan elemen-elemen desain yang sekiranya tak bisa ditemukan pada pengeditan image bitmap. Di mana, sebuah ilustrasi memberi seorang desainer keleluasaan untuk membentuk dan mengeditnya, sesuai dengan imajinasi dan teknik yang dimilikinya. Batasan yang ada hanyalah soal kreatifitas.
- Desain vector memungkinkan Anda menciptakan karya yang orisinal dan khas dengan sentuhan personal. Inilah sekiranya alasan terkuat mengapa Anda perlu mempertimbangkan untuk berkarya lewat desain vector. Karena melaluinya Anda bisa tunjukkan kepada dunia siapa Anda sebenrnya. Ok?
Darimana Harus Mulai?
Kalau saat ini Anda sudah mengatakan pada diri Anda sendiri, “Ya, saya ingin bisa menguasai desain vector!”, mungkin pertanyaan yang selanjutnya terlintas adalah, “Darimana saya musti mulai?”
Well, jangan khawatir, untuk itulah maka Anda membaca buku ini kan? Penulis akan memandu Anda langkah demi langkah, tingkat demi tingkat untuk mengenal konsep desain vector, mempelajari software penunjang, serta mengaplikasikannya dalam memvisualisasikannya dalam bentuk sebuah desain.
Sekelumit Tentang Dasar-dasar Desain
Secara sederhana, ada 2 (dua) hal pokok yang musti Anda pahami sebelum mulai mendesain, yaitu elemen-elemen desain dan konsep dasar desain. Kita akan mulai terlebih dulu dengan elemen-elemen desain.
Elemen desain adalah apa saja yang menyusun atau menjadi basis sebuah desain. Elemen desain ini sangat beragam jenisnya, Anda pun bisa menambahkan atau mengurangi sesuai kebutuhan dalm pemahaman Anda. Namun, secara garis besarnya ada beberapa elemen desain yang musti Anda pegang, yaitu:
Line (Garis)
Garis adalah elemen dasar yang menyusun sebuah desain. Garis yang terdiri dari kumpulan titik-titik inilah yang menjadi penanda di mana kita membedakan antara satu obyek dengan obyek lain, serta memungkinkan audiens mencerna suatu pesan yang dikomunikasikan secara visual.
Garis bisa berupa garis lurus (straight line) atau garis lengkung (curved line). Dengan mendayagunakan garis, Anda bisa temukan berbagai posibilitas dalam desain yang Anda buat. Dan yang teristimewa, dalam desain vector, garis memainkan faktor yang sangat penting, karena obyek vector tak lain adalah obyek yang tersusun dari garis-garis.
Maka ingat selalu, jangan pernah meremehkan arti sebuah garis! Simak Gambar 1.3. di bawah ini.
Gambar 1.3. Garis lurus dan garis lengkung
Form & Space (Bentuk & Ruang)
Form atau bentuk adalah kumpulan garis-garis yang saling bersambungan yang membentuk suatu obyek tertentu. Obyek, atau kerap disebut shape, ini bisa berupa obyek geometris, seperti kotak, lingkaran, elips dan poligon, atau obyek bebas non geometris.
Perhatikan Gambar 1.4. berikut untuk melihat contoh-contoh obyek geometris dan non geometris.
Gambar 1.4. Obyek geometris dan non geometris
Ketika Anda membuat obyek, pada saat itu pula Anda membuat ruang (space). Ruang dalam desain bisa dibagi menjadi 2 (dua), yaitu ruang positif (positive space) dan ruang negatrif (negative space).
Yang dimaksud dengan ruang positif adalah ruang yang ada di dalam obyek yang Anda buat itu sendiri. Semisal Anda membuat obyek kotak, maka obyek kotak itulah yang kita sebut sebagai ruang positif.
Sedangkan ruang negatif (negative space) adalah ruang di luar obyek yang Anda buat, yang meliputi area kanvas tempat Anda mendesain. Lihat pada Gambar 1.5. di bawah ini untuk lebih jelasnya.
Gambar 1.5. Positive dan negative space dalam desain
Anda harus memperhatikan penggunaan positive space dan negative space ini, karena terkadang kekuatan sebuah desain sangat ditunjang oleh keseimbangan antara kedua jenis ruang ini.
Color (Warna)
Warna adalah elemen desain yang sangat penting, karena secara psikologis, manusia mengenali warna lebih dulu ketimbang bentuk atau teks. Bahkan jika warna yang dimaksud adalah hitam putih, atau monokrom.
Dalam desain grafis, terdapat banyak konsep mengenai warna dan bagaimana penggunaannya. Penulis hanya akan menyinggung 2 hal pokok mengenai warna yang musti Anda pegang, yang pertama adalah psikologi warna dan yang kedua adalah mode warna.
- Psikologi Warna
Psikologi warna berkaitan dengan persepsi manusia mengenai warna yang ada dan bagaimana pengaruh warna terhadap manusia.
Dalam pada ini, warna secara global dibagi menjadi 3 (tiga) kategori, yaitu warna panas/hangat (warm colors), warna dingin/sejuk (cool colors) dan warna netral (neutral colors).
Warna panas/hangat mempunyai kemampuan untuk menstimulasi/merangsang persepsi manusia, menimbulkan nuansa kehangatan, arti penting, ketajaman, dan sebagainya. Warna-warna semacam ini sangat cocok digunakan untuk menarik perhatian atau memberi aksentuasi pada desain.
Yang masuk dalam kategori warna panas/hangat ini semisal merah, kuning, oranye dan varian dari ketiganya.
Contoh jelas dari penggunaan tipe warna ini adalah lampu lalu lintas warna merah digunakan untuk memperingatkan pengemudi agar berhenti (tanda larangan). Juga rambu lalu lintas umum menggunakan warna dasar kuning yang memberi peringatan dan menekankan penonjolan yang akan senantiasa nampak jelas meski berada di lingkungan yang padat.
Warna kedua, yaitu warna dingin/sejuk, sesuai namanya adalah warna-warna yang memberi nuansa kesejukan, kalem, keteduhan, dingin, kemantapan dan segala kualitas semacam ini. Warna yang masuk kategori ini antara lain, biru, hijau, ungu serta varian-variannya.
Warna dingin/sejuk umum digunakan sebagai background, atau warna isi area yang relatif luas, guna memberi kesan kelapangan, ketenangan, ketelitian dan sebagainya. Semisal pada bidang-bidang yang terkait dengan pengetahuan, teknologi, kesehatan, perbankan dan sebagainya.
Sedangkan kategori warna berikutnya adalah warna netral. Warna netral mempunyai keistimewaan mampu dipadukan dengan warna panas maupun dingin, dan umumny bermanfaat untuk menetralisir efek berlebih dari kedua tipe warna tersebut.
Banyak digunakan sebagai backgouind dan atau warna teks, warna netral ini misalnya adalah hitam, putih, dan varian abu-abu.
- Mode Warna
Mode warna adalah bahasan yang amat penting yang tak boleh Anda lewatkan, karena mode warna terkait dengan pengetahuan teknis bagaimana program desain grafis, dalam hal ini Adobe Illustrator menampilkan warna maupun mencetaknya.
Terdapat beragam mode warna yang digunakan oleh program desain untuk bisa menampilkan warna, namun ada 2 (dua) mode warna pokok yang musti Anda pegang. Kedua mode ini adalah mode warna RGB (Red-Green-Blue), dan mode warna CMYK (Cyan-Magenta-Yellow-Black).
Dinamakan demikian mengacu pada komponen warna dasar yang dipadukan untuk menghasilkan ragam warna yang berbeda pada suatu desain. Mode RGB menggunakan 3 (tiga) komponen warna dasar, yaitu Red (merah), Green (hijau) dan Blue (biru). Sedangkan mode CMYK menggunakan 4 (empat) komponen warna dasar, yaitu Cyan (sian), Magenta (magenta), Yellow (kuning) dan Black (hitam).
Mengapa keduanya penting, karena masing-masing mode warna ini digunakan untuk dua kepentingan desain yang utama, yaitu mode RGB untuk tampilan di monitor—dan media elektronik lainnya–, sementara mode CMYK digunakan untuk mencetak desain pada media tertentu, seperti kertas dan sebagainya.
Jadi prinsipnya, gunakan mode warna RGB jika tujuan akhir desain Anda adalah untuk ditampilkan di komputer atau alat elektronik—umum disebut desktop publishing—sebaliknya gunakan mode CMYK jika tujuan akhir desain Anda adalah untuk kepentingan cetak.
Ok, simple bukan?
Type (Teks)
Elemen desain berikutnya yang tak kalah penting adalah teks. Teks, tentunya Anda sudah bisa membayangkan, yaitu huruf atau kumpulan huruf yang digunakan untuk menyampaikan suatu pesan. Tak hanya ide pesan yang disampaikan teks secara implisit yang perlu Anda pertimbangkan, namun juga tampilan teks secara visual pun musti mendapatkan perhatian.
Berbeda dengan penggunaan teks dalam kepentingan tata letak (layout) yang lebih menekankan fungsi teks sebagai media penyampai pesan—dalam hal ini content—maka dalam desain vector ini teks diperlakukan tak ubahnya obyek desain lainnya.
Texture & Image (Tekstur & Gambar)
Tekstur/Image adalah elemen yang bermanfaat memberi nuansa dan penekanan tersendiri pada obyek-obyek ilustrasi yang ada. Dengan penggunaan tekstur yang tepat, suatu makna bisa tersampaikan secara lebih efektif. Begitu pula pilihan image atau gambar yang cocok akan memberi nilai lebih pada suatu desain.
Setelah membahas sekilas mengenai elemen-elemen desain, sekarang kita akan bicara mengenai dasar-dasar desain. Sebenarnya, dasar-dasar yang dimaksud di sini adalah sekelompok guidelines yang sebaiknya Anda gunakan untuk memudahkan penyampaian pesan yang coba dilakukan melalui suatu desain.
Dasar-dasar desain ini banyak sekali jumlahnya dan senantiasa berkembang, dan tak hanya berlaku pada ranah desain grafis semata, namun juga ranah-ranah seni yang lain, seperti seni lukis, seni interior dan sebagainya. Berikut adalah beberap dasar-dasar desain yang sebaiknya Anda perhatikan seksama:
Balance (Keseimbangan)
Keseimbangan adalah suatu kualitas di mana sebuah desain terlihat mempunyai “bobot” yang setara antar elemen-elemen penyusunnya. Bayangkan saja desain sebagai kumpulan obyek-obyek, maka pekerjaan kreatif Anda sebagai desainer adalah menyusun bagaimana elemen-elemen tersebut bisa mencapai keseimbangan (equilibrium).
Prinsip keseimbangan ini bisa dicapai jika Anda bisa mendayagunakan potensi ekstrinsik dan intrinsik dari obyek-obyek bersangkutan. Semisal dengan mengatur persebaran, pemilihan bentuk, penataan warna dan sebagainya.
Contrast (Kontras)
Kontras lebih berkaitan dengan penekanan elemen tertentu terhadap elemen lain. Prinsipnya adalah negasi, di mana sebuah obyek akan terlihat jelas karena ada obyek lain yang menegasikannya (berkebalikan kualitas).
Kontras sangat diperlukan untuk memberi bobot pada desain, dan memberi arti lebih pada suatru obyek sehingga Anda bisa mengarahkan audiens untuk mencermati desain sesuai arti penting pesan yang ada di dalamnya.
Continuity (Kontinuitas)
Kontinuitas berkaitan dengan kualitas untuk mempertahankan kesamaan ide/nuansa dari obyek-obyek penyusun desain. Sehingga diharapkan audiens bisa memperoleh suasana yang sama dan tak kehilangan pagangan saat menjelajahi desain tersebut.
Repetition (Repetisi)
Repetisi atau pengulangan berkaitan dengan penggunaan obyek-obyek dengan tipe yang sama sebagai bagian penting dari desain. Seringkali penggunaan elemen-elemen secara repetitif terbukti efektif untuk menumbuhkan kesadaran (awareness) di benak audiens mengenai pesan yang dimaksud.
Unity (Kesatuan)
Sementara kesatuan adalah suatu kualitas akhir yang coba dicapai dalam sebuah desain, dimana meskipun desain tersebut terdiri dari beragam elemen yang berbeda, namun semuanya tetap berada dalam suatu kesatuan makna, yaitu satu pesan tertentu yang ingin dikomunikasikan oleh desainernya.
Penulis ingin menegaskan sekali lagi, dalam desain, Anda hanya perlu berpegang pada satu pesan saja. Komunikasikan satu pesan, meskipun dengan variasi cara dan bentuk yang bisa amat beragam. Cukup satu pesan!, dan dijamin desain Anda akan berhasil.
Ok, sekiranya cukup penjelasan dasar mengenai konsep dasar desain, sekaligus pengantar mengapa Anda perlu untuk mempelajari desain vector dan tracing ini. Selanjutnya, Anda akan masuk ke Bab 2, Mengenal Adobe Illustrator.
by: Hasto Suprayogo
