Mendesain Kaus dengan Adobe Illustrator dan Mempresentasikannya di Mockup PSD

Dalam tutorial ini, kita akan mendesain sebuah kaus 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 sehingga kita bisa mempresentasikannya pada klien.

Preview

Di bawah adalah tampilan desain kaus yang akan kita peroleh.
final

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:

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

Hapus kedua titik di bagian ujung huruf L. Geser titik tersisa hingga diperoleh bentuk I.
tutorial-mendesain-kaus-illustrator-06

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

Langkah 17: 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

Instruksi dalam langkah berikut ini berlaku untuk mockup t-shirt dari Vandelay Premier. Jika Anda menggunakan mockup lain, silakan ikuti petunjuk yang tersedia dari pembuatnya.

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.
tutorial-mendesain-kaus-illustrator-34

Langkah 21

Bagaimana jika kita ingin menggunakan warna lain? Mudah saja, dalam mockup tersedia beberapa warna. Klik ikon mata di depan group layer Olive untuk mengaktifkan kaus dengan warna hijau tua.
tutorial-mendesain-kaus-illustrator-35
Ulangi proses ini untuk mengaktifkan warna kaus yang lain. Ternyata, kaus hijau muda menurut saya lebih bagus.
tutorial-mendesain-kaus-illustrator-36

Langkah 22: Mengubah Latar

Saya juga belajar dari desainer kaus terkenal, Jeff Finley dari Go Media. Bahwa detail-detail kecil yang sebetulnya tidak berhubungan dengan desain kaus bisa mempermudah klien menyetujui projek tersebut. Salah satunya adalah latar mockup.

Untuk kaus dengan warna terang seperti ini, saya rasa latar grunge gelap default seperti ini tidak begitu cocok. Kita perlu mengubahnya. Klik ganda layer Smart Object texture.
tutorial-mendesain-kaus-illustrator-37

Langkah 23

Isi latar dengan warna putih. Ambil tekstur Watercolor Grunge dari WeGraphics dan turunkan Opacity-nya menjadi 40%.
tutorial-mendesain-kaus-illustrator-38

Langkah 24

Gunakan brush besar dan lembut untuk melukis hitam di keempat pojok kanvas. Simpan file latar (Ctrl + S) kemudian tutup (Ctrl + W).
tutorial-mendesain-kaus-illustrator-39

Hasil Akhir

Di bawah adalah hasil akhir desain kaus yang kita peroleh.
final

Iklan

8 thoughts on “Mendesain Kaus dengan Adobe Illustrator dan Mempresentasikannya di Mockup PSD

  1. Boleh juga tuh A kreasinya, saya coba lumayan pegel juga sih hampir 1 jam, lagian baru nyoba pertama kali AI musti dibaca full artikel nya, tapi terimakasih tutorialnya A, Maju terus dunia desain Indonesia 🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s