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 fa n d i
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
Desain Kaos Gaul Maxikom 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.
2. Width dan Height : 12 cm
1. Units: Centimeters
Gambar 3
4. Klik Rectangle Tool
Kotak dialog New Document
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 Toolbox lalu pilih Ellipse Tool
pada
Desain Kaos Gaul Maxikom
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 pada Gambar 7.
Gambar 7
atur posisi objek elip seperti
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 klik Expand maka hasilnya seperti Gambar 8.
lalu
14. Selanjutnya buatlah objek kotak dengan ukuran Width: 2.5 cm dan Height :4 cm, lalu atur possisinya seperti pada Gambar 9.
Desain Kaos Gaul Maxikom
Gambar 8
Gambar 9
Hasil perpotongan objek
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: 0o. 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.
Desain Kaos Gaul Maxikom
hasil duplikasi objek
Gambar 11
Hasil duplikasi objek dengan perintah Move
19. Pada kotak dialog Pathfinder pilih Add to Shape Area pand, maka seluruh objek yang terseleksi akan menyatu.
Gambar 12
lalu klik Ex-
Menyatukan objek dengan perintah Add to Shape Area
20. Pada Toolbox klik dan tahan Pen Tool setelah itu pilih Add Anchor Point Tool
untuk menampilkan option .
21. Lihat Gambar 13. Tambahkan titik baru di AP1-AP4.
AP4
AP1 AP2
Gambar 13
AP3
Menambah anchor point
Desain Kaos Gaul Maxikom 22. Selanjutnya pilih Delete Anchor Point Tool AP6
AP5
lalu klik AP5-AP10.
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 dan tarik sedikit ke atas.
AP11
Gambar 15
Seleksi AP11
AP12
Menggeser anchor point
25. Ulangi Langkah 24 pada AP12. 26. Lihat Gambar 16. Tekan Ctrl+Shift+A lalu dengan Pen Tool titik poin baru dari AP1-AP6 dan kembali ke AP1. 27. Lihat Gambar 17. Masih dengan Pen Tool mengikuti AP1-AP3.
buatlah
buat garis di lengan baju
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.
Desain Kaos Gaul Maxikom
Mulai dan akhiri di AP1
AP1
AP3 AP4
AP6 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.
Desain Kaos Gaul Maxikom
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
Desain Kaos Gaul Maxikom 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
Desain Kaos Gaul Maxikom
klik di sini
Gambar 26
Mengaktifkan Toggles Lock
esai B Pembuatan Splat
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
Desain Kaos Gaul Maxikom
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 9. Gunakan Selection Tool Gambar 31.
Gambar 31
Palette group Swatches untuk memindahkan objek seperti pada
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
Desain Kaos Gaul Maxikom
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 lalu klik OK.
13
o
Desain Kaos Gaul Maxikom
Gambar 35
Mengatur letak splat ketiga
Gambar 36
Kotak dialog Rotate
20. Aktifkan Toggles Lock dengan mengklik icon
C
pada palette Layer.
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
Desain Kaos Gaul Maxikom 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 Gambar 40.
pada toolbox lalu atur posisi text seperti pada
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 lalu tekan delete.
klik huruf O pada kata MAXIKOM,
9. Klik dua kali pada Pencil Tool
untuk menampilkan kotak dialog.
15
Desain Kaos Gaul Maxikom 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. Swap Fill dan Stroke
Fill Black
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
Desain Kaos Gaul Maxikom 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 Expand.
lalu klik
19. Beri Stroke White pada objek dengan ukuran 2 pt, pilih Align Stroke to Outside lalu tekan Enter. 1. Klik di sini 2. Weight: 2 pt 3. Pilih Align Stroke to
Gambar 47 Mengatur setting stroke
17
Desain Kaos Gaul Maxikom 20. Tambahkan objek garis dan lingkaran seperti pada gambar di bawah.
Fill White, Stroke None
Stroke 1 pt, Fill 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. 2. Pilih New Swatch
1. Klik di sini
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 3. Masukkan nilai RGB
Gambar 50 Kotak dialog New Swatches 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
Desain Kaos Gaul Maxikom 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 Atur kembali nilai Fill None, Stroke 30. Masih dengan Paintbrush Tool warna Black ukuran 0.25 pt, brush Charcoal-Thin.
pilih brush ini
Gambar 53 Brush Charcoal-Thin 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
Desain Kaos Gaul Maxikom
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 klik Expand .
kemudian
4. Tekan Ctrl+Shift+A untuk menghilangkan seleksi. 5. Dengan menggunakan Direct Selection Tool sprayer can dan tekan delete pada keyboard.
klik area luar pada objek
1. Klik di sini lalu tekan delete
Gambar 56 Mendelete area luar Spray Can
20
Desain Kaos Gaul Maxikom 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 = 30o OK. 13. Klik menu Object > Transform > Scale, pilih Uniform masukkan nilai Scale = 70%.
21
Desain Kaos Gaul Maxikom 14. Dengan menggunakan Selection Tool Gambar 60.
letakkan objek seperti pada
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 menu Object > Path > Outline Strokes.
pilih
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
