Untuk semua komikus Indonesia, baik pemula maupun profesional, marilah bersama-sama memajukan komik Indonesia,
tanpa mempermasalahkan perbedaan style, atau mengotak-ngotakkan gender.
Untuk keluarga kecilku, tanpa kalian tidak ada aku yang sekarang.
Terima kasih.
Kata Pengantar
Dengan semakin berkembangnya dunia perkomikan Indo- nesia, penggunaan Adobe Photoshop untuk mengedit komik semakin ditingkatkan untuk membuat ilustrasi berwarna maupun produk-produk turunannya yang banyak meramaikan dunia desain grafis.
Sebagai salah satu media promosi komik yang telah dibuat, komikus diharapkan dapat mendesain kover yang dapat menarik perhatian, baik dari segi komposisi keseluruhan dan pemilihan warna, juga ilustrasi-ilustrasi yang berkaitan dengan komik itu sendiri. Variasi teknik pewarnaan men- jadi nilai lebih tersendiri bagi beberapa pembaca.
Selain itu, periklanan media cetak yang sebelumnya dido- minasi oleh karakter makhluk hidup dan teknik fotografi mulai tergeser dengan iklan-iklan dengan nuansa anime maupun komik. Iklan-iklan ini memiliki format berwarna dan lebih digemari oleh generasi muda yang dihujani oleh serbuan komik-komik terjemahan.
Buku ini disajikan untuk para pemula yang ingin mening- katkan kemampuannya menggunakan Adobe Photoshop dari sekadar mengedit komik menjadi mewarnai komik dan mengolahnya lebih lanjut untuk keperluan lain. Langkah- langkah yang dipaparkan secara ringkas namun sistematis ini hanya merupakan dasar-dasarnya saja sehingga untuk para profesional yang terbiasa menggunakan Adobe Pho- toshop, buku ini akan memiliki banyak kekurangan.
Penyajian materi secara tutorial menggunakan langkah demi langkah yang mudah dimengerti. Untuk mempercepat pemahaman, sebaiknya selama Anda mengikuti penjelasan serta tutorial dalam buku ini, langsung berhadapan dengan komputer dan menggunakan gambar atau ilustrasi Anda.
Penulis menyadari buku ini masih jauh dari sempuna, karena itu pembaca dapat menyampaikan kritik dan saran melalui penerbit atau langsung kepada penulis dengan alamat:
Gg. Gading I No. 27A Rt02/014, Pisangan Timur Jakarta - 13230
atau
melalui e-mail: es-family@centrin.net.id
Jakarta, Awal November 2006 Penulis
Daftar Isi
Kata Pengantar ...vii
Daftar Isi ...ix
Bab 1 Mengenal Photoshop ... 1
1.1 Sekilas Adobe Photoshop... 2
1.2 Layar Adobe Photoshop 7.0... 2
1.2.1 Toolbox ... 4
1.2.2 Tool Seleksi... 6
1.3 Palet... 14
1.3.1 Palet Layers... 15
1.3.2 Palet History... 16
1.3.3 Palet Swatches dan Color ... 18
1.3.4 Palet Paths ... 19
Bab 2 Kurva ... 21
2.1 Membuat Kurva Sederhana ... 21
2.2 Menjiplak Gambar dari Sketsa ... 25
2.3 Menjiplak Gambar dari Foto ... 32
Bab 3 Dasar-Dasar Mewarnai ... 41
3.1 Mode Gambar dan Outline ... 41
3.2 Layer... 45
3.3 Tool untuk Mewarnai ... 52
3.3.1 Menggunakan Tool Brush... 52
3.3.2 Menggunakan Tool Lasso... 67
3.3.3 Menggunakan Tool Pen ... 74
3.3.4 Menggunakan Tool Smudge ... 84
3.4 Sentuhan Akhir ... 88
Bab 4 Latihan Mewarnai Ilustrasi I... 93
4.1 Membuat Latar Belakang... 93
4.2 Menggunakan Filter ... 97
4.3 Menggunakan Tone ... 102
4.4 Menggunakan Brush ... 106
4.5 Menggunakan Tool Smudge, Lasso, dan Eraser.... 112
4.6 Memasukkan Teks ... 119
Bab 5 Latihan Mewarnai Ilustrasi II ... 123
5.1 Mempersiapkan Gambar ... 124
5.2 Menggunakan Tablet Wacom ... 128
5.3 Mewarnai Gambar ... 130
5.4 Sentuhan Akhir ... 145
Bab 6 Mendesain Kover Komik ... 151
6.1 Mengenal Desain ... 151
6.2 Ukuran Format Komik ... 153
6.3 Membuat Punggung Kover ... 161
6.4 Mendesain Kover Serial Cantik ... 164
6.5 Mendesain Kover Serial Misteri ... 183
Bab 7 Mendesain Brosur... 199
7.1 Brosur Bagian Depan ... 200
7.1.1 Membuat Layout Utama ... 200
7.1.2 Memasukkan Teks dan Logo... 208
7.2 Brosur Bagian Belakang ... 211
Lampiran ... 225
BAB 1
Mengenal Photoshop
Berbeda dengan komik yang umumnya dikerjakan dalam mode hitam putih, ilustrasi-ilustrasi yang kerap diciptakan dan memiliki kaitan dengan komik tersebut umumnya dibuat berwarna. Berdasarkan alasan yang sama íkenapa mengedit komik dengan Photoshop?í, sekarang ini juga banyak sekali ilustrasi yang dikerjakan menggunakan program tersebut.
Gambar 1.1 Contoh ilustrasi berwarna.
Walaupun terdapat berbagai macam program yang dapat digunakan untuk mewarnai ilustrasi Anda, Photoshop dengan segala kelebihan dan kekurangannya dapat dimak- simalkan untuk menghasilkan ilustrasi berwarna yang
indah. Anda dapat menghasilkan ilustrasi dengan teknik berbeda dengan teman Anda walaupun tool yang digu- nakan sama.
Anda juga bisa mengerjakan ilustrasi berwarna Anda secara manual untuk kemudian diedit lebih lanjut dengan Pho- toshop. Namun, cara ini kurang dianjurkan karena dapat membuat teknik manual dan Photoshop terlihat tidak seimbang.
1.1 Sekilas Adobe Photoshop
Adobe Photoshop adalah standar aplikasi terbaik untuk menyunting gambar (image-editing) atau mengolah foto (photo-retouching). Versi terbarunya adalah Adobe Pho- toshop CS yang cocok sekali untuk mengolah foto karena dilengkapi berbagai macam fitur menarik.
Untuk mengedit komik, tidak dibutuhkan Adobe Photo- shop versi terbaru karena Anda tidak banyak menggunakan kelebihan-kelebihan progam ini. Namun, dengan fitur- fiturnya yang paling sesuai, kita menggunakan Adobe Photoshop 7.0 pada proses pengeditan komik kali ini.
1.2 Layar Adobe Photoshop 7.0
Sebelum memulai proses pengeditan komik, ada baiknya Anda mengenal terlebih dahulu layar Adobe Photoshop 7.0.
1. Menu bar. Menu bar terdiri atas menu File, Edit, Image, Layer, Select, Filter, View, Window, dan Help.
Apabila Anda mengklik salah satu menu pada menu bar, daftar perintah akan tampil.
2. Application close box. Digunakan untuk menutup sekaligus mengakhiri aplikasi Photoshop. Tombol yang sama yang terdapat pada Image Window berfungsi untuk menutup gambar.
3. Application maximize button. Digunakan untuk mem- perbesar ukuran kotak dialog aplikasi sehingga me- menuhi layar monitor. Fungsi yang sama juga berlaku pada Image Window.
4. Application minimize button. Digunakan untuk mem- perkecil ukuran kotak dialog aplikasi hingga tersisa Title Bar dan Application Minimize, Maximize, dan Close Button yang tersimpan di pojok kiri bawah layar.
5. Title Bar. Berisi keterangan judul dokumen, ukuran tampilan, layer, dan image mode.
6. Option Bar. Digunakan untuk memilih setting yang akan berubah sesuai dengan tool yang Anda aktifkan melalui Toolbox.
Gambar 1.2 Layar Adobe Photoshop 7.0.
7. Image Window. Area yang akan digunakan untuk menyunting dan mengolah gambar.
8. Status Bar. Menampilkan informasi mengenai ukuran tampilan dokumen, ukuran gambar, waktu, dan kete- rangan mengenai tool yang sedang aktif.
9. Toolbox. Kumpulan tool dengan bermacam-macam fungsi yang digunakan untuk keperluan pengeditan dan pengolahan gambar.
10. Palet. Digunakan untuk memilih dan mengatur ber- bagai parameter pengeditan dan pengolahan gambar.
1.2.1 Toolbox
Banyak tool yang akan Anda temukan sebagai salah satu fasilitas Adobe Photoshop, namun kita hanya membahas beberapa tool yang paling sering digunakan seperti ditunjukkan Gambar 1.3.
Masing-masing tool memiliki beberapa macam jenis. Untuk memunculkannya, Anda tinggal mengklik tanda segitiga kecil di sudut kanan bawah setiap tool.
1. Rectangular Marquee (Shift+M) . Digunakan untuk membuat seleksi berbentuk segi empat atau lingkaran.
2. Move (Shift+V) . Digunakan untuk memindahkan layer atau gambar, seleksi, dan garis bantu.
3. Polygonal Lasso (Shift+L) . Digunakan untuk membuat seleksi bentuk bebas.
4. Magic Wand (Shift+W) . Digunakan untuk me- milih pixel yang ada pada setiap warna.
5. Crop (Shift+C) . Digunakan untuk memotong kanvas.
Gambar 1.3 Toolbox.
7. Eraser (Shift+E) . Digunakan untuk menghapus pixel.
8. Smudge (Shift+R) . Digunakan untuk mencampur- kan warna.
9. Burn (Shift+O) . Digunakan untuk membakar warna sehingga terlihat lebih gelap.
10. Type (Shift+T) . Digunakan untuk membuat teks.
11. Direct Selection (Shift+A) . Digunakan untuk mengatur posisi titik path.
12. Pen (Shift+P) . Digunakan untuk menggambar garis lengkung dan garis lurus.
13. Line (Shift+U) . Digunakan untuk menggambar garis lurus.
14. Foreground color. Tombol warna foreground/warna terdepan.
15. Background color. Tombol warna background/bagian paling belakang.
16. Switch (Shift+X) . Digunakan untuk berpindah antarwarna foreground dan background.
1.2.2 Tool Seleksi
Oleh karena Adobe Photoshop merupakan software grafis yang berbasis bitmap dalam pembuatan objek-objeknya, maka tool untuk membuat seleksi adalah senjata andalan dalam setiap pekerjaan.
Berdasarkan pixel, berarti Anda tengah memilih informasi- informasi gambar yang bergantung pada resolusi gambar.
Dengan adanya daerah seleksi ini, perintah yang Anda jalankan tidak akan berpengaruh pada bagian lain yang tidak dipilih.
Gambar 1.4 Bagian yang tidak diseleksi tidak tersapu Brush.
Tool seleksi yang terdiri atas Magic Wand , Lasso ,
tool yang akan banyak digunakan. Tergantung pada masing-masing kebutuhan, Anda dapat memaksimalkan masing-masing tool seleksi ini. Pada umumnya, setiap komikus memiliki tool seleksi favoritnya.
Tool Pen akan menghasilkan daerah seleksi yang lebih mulus dibandingkan Lasso, tetapi pada awalnya akan ter- lihat rumit. Jika Anda terbiasa menggunakan Lasso, Anda akan terlatih menghasilkan daerah seleksi yang mulus.
Namun, bagi pemula, tidak usah khawatir bila daerah seleksi yang terjadi berbentuk patah-patah.
Pada Gambar 1.5 terlihat perbedaan daerah seleksi meng- gunakan tool Polygonal Lasso (1), Lasso (2), dan Pen (3).
Perhatikan perbedaan bentuk daerah seleksi yang dihasilkan oleh masing-masing tool.
Gambar 1.5 Daerah seleksi yang dibuat menggunakan tool Polygonal Lasso (1), Lasso (2), dan Pen (3).
Pada option bar tool Lasso ataupun tool seleksi lainnya, Anda akan menemukan beberapa ikon yang cukup penting.
Gambar 1.6 Option bar pada tool Lasso.
Berdasarkan fungsi masing-masing ikon, yang akan paling banyak digunakan adalah ikon Add to selection dan Sub- stract from selection. Pastikan Anda telah mengaktifkan
ikon yang berhubungan sebelum mengurangi atau menam- bah daerah seleksi.
Tool Lasso
Selanjutnya istilah Lasso akan digunakan mengacu pada Polygonal Lasso.
Sesuai namanya, perintah Add to selection pada option bar (selanjutnya disebut dengan Lasso Positif ) berfungsi untuk menambah jumlah daerah seleksi. Anda dapat menyeleksi seluruh bagian yang diinginkan dahulu sebelum melakukan perintah selanjutnya. Efeknya akan berlaku pada seluruh daerah yang telah diseleksi tadi.
Gambar 1.7 Daerah seleksi (1) dan daerah yang telah ditambah (2).
Substract to selection (selanjutnya disebut Lasso Negatif ) digunakan bila Anda ingin mengurangi daerah seleksi yang telah Anda pilih sebelumnya. Pengurangan ini dapat dilakukan berulang-ulang sebelum Anda lakukan perintah selanjutnya.
Gambar 1.8 Daerah seleksi (1) dan daerah yang telah dikurangi (2).
Feather (lihat Gambar 1.9) berfungsi untuk memperhalus tepi daerah yang diseleksi. Efek ini akan mengaburkan ujung sebuah seleksi gambar dengan menciptakan sebuah jarak pergantian warna antara pixel-pixel di ujung seleksi dengan pixel-pixel yang mengelilinginya. Penggunaan feather sebaiknya dihindari dalam proses pengeditan komik karena proses pengaburan (blur) ini dapat mengakibatkan hilangnya detil pada daerah tersebut.
Gambar 1.9 Perbedaan ukuran feather akan berpengaruh pada daerah tepi.
Anti-aliased (lihat Gambar 1.6) juga berfungsi mengha- luskan ujung yang terlihat kotak-kotak pada sebuah seleksi dengan melembutkan pergantian warna antara pixel-pixel ujung seleksi dengan pixel-pixel pada daerah yang tidak termasuk dalam seleksi. Oleh karena hanya bagian ujung daerah yang diseleksi yang berubah, tidak ada detil gambar yang hilang. Fitur ini amat berguna ketika sedang bekerja dengan foto atau gambar sekualitasnya. Efek ini harus diaktifkan sebelum mulai membuat seleksi.
Menggunakan Polygonal Lasso sangat mudah, Anda tinggal mengklik-klik mouse pada titik-titik tertentu sehingga terbentuk rangkaian mata rantai yang mengelilingi sebuah objek. Semakin rapat titiknya, akan semakin halus daerah yang terbentuk. Untuk menutup daerah seleksi, Anda dapat mengembalikan rangkaian klik kembali ke titik awal atau langsung menekan tombol Enter.
Gambar 1.10 Klik pada setiap titik.
Jangan lupa untuk menonaktifkan daerah seleksi setiap kali akan melakukan perintah selanjutnya pada bagian lain dengan mengklik menu Select > Deselect atau menekan Ctrl+D. Apabila Anda lupa menonaktifkan daerah seleksi, maka daerah tersebut akan terpengaruh oleh perintah- perintah selanjutnya yang Anda lakukan.
Tool Magic Wand
Penggunaan Magic Wand merupakan salah satu yang paling mudah di antara semua tool seleksi yang ada dalam Adobe Photoshop. Apabila menggunakan Lasso atau Pen Anda harus membuat daerah seleksi satu per satu, maka dengan Magic Wand, Anda tinggal mengklik sekali daerah yang akan dipilih. Namun, yang harus diperhatikan, kekurangan tool ini adalah daerah yang akan dipilih harus benar-benar memiliki outline yang tertutup rapat. Apabila daerah itu mempunyai celah sedikit saja, maka daerah yang menyam-bung dengan daerah tersebut akan ikut terseleksi.
Gambar 1.11 Daerah yang tidak tertutup rapat akan ikut terseleksi (1).
Secara garis besar, perintah-perintah yang berlaku pada daerah seleksi tool Magic Wand sama dengan Lasso.
Tool Brush dan Eraser
Tool ini banyak digunakan untuk memberikan efek pada komik. Dengan Adobe Photoshop 7.0 Anda dapat mengubah-ubah ukuran brush secara mudah ataupun membuat brush sendiri.
Gambar 1.12 Mengubah ukuran brush tidaklah sulit.
Cara mengatur ukuran brush adalah dengan mengklik kanan mouse Anda pada bidang kanvas setelah meng- aktifkan tool Brush . Menu pop up berisi berbagai bentuk brush akan keluar. Ukuran brush dapat diubah
dengan menggeser slider pada Master Diameter. Angka maksimal yang dapat Anda masukkan adalah 2500 pixel.
Anda juga dapat memilih variasi jenis brush pada menu pop up ini.
Tool Eraser akan memiliki jenis brush yang sama dengan tool Brush. Anda dapat mengatur tekanan kedua tool ini dengan menggeser-geser slider Opacity pada option bar. Dengan memvariasikan opacity, Anda bisa mendapat- kan berbagai macam efek.
Gambar 1.13 Option bar untuk tool Brush dan Eraser.
Tool Line
Tool ini paling banyak digunakan dalam pembuatan latar belakang yang bersifat garis lurus dan berguna sekali dalam membuat perspektif. Permainan ukuran ketebalan garis yang tepat akan memberikan kesan tiga dimensi.
Pada option bar tool Line , jangan lupa untuk meng- aktifkan ikon Fill Pixel seperti yang ditunjukkan pada Gambar 1.14.
Gambar 1.14 Option bar tool Line.
Tool Pen
Tool ini berguna saat Anda akan membuat daerah seleksi atau gambar yang memiliki banyak lengkungan. Oleh karena itu, tool Pen dapat digunakan untuk menjiplak gambar dari sketsa langsung dengan program Photoshop
Tool ini digunakan untuk membuat sebuah garis lurus atau bentuk yang terdiri atas beberapa segmen dan titik anchor yang Anda tentukan sendiri. Ketika dua buah segmen dipisahkan oleh sebuah titik anchor, maka akan terbentuk smooth point yang halus atau corner point yang mem- bentuk sudut tajam.
Gambar 1.15 Smooth point dan Corner point.
Tool Pen akan menghasilkan sebuah work path yang berupa garis atau bentuk yang merupakan gambar vektor dan diorganisasikan dalam palet Paths. Work path hanya bersifat sementara dan tidak dapat dicetak. Work path bu- kan merupakan bagian gambar dalam kanvas sampai Anda aplikasikan.
Apabila Anda mengaktifkan ikon Add to path area (+) dan mencentang kotak Auto Add/Delete pada option bar, Anda dapat membuat beberapa work path sekaligus selama path tersebut tertutup.
Gambar 1.16 Sebuah work path (1) dan palet Paths (2).
Gambar 1.17 Option bar tool Pen.
Gambar 1.18 Path terbuka (1) dan path tertutup (2).
1.3 Palet
Sebagian besar aktivitas pengeditan dan pengolahan gam- bar akan menggunakan palet. Pada umumnya, tidak semua palet muncul secara otomatis setiap menjalankan program Photoshop. Anda dapat menampilkan atau menyembunyi- kannya sesuai kebutuhan untuk menghemat tempat pada tampilan layar Photoshop.
Untuk membuka palet, klik menu Window dan centanglah palet yang Anda inginkan. Palet yang akan sering Anda gunakan dalam mewarnai gambar antara lain palet Layers, History, Path, dan Color.
Gambar 1.19 Cara mengeluarkan palet dalam Photoshop.
1.3.1 Palet Layers
Digunakan untuk menambah, menghapus, menampilkan/
menyembunyikan, menduplikat, dan mengelompokkan layer (lapisan) yang ada pada bagian atas layer Background.
Masing-masing layer dapat diedit tanpa mengganggu lapisan layer lainnya.
Gambar-gambar yang ada di tiap layer dapat Anda edit sesuka hati, namun bila Anda tidak ingin gambar Anda berpindah tempat atau terhapus misalnya, Anda dapat menguncinya dengan mengklik tombol Lock Image Pixels.
Gambar 1.20 Kotak dialog palet Layers.
1.3.2 Palet History
Digunakan untuk memilih satu tahap undo, bahkan lebih, dari serangkaian proses editing image yang telah dilewati.
Pada Adobe Photoshop, seperti juga pada program lain, perintah undo berfungsi untuk membatalkan perintah yang telah Anda lakukan. Pada umumnya, fasilitas ini hanya mampu membatalkan satu buah perintah yang paling akhir Anda kerjakan (Ctrl+Z).
Untuk membatalkan perintah kedua, ketiga, dan seterus- nya, Anda dapat menekan tombol Ctrl+Shift+Z secara sinambung untuk kembali ke langkah yang ingin Anda perbaiki.
Alternatif lain, Anda dapat memanfaatkan fasilitas kotak dialog History yang berfungsi untuk merekam semua langkah yang Anda lakukan di atas gambar. Untuk mem- batalkan perintah menggunakan kotak dialog History, Anda tinggal mengklik baris terakhir kali melakukan perintah
Gambar 1.21 Kotak dialog palet History.
Secara default, kotak dialog History hanya mampu me- rekam 20 perintah yang Anda lakukan sehingga Anda hanya dapat membatalkan sebanyak 20 perintah juga. Perintah selanjutnya akan menyebabkan perintah pertama Anda tidak dapat dibatalkan karena telah dihapus secara oto- matis.
Gambar 1.22 Klik langkah terakhir yang Anda inginkan.
Jumlah perintah yang dapat direkam oleh kotak dialog History dapat diperbanyak dengan cara:
1. Klik menu Edit > Preferences.
Gambar 1.23 Kotak dialog Preferences.
2. Pilih General.
3. Masukkan angka yang Anda inginkan pada kotak His- tory States. Angka maksimal yang dapat dimasukkan adalah 99.
4. Tekan tombol OK.
1.3.3 Palet Swatches dan Color
Digunakan untuk mengubah warna foreground atau back- ground pada toolbox. Semua mode dalam Photoshop me- miliki palet Swatches yang sama. Anda tinggal mengklik warna yang Anda inginkan dalam palet tersebut, maka warna foreground akan langsung berubah.
Pengaturan warna foreground dan background mengguna- kan palet Color akan dipengaruhi oleh mode kanvas saat itu. Melalui palet Color, Anda dapat mencampurkan ele- men-elemen warna dengan mengetikkan kode angka yang
Gambar 1.24 Palet Swatches.
Gambar 1.25 Palet Color.
1.3.4 Palet Paths
Work path yang Anda kerjakan akan terekam pada palet Paths. Melalui palet ini Anda dapat melakukan beberapa perintah langsung terhadap work path yang baru Anda buat tanpa harus masuk ke menu bar.
Gambar 1.26 Palet Paths.
Keterangan gambar:
A: sebuah path yang sedang aktif dan terlihat di kanvas.
B: sebuah work path yang tidak aktif dan tidak terlihat di kanvas.
C: tombol untuk mengisi warna pada path.
D: tombol untuk memberi warna pada garis tepi (Stroke) path.
E: tombol untuk membuat path baru dalam palet Paths.
F: tombol untuk menghapus path atau work path dari palet Paths.
