DISCLAIMER Seluruh dokumen E-Trik di dalam CD ini dapat digunakan dan disebarkan secara bebas untuk tujuan belajar bukan komersial (non-profit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin tertulis terlebih dahulu dari Penerbit Maxikom.
E-trik Adobe Illustrator CS2 Desain Kaos... Maxikom fandi
Kaos-kaos distro belakangan ini sangat banyak diminati oleh masyarakat, khususnya anak muda. Hal ini dikarenakan oleh desain-desainnya yang unik dan mengikuti tren zaman. Tentu saja Anda penasaran bagaimana cara membuat desain kaos gaul tersebut, ternyata caranya cukup mudah. Gambar 1 Kaos Gaul Maxikom Proses Desain Kaos Gaul Maxikom terbagi menjadi 4 tahap yaitu Desain Kaos, Pembuatan Splat, Tipografi, dan Pembuatan Sprayer Can. A Desain Kaos Gambar 2 Desain kaos
Langkah-langkah membuat desain kaos adalah berikut ini. 1. Buka program Adobe Illustrator CS2. 2. Klik menu File > New atau tekan Ctrl+N untuk menampilkan kotak dialog New Document. 3. Perhatikan Gambar 3. Di dalam kotak dialog New Document atur nilai Units: Centimeter, masukkan nilai Width dan Height masing-masing 12 cm, Color Mode RGB. Klik OK. 1. Units: Centimeters 2. Width dan Height : 12 cm Gambar 3 Kotak dialog New Document 4. Klik Rectangle Tool pada Toolbox. 5. Klik satu kali pada lembar dokumen, untuk menampilkan kotak dialog Rectangle. 6. Dalam kotak dialog Rectangle masukkan nilai Width: 7 cm dan nilai Height: 10 cm. Klik OK. Gambar 4 Kotak dialog Rectangle 7. Lihat Gambar 5. Hasilnya objek kotak ukuran 7 x 10 cm akan tampil pada lembar dokumen. 8. Lihat Gambar 6. Selanjutnya klik dan tahan Rectangle Tool pada Toolbox lalu pilih Ellipse Tool
Gambar 5 Objek kotak ukuran 7 X 10 cm 1. Klik dan tahan di sini 2. Pilih Ellipse Tool Gambar 6 Memilih Ellipse Tool 9. Buatlah objek elip dengan ukuran Width: 3 cm dan Height: 1 cm. 10. Dengan Menggunakan Selection Tool atur posisi objek elip seperti pada Gambar 7. Gambar 7 Mengatur letak objek elips 11. Klik menu Select > All atau tekan Ctrl+A untuk memilih semua objek. 12. Pilih menu Window > Pathfinder untuk menampilkan kotak dialog Pathfinder. 13. Dalam kotak dialog Pathfinder pilih Subtract from Shape Area lalu klik Expand maka hasilnya seperti Gambar 8. 14. Selanjutnya buatlah objek kotak dengan ukuran Width: 2.5 cm dan Height :4 cm, lalu atur possisinya seperti pada Gambar 9. 4
Gambar 8 Hasil perpotongan objek Gambar 9 Mengatur letak objek kotak 15. Pastikan kotak masih terseleksi lalu klik menu Object > Transform > Move, maka kotak dialog Move akan tampil. 1. Ketik 8.8 cm 2. Ketik 0 Gambar 10 Kotak dialog Move 16. Pada kotak dialog Move masukkan nilai Horizontal: 8.8 cm, Vertical: 0 cm, Angle: 0 o. Klik Copy. 17. Perhatikan Gambar 11. Kini tampil satu lagi objek kotak tepat di sebelah kanan objek pertama. 18. Seleksi seluruh objek, tekan Ctrl+A.
hasil duplikasi objek Gambar 11 Hasil duplikasi objek dengan perintah Move 19. Pada kotak dialog Pathfinder pilih Add to Shape Area lalu klik Expand, maka seluruh objek yang terseleksi akan menyatu. Gambar 12 Menyatukan objek dengan perintah Add to Shape Area 20. Pada Toolbox klik dan tahan Pen Tool untuk menampilkan option setelah itu pilih Add Anchor Point Tool. 21. Lihat Gambar 13. Tambahkan titik baru di AP1-AP4. AP1 AP4 AP2 AP3 Gambar 13 Menambah anchor point
22. Selanjutnya pilih Delete Anchor Point Tool lalu klik AP5-AP10. AP6 AP5 AP10 AP9 AP7 AP8 Gambar 14 Menghapus anchor point 23. Pastikan objek dalam keadaan tidak terseleksi dengan mengklik menu Select > Deselect atau tekan Ctrl+Shift+A. 24. Perhatikan Gambar 15 dengan Direct Selection Tool Seleksi AP11 dan tarik sedikit ke atas. AP11 AP12 Gambar 15 Menggeser anchor point 25. Ulangi Langkah 24 pada AP12. 26. Lihat Gambar 16. Tekan Ctrl+Shift+A lalu dengan Pen Tool buatlah titik poin baru dari AP1-AP6 dan kembali ke AP1. 27. Lihat Gambar 17. Masih dengan Pen Tool buat garis di lengan baju mengikuti AP1-AP3. 28. Tekan Ctrl+Shift+A untuk menghilangkan seleksi. Anda dapat membesarkan area kerja dengan dengan menekan tombol Ctrl++ dan Ctrl+- untuk mengecilkan. Selain itu Anda dapat menggeser area kerja dengan menekan Spasi pada keyboard.
Mulai dan akhiri di AP1 AP6 AP1 AP3 AP4 AP2 AP5 Gambar 16 Menggambar objek dengan Pen Tool AP1 AP2 AP3 Gambar 17 Menggambar garis dengan Pen Tool 29. Lanjutkan menggambar garis pada lengan sebelah kanan. Gambar 18 Menggambar garis kedua dengan Pen Tool 30. Lihat Gambar 19. Selanjutnya pilih Convert Anchor Point Tool lalu tarik titik sudut dari garis yang baru Anda buat. 31. Lihat Gambar 20. Lengkungkan juga sudut pada kerah kaos. 32. Selanjutnya pilih Live Paint Bucket pada Tollbox. 33. Seleksi semua objek tekan Ctrl+A. 34. Pada Palette Swatches pilih warna Black (hitam). Lihat Gambar 21.
klik dan tarik di sini Gambar 19 Convert Anchor Point Tool klik dan tarik di sini Gambar 20 Convert Anchor Point Tool pilih warna Black Gambar 21 Palette Swatches 35. Tuangkan warna pada lengan dan kerah kaos. Gambar 22 Memberi warna Black
36. Kali ini tuangkan warna Ash (abu-abu) pada bagian dalam kaos. Seperti pada gambar di bawah ini. Gambar 23 Memberi warna Ash (abu-abu) 37. Terakhir pilih warna White (putih) dan tuang pada bagian badan kaos. Gambar 24 Memberi warna White (putih) 38. Klik 2 kali text Layer 1 pada palette Layer, untuk menampilkan kotak dialog Layer Option. klik 2 kali di sini Gambar 25 Palette Layer 39. Dalam kotak Layer Option ketik Kaos pada kotak Name lalu klik OK. 40. Lihat Gambar 26. Aktifkan Toggles Lock dengan mengklik icon pada palette Layer. 41. Terakhir klik menu File > Save lalu simpan file dengan nama Kaos Gaul di My Documents. 10
klik di sini esai B Pembuatan Splat Gambar 26 Mengaktifkan Toggles Lock Gambar 27 Pembuatan Splat Penggunaan Font dalam mendesain kaos-kaos distro ternyata sangat besar pengaruhnya. Hal itu dapat Anda pelajari pada tahap berikut. Sebagai catatan, pada tahap ini Anda akan menggunakan file tambahan (Folder Bahan) yang dapat anda download bersama tutorial ini. 1. Melanjutkan langkah sebelumnya, buatlah layer baru dengan mengklik icon Create New Layer pada palette Layer. 2. Beri nama Splat. 3. Pastikan anda telah menginstall Font Split Splat yang terdapat pada folder Bahan yang sudah Anda download sebelumnya. 4. Klik Type Tool. 5. Pada Control Palette bagian atas, ganti karakter Font Myriad dengan Font Split Splat ukuran 70 pt. Gambar 28 Control Palette Character 6. Lihat Gambar 29. Klik satu kali pada lembar dokumen, lalu tekan huruf c pada keyboard, maka akan tampil sebuah splat, tekan Ctrl+Enter. 11
Gambar 29 Membuat splat 7. Klik menu Type > Create Outlines atau tekan Shift+Ctrl+O untuk mengubah text menjadi objek. 8. Pada Palette Group Swatches klik warna Yellow (kuning). klik di sini Gambar 30 Palette group Swatches 9. Gunakan Selection Tool untuk memindahkan objek seperti pada Gambar 31. Gambar 31 Mengatur letak splat pertama 10. Pastikan objek splat masih terseleksi, tekan Ctrl+C kemudian tekan Ctrl+V untuk menduplikasi objek. 11. Pilih menu Object > Transform > Scale untuk menampilkan Palette Scale. 12. Lihat Gambar 32. Pada palette Scale pilih Uniform, Scale: 50 %. Klik OK. 13. Pilih warna Sunhine (orange muda) pada Palette Group Swatches. 12
1. Pilih Uniform 2. Ketik 50 Gambar 32 Kotak dialog Scale 14. Atur posisinya seperti Gambar 33. Gambar 33 Mengatur letak splat kedua 15. Ulangi langkah 10-12 pada tetapi kali ini masukkan nilai Scale: 120 % lalu klik OK. Gambar 34 Scale 120 % 16. Beri warna Global Pure Red (merah). 17. Atur posisinya seperti pada Gambar 35. 18. Agar objek splat tidak monoton anda klik menu Object > Transform > Rotate untuk merotasi objek. 19. Lihat Gambar 36 pada kotak dialog Rotate masukkan nilai Angle = 180 o lalu klik OK. 13
Gambar 35 Mengatur letak splat ketiga Gambar 36 Kotak dialog Rotate 20. Aktifkan Toggles Lock dengan mengklik icon pada palette Layer. C Tipografi Gambar 37 Tipografi Hampir sebagian dari desain yang baik ditentukan dari penggunaan jenis Font yang tepat, dalam bidang grafik hal ini sering disebut dengan istilah Tipografi. Untuk itu, diharapkan Anda dapat lebih sering melihat referensi dari berbagai media. 14
1. Buat Layer baru dan beri nama Tipografi. 2. Pastikan Anda telah menginstal Font Sergeant Sixpact yang terdapat pada folder Bahan yang sudah Anda download sebelumnya. 3. Klik Type Tool ketik kata PENERBIT MAXIKOM dengan karakter Sergent Sixpack ukuran 26 pt. Gambar 38 Text penerbit Maxikom 4. Blok kata PENERBIT dan ganti dengan ukuran 12 pt tekan Ctrl+Enter untuk mengakhiri. Gambar 39 Mengganti ukuran kata penerbit 5. Klik Selection Tool pada toolbox lalu atur posisi text seperti pada Gambar 40. Gambar 40 Mengatur letak text 6. Klik menu Type > Create Outlines atau tekan Ctrl+Shift+O untuk mengubah text menjadi objek. 7. Tekan Ctrl+Shift+A untuk menghilangkan seleksi. 8. Dengan Direct Selection Tool klik huruf O pada kata MAXIKOM, lalu tekan delete. 9. Klik dua kali pada Pencil Tool untuk menampilkan kotak dialog. 15
10. Dalam kotak dialog Pencil Tool, atur nilai Fidelity: 4 px, Smoothness : 35 %, pilih Fill new pencil strokes di bagian option, klik OK. 1. Ketik 4 2. Ketik 35 3. Pilih new pencil stroke Gambar 41 Kotak dialog Pencil Tool Preferences 11. Pada toolbox beri nilai Fill dengan warna Black dan Stroke None. Fill Black Swap Fill dan Stroke Stroke None Gambar 42 Mengatur nilai Fill dan Stroke 12. Buatlah sebuah lingkaran diantara huruf K dan M akhiri dengan menekan tombol alt agar objek tertutup secara penuh. Gambar 43 Objek lingkaran dengan Pencil tool 13. Tekan Ctrl+Z jika Anda merasa hasilnya kurang maksimal. 14. Atur nilai Fill None, Stroke Black ukuran 2 pt. Gambar 44 Menentukan ukuran Stroke 15. Masih dengan Pencil Tool lanjutkan dengan menggambar garis seperti 16
pada Gambar 45. Gambar 45 Menambahkan garis 15. Klik Selection Tool pilih garis yang baru saja dibuat lalu pilih menu Object > Path > Outline Stroke. 16. Tahan Shift lalu klik objek lingkaran. Tahan Shift dan klik disini Gambar 46 Menyeleksi 2 objek sekaligus 17. Klik menu Window > Pathfinder, untuk menampilkan kotak dialog Pathfinder. 18. Dalam kotak dialog Pathfinder pilih Add to Shape Area lalu klik Expand. 19. Beri Stroke White pada objek dengan ukuran 2 pt, pilih Align Stroke to Outside lalu tekan Enter. 2. Weight: 2 pt 1. Klik di sini 3. Pilih Align Stroke to Gambar 47 Mengatur setting stroke 17
20. Tambahkan objek garis dan lingkaran seperti pada gambar di bawah. Stroke 1 pt, Fill None Fill White, Stroke None Gambar 48 Menambahkan objek garis dan lingkaran 21. Seleksi text PENERBIT MAXIKOM lalu tekan Ctrl+C kemudian Ctrl+B untuk mengcopy objek tepat di bawah objek asal. 22. Lalu ulangi langkah 19. 23. Tekan Ctrl+Shift+A. 24. Buat warna baru dengan mengklik icon lalu pilih New Swatches. 1. Klik di sini 2. Pilih New Swatch Gambar 49 Membuat warna baru pada palette Swatches 25. Pada kotak dialog New Swatches pilih RGB masukkan nilai R=150, G=240 dan B=255, beri nama Light Blue klik OK. 1. Swatch Name: Light Blue 2. Color Mode: RGB Gambar 50 Kotak dialog New Swatches 3. Masukkan nilai RGB 26. Klik 2 kali pada Paintbrush Tool atur nilai Fidelity = 4 px, Smoothness = 35 %, pilih Fill new pencil strokes di bagian option, klik OK. 27. Atur nilai Fill None, Stroke Light Blue 0.5 pt, brush Chalk Scribble. 18
1. Klik di sini 2. Pilih brush ini Gambar 51 Memilih jenis brush 29. Mulailah menggambar seperti Gambar 52 lakukan gerakan putaran memanjang, tekan Ctrl+Z jika Anda merasa hasilnya kurang maksimal. Gambar 52 Menggambar dengan Paintbrush tool 30. Masih dengan Paintbrush Tool Atur kembali nilai Fill None, Stroke warna Black ukuran 0.25 pt, brush Charcoal-Thin. Gambar 53 Brush Charcoal-Thin pilih brush ini 31. Lanjutkan dengan membuat tulisan pure & simple serta garis tepi luar seperti pada Gambar 54. Gambar 54 Text pure & simple 32. Lanjutkan menyimpan file dengan menekan Ctrl+S. 19
D Pembuatan Sprayer Can Gambar 55 Objek Sprayer Can Pada contoh kali ini Anda akan memanfaatkan gambar yang sudah ada untuk dijadikan vektor dengan menggunakan fitur terbaru dari Adobe Ilustrator CS2 yaitu Live Trace. 1. Buat layer baru dan beri nama Sprayer Can. 2. Klik menu File > Place lalu pilih gambar Spray Can di folder Bahan yang sudah Anda Download sebelumnya. 3. Pada Control Palette bagian atas pilih Live Trace kemudian klik Expand. 4. Tekan Ctrl+Shift+A untuk menghilangkan seleksi. 5. Dengan menggunakan Direct Selection Tool klik area luar pada objek sprayer can dan tekan delete pada keyboard. 1. Klik di sini lalu tekan delete Gambar 56 Mendelete area luar Spray Can 20
6. Pastikan Anda telah mengaktifkan Toggles Lock pada Layer Tipografi. 7. Tekan Ctrl+A untuk menyeleksi seluruh objek 8. Klik Live Paint Bucket pada toolbox. 9. Pada Palette Swatches pilih warna Briliant Rainbow. Gambar 57 Palette Swatches 10. Tuang warna pada area bertanda X seperti pada Gambar 58. Gambar 58 Memberi warna pada Can (kaleng) 11. Pilih warna Global Pure Red pada Palette Swatches lalu tuangkan pada area yang bertanda X seperti pada Gambar 55. Gambar 59 Memberi warna pada kepala Can (kaleng) 12. Pastikan objek masih terseleksi klik menu Object > Transform > Rotate, masukkan nilai Angle = 30 o OK. 13. Klik menu Object > Transform > Scale, pilih Uniform masukkan nilai Scale = 70%. 21
14. Dengan menggunakan Selection Tool letakkan objek seperti pada Gambar 60. Gambar 60 Mengatur letak Sprayer Can 15. Selanjutnya klik Pencil Tool 16. Atur nilai Fill None, Stroke warna Black ukuran 0.5 pt. 17. Buatlah garis seperti pada Gambar 61. Gambar 61 Membuat garis-garis spray 18. Seleksi semua garis yang baru dibuat dengan Selection Tool pilih menu Object > Path > Outline Strokes. 19. Tekan Ctrl+G untuk menggrup objek. 20. Terakhir beri stroke warna White ukuran 0.5pt pilih Align Stroke to Outside. Gambar 58 Memberi stroke 21. Tekan Ctrl+S untuk menyimpan file. 22