Subscribe:
Selamat Datang di Blog IT, Blog ini berisikan tentang Teknologi Informasi dan Komunikasi serta Gadge

Social Icons

Sample Text

Followers

Featured Posts

Rabu, 12 Desember 2012

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 2

Ubah teks menjadi vektor gambar dengan cara klik kanan lalu pilih Create Outlines. Mulai saat ini, teks tidak bisa lagi diedit.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 5: Modifikasi Huruf L

Hapus kedua titik di bagian ujung huruf L. Geser titik tersisa hingga diperoleh bentuk I.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 7: Mempersiapkan Kanvas

Buat beberapa guide untuk mengatur posisi objek dan juga area safe –yaitu area aman untuk objek desain.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 9: Siluet

Ambil siluet penyanyi dan burung dari Vandelay Design.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 10: Teks tambahan

Buat teks tambahan dengan warna berbeda. Seperti yang lain, ubah teks ini menjadi gambar vektor.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Dalam contoh ini, kita lihat huruf F dari kata FREE. Seleksi huruf F dan pecahan-pecahan kecil yang menutupinya. Klik tombol Subtract.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Di bawah adalah proses yang sama pada huruf R.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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 DESke layer baru, terlihat dari warna outline-nya yang berubah.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 16

Ulangi proses ini pada objek desain lainya. Begitu selesai, Anda dapat menghapus layer berisi pecahan-pecahan yang tak terpakai.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 19

Simpan desain di tengah kanvas dan atur ukurannya.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 20

Simpan gambar (Ctrl + S). Secara otomatis desain dalam mockup akan berubah.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Ulangi proses ini untuk mengaktifkan warna kaus yang lain. Ternyata, kaus hijau muda menurut saya lebih bagus.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

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.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 23

Isi latar dengan warna putih. Ambil tekstur Watercolor Grunge dari WeGraphics dan turunkan Opacity-nya menjadi 40%.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 24

Gunakan brush besar dan lembut untuk melukis hitam di keempat pojok kanvas. Simpan file latar (Ctrl + S) kemudian tutup (Ctrl + W).
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Hasil Akhir

Di bawah adalah hasil akhir desain kaus yang kita peroleh.
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Download Link

Download File AI

0 komentar:

Posting Komentar