Mendesain Kaos dengan Adobe Illustrator

Dalam tutorial ini, kita akan mendesain sebuah kaos menggunakan Adobe Illustrator. Kita sengaja menggunakan Illustrator dan bukan Photoshop untuk menjamin ketajaman dalam hasil desain akhir. Kemudian, hasil akhir desain akan kita olah ke dalam file mockup t-shirt di Photoshop.
Preview
Di bawah adalah tampilan desain kaos yang akan kita peroleh.

tutorial-mendesain-kaus-illustrator-34
Detail Tutorial
Tingkat Kesulitan: Menengah
Software yang Digunakan: Adobe Photoshop, Adobe Illustrator
Teknik yang Dipelajari: Modifikasi path dengan panel Pathfinder, Penggunaan mockup Photoshop.
Lama Pengerjaan: 45 menit

Resource yang Dibutuhkan
Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

T-shirt Mockup PSD dari Mohammad Jeprie
Rock Musician Silhouettes dari Vandelay Design
Birds Silhouettes dari Vandelay Design
Grunge Vectors dari Franz Jeitz
10 Grunge Watercolored Textures dari WeGraphics

Tutorial
Langkah 1: Proses Desain di Illustrator

BUka Adobe Illustrator dan buat file baru berukuran A4 dengan resolusi 300 dpi dan mode warna CMYK. Buat teks dengan posisi seperti di bawah. Untuk melakukan Anda tinggal klik pada kanvas lalu memotong setiap huruf dengan tombol Enter. Atur nilai leading karakter secara manual agar posisinya rapat.

tutorial-mendesain-kaus-illustrator-01
Langkah 2

Ubah teks menjadi vektor gambar dengan cara klik kanan lalu pilih Create Outlines. Mulai saat ini, teks tidak bisa lagi diedit.

tutorial-mendesain-kaus-illustrator-02
Langkah 3

Sekali lagi klik kanan lalu pilih Ungroup. Ini akan memisahkan setiap karakter. Akibatnya, Anda bisa memilih setiap karakter secara terpisah seperti pada huruf G di bawah.

tutorial-mendesain-kaus-illustrator-03

tutorial-mendesain-kaus-illustrator-04
Langkah 4: Modifikasi Huruf N

Buat kotak panjang di depan huruf N. Seleksi keduanya lalu klik ikon Unite di panel Pathfinder. Langkah ini akan menyatukan kedua shape.

tutorial-mendesain-kaus-illustrator-05

Langkah 5: Modifikasi Huruf L

tutorial-mendesain-kaus-illustrator-06

Hapus kedua titik di bagian ujung huruf L. Geser titik tersisa hingga diperoleh bentuk I.

Langkah 6

Ambil vektor brush dan simpan di depan huruf L hasil modifikasi hingga kembali membentuk L sempurna. Seleksi keduanya lalu klik ikon Unite di Pathfinder.

tutorial-mendesain-kaus-illustrator-07

tutorial-mendesain-kaus-illustrator-08
Langkah 7: Mempersiapkan Kanvas

Buat beberapa guide untuk mengatur posisi objek dan juga area safe –yaitu area aman untuk objek desain.

tutorial-mendesain-kaus-illustrator-09
Langkah 8: Believe

Buat teks Believe di atas perpanjangan huruf N. Ubah teks Believe menjadi shape dengan klik kanan dan pilih Create Outlines. Seleksi keduanya lalu pilih Subtract di panel Pathfinder. Ini akan membuat teks melubangi huruf N.

tutorial-mendesain-kaus-illustrator-10

tutorial-mendesain-kaus-illustrator-11
Langkah 9: Siluet

Ambil siluet penyanyi dan burung dari Vandelay Design.

tutorial-mendesain-kaus-illustrator-12
Langkah 10: Teks tambahan

Buat teks tambahan dengan warna berbeda. Seperti yang lain, ubah teks ini menjadi gambar vektor.

tutorial-mendesain-kaus-illustrator-13
Langkah 11: Memotong Teks

Ambil tekstur vektor Crack Grunge. Simpan di bagian paling atas desain. Klik kanan shape dan pilih Ungroup untuk memecahnya menjadi potongan-potongan kecil.

tutorial-mendesain-kaus-illustrator-14
Langkah 12

Okay, di sinilah kesabaran Anda diuji. Prosesnya ternyata tidak rumit, sama seperti yang sudah kita lakukan di awal. Seleksi objek yang bertumpukkan lalu klik Subtract. Untuk mempermudah, Anda bisa mengubah tampilan gambar ke Outline dengan menekan Ctrl + Y.

tutorial-mendesain-kaus-illustrator-15
Dalam contoh ini, kita lihat huruf F dari kata FREE. Seleksi huruf F dan pecahan-pecahan kecil yang menutupinya. Klik tombol Subtract.

tutorial-mendesain-kaus-illustrator-16

Di bawah adalah proses yang sama pada huruf R.

tutorial-mendesain-kaus-illustrator-17
Langkah 13

Kita juga bisa mengatur ulang posisi pecahan. Misalnya, huruf L ini terlalu rapi. Jadi kita ambil beberapa pecahan kecil lalu menumpuknya di atas L. Seleksi L dan pecahannya lalu klik ikon Subtract.

 

tutorial-mendesain-kaus-illustrator-18

tutorial-mendesain-kaus-illustrator-19

tutorial-mendesain-kaus-illustrator-20

tutorial-mendesain-kaus-illustrator-21
Langkah 14: Merapikan Desain

Proses di atas akan memakan waktu lama. Selanjutnya adalah merapikan pecahan yang tidak terpakai. Mulai dengan menghapus seleksi besar di sisi kiri dan kanan.

tutorial-mendesain-kaus-illustrator-22

tutorial-mendesain-kaus-illustrator-23
Langkah 15

Selesai dengan pecahan besar. Seleksi objek desain yang akan kita gunakan. Tekan Ctrl + X untuk memotongnya ke Clipboard. Buat layer baru lalu tekan Ctrl + F untuk menyimpan di posisi yang sama namun di layer baru. Dalam gambar di bawah, saya telah memindahkan DES ke layer baru, terlihat dari warna outline-nya yang berubah.

tutorial-mendesain-kaus-illustrator-24
Langkah 16

Ulangi proses ini pada objek desain lainya. Begitu selesai, Anda dapat menghapus layer berisi pecahan-pecahan yang tak terpakai.

tutorial-mendesain-kaus-illustrator-25

tutorial-mendesain-kaus-illustrator-26

tutorial-mendesain-kaus-illustrator-27
Presentasi dengan Mockup

Desain ini sudah selesai. Namun, sulit sekali memperkirakan hasil yang akan diperoleh jika hanya begitu saja. Penting sekali untuk mempresentasikan desain ini pada objek sesungguhnya. Kita akan menggunakan mockup t-shirt komersil yang saya desain untuk Vandelay Premier. Saya menyukai mockup ini karena lengkap, mudah dikustomisasi, dan berresolusi tinggi sehingga bisa dicetak.

tutorial-mendesain-kaus-illustrator-28 tutorial-mendesain-kaus-illustrator-29
Langkah 17

Di dalam panel Layers, klik ganda layer design untuk membukanya dalam file terpisah.

tutorial-mendesain-kaus-illustrator-30
Langkah 18

Kembali ke Illustrator, seleksi semua objek desain lalu tekan Ctrl + C. Di Photoshop, simpan gambar dengan menakan Ctrl + V. Dalam pilihan Paste, aktifkan Smart Object. Dalam format Smart Object, gambar diimport dalam format vektor sehingga tidak ada penurunan kualitas gambar

tutorial-mendesain-kaus-illustrator-31
Langkah 19

Simpan desain di tengah kanvas dan atur ukurannya.tutorial-mendesain-kaus-illustrator-32

tutorial-mendesain-kaus-illustrator-33
Langkah 20

Simpan gambar (Ctrl + S). Secara otomatis desain dalam mockup akan berubah dan inilah hasilnya.

tutorial-mendesain-kaus-illustrator-34

http://desaindigital.com/mendesain-kaus-dengan-adobe-illustrator-dan-presentasi-dengan-mockup-psd/