Tutorial Photoshop dan Illustrator – Mendesain Kaos Sederhana

illustrator, Photoshop, Tutorial ~ By ~ Tuesday, 27 July 2010 ~ 1 Comment »

Salam narsis..

Sudah lama nih gak kasih tutorial, oke kali ini saya akan memberikan tutorial yang simple buat teman-teman. Dan tutorial ini juga bisa teman-teman manfaatkan sebagai ajang narsis. Hehe..

Disini saya akan berbagi bagaimana mendesain sebuah kaos yang sederhana sekali tidak ribet, dan saya juga akan memberikan sedkit tips mengaplikasikannya menjadi kaos beneran. Jadi gak sekedar desain aja..

Kita akan menggunakan dua software yaitu adobe photoshop dan adobe illustrator.

Dan pertama kali kita buka adobe photoshopnya dulu, dan segera masukkan foto yang di hendaki..

step 1

http://lh5.ggpht.com/_GMjfiEXSSQY/TE5162I_8tI/AAAAAAAAAoY/LA09UW054cI/1.jpg

Disini saya memakai photo saya sendiri, kalian juga baiknya poto sendiri, jangan poto saya ya hehe. Nah di sini kita hanya mengambil wajah/kepalanya doank.. jadi penggal kepalanya.. ciat!!

Gunakan corp tool terlebih dahulu untuk memotong poto sebatas kepala,

http://lh3.ggpht.com/_GMjfiEXSSQY/TE5161thQdI/AAAAAAAAAoc/7JaQ1T5uuDU/2.jpg

http://lh4.ggpht.com/_GMjfiEXSSQY/TE517IPBH7I/AAAAAAAAAog/ptglIgYBq0c/3.jpg

step 2.

Double klik layer background ganti nama menjadi layer 0, setelah itu gunakan pen tool untuk menghilangkan langit dan kaos. penggunaan pen tool bisa kamu lihat tutorialnya di sini.

http://lh6.ggpht.com/_GMjfiEXSSQY/TE517C1DWUI/AAAAAAAAAok/_iBtEGWOuVE/s512/4.jpg

Seperti biasa, klik kanan > make selection.. ok. Ntar garis pen tool tadi berubah menjadi garis putus-putus itu artinya batas selection..

http://lh4.ggpht.com/_GMjfiEXSSQY/TE517OW5l1I/AAAAAAAAAoo/lJ6Kvg7WTt4/s512/5.jpg

karena kita mau menghilangkan kaos dan langitnya, maka kita selection area yang tidak terseleksi, caranya tekan Ctrl+Shift+I, atau ke menu select >inverse.

http://lh5.ggpht.com/_GMjfiEXSSQY/TE52LKlK7vI/AAAAAAAAAos/fktcIAs5IZ8/s512/6.jpg

lalu hapus, tekan delete pada keyboard. Setelah hilang, tekan Ctrl+D untuk menghilangkan seleksi tadi atau garis putus-putus tadi.

http://lh5.ggpht.com/_GMjfiEXSSQY/TE52LPiC5xI/AAAAAAAAAow/zZ0gFPyiZfg/s512/7.jpg

Step 3.

Untuk mempermudah penglihatan, kamu bisa menambah layer putih di bawah layer 0 tadi. Oke setelah itu tekan Ctrl+Shift+u untuk menjadikannya hitam putih, atau ke menu image > adjusments > desaturate.

http://lh6.ggpht.com/_GMjfiEXSSQY/TE52LSRycbI/AAAAAAAAAo0/oxMit7wxguw/s512/8.jpg

Lalu mainkan brigtness dan contras, image > adjustmens > Brightness/Contrast.

Setelah itu copy layer sampai 3x atau suka-suka juga sesuai selera, ntar saya kasih tau kenapa di copy 3x. untuk copy layer tekan Ctrl+J. Karena 3x ya tekan 3x.

Nah pilih layer atas, layer yang kita copy tadi. Setelah itu image >adjustments> threshold. Atur sesuai selera. disini saya mau mulut dan mata terlihat jelas.

http://lh4.ggpht.com/_GMjfiEXSSQY/TE52LbAcBSI/AAAAAAAAAo4/-DMqjjb0iL0/s512/9.jpg

Jadi setelah di buat hapus bagian rambut dan leher.

http://lh4.ggpht.com/_GMjfiEXSSQY/TE52LhpHkeI/AAAAAAAAAo8/Ns8-zOhf7OI/s512/10.jpg

lakukan hal yang sama untuk copy-an yang tersisa namun jangan mata lagi, misalkan kuping, atau leher yang di perjelas, dan yang gak jelas di hapus karena kita sudah buat yang jelas untuk lainnya, setelah gabungkan semua copyan layer tadi ntar jadinya seperti ini.

http://lh4.ggpht.com/_GMjfiEXSSQY/TE52bgUDR-I/AAAAAAAAApA/PT3gAEEXM0g/s512/11.jpg

Untuk penggabungana, di layer pilih layer-layer yang di mau gabung lalu takan Ctrl+E.

Step 4

Sekarang buka Adobe Illustratornya dan buat dokument baru ukuran A4. Nah gambar yang tadi di photoshop, kamu drag ke Adobe illustrator dakument baru tadi.

http://lh6.ggpht.com/_GMjfiEXSSQY/TE52bgyN3OI/AAAAAAAAApE/XdZls-yXdlQ/12.jpg

Setelah itu kita akan trace otomatis, caranya pernah saya jelaskan juga di tutorial ini, namun saya akan menjelaskan lagi, plih panah kecil di menu atas samping kotak live trace, lalu pilih simple trace.Sebelum expand, kamu atur dulu threshold dan Min Areanya.

http://lh3.ggpht.com/_GMjfiEXSSQY/TE52bjwmSTI/AAAAAAAAApI/WPbz-o-j83k/s512/13.jpg

http://lh6.ggpht.com/_GMjfiEXSSQY/TE52b49spvI/AAAAAAAAApM/dkamJmzd5d4/14.jpg

baru expand.. lalu kecilkan dan taruh di dalam area kerja di A4 tadi.

http://lh4.ggpht.com/_GMjfiEXSSQY/TE52b2-C3iI/AAAAAAAAApQ/EiZyXFvkVVI/s512/15.jpg

Step 5

Oke sekarang kita akan merapikan bagian-bagian yang susah untuk di produksi nantinya, caranya gunakan pen tool..

Dengan pen tool biar lebih mudah fillnya di hilangkan, dan stroke ubah warna merah, setelah itu rapikan bagian-bagian pinggir,

http://lh6.ggpht.com/_GMjfiEXSSQY/TE54M2ywqaI/AAAAAAAAApY/m5sWpZa5avw/s512/16.jpg

Setelah semua dirapikan tekan Ctrl+A, untuk men”block” semua gambar lalu ubah fill jadi hitam dan stroke non color.

Jadinya seperti ini..

http://lh4.ggpht.com/_GMjfiEXSSQY/TE54NOLdFPI/AAAAAAAAApc/NqHWLPaLROI/s512/17.jpg

Step 6.

Oke desain utama kita sudah jadi, sekarang tinggal menambah desain lainnya, di sini saya menambah nick name saya “Ikaz Narsis”. Saya menggunakan font Pricedown. Saya ketik “ikaz Narsis” ukuran font 100.

Lalu nikc name saya “copy” (Ctrl+C). Lalu nick name tadi saya klik. lalu offsect Path, caranya Effect>Path>offset Path. Akan muncul box, lalu isikan 0,2. Nantinya font akan bertambah besar sedikit lalu expand apperance. lihat gambar…

http://lh5.ggpht.com/_GMjfiEXSSQY/TE54NCVCC8I/AAAAAAAAApg/g529HDkJRzM/18.jpg

http://lh4.ggpht.com/_GMjfiEXSSQY/TE54NXsAOtI/AAAAAAAAApk/GZ_755ozNpc/19.jpg

http://lh3.ggpht.com/_GMjfiEXSSQY/TE54NQqPwxI/AAAAAAAAApo/Ig_fl5woT0Q/s576/20.jpg

lalu klik kanan pilih ungroup.

http://lh3.ggpht.com/_GMjfiEXSSQY/TE54-6fddQI/AAAAAAAAAps/E8evSy-nJR4/21.jpg

lalu keluarkan pathfinder, window > pathfinder. Pilih add to shape Lalu expand.. lihat gambar..

http://lh5.ggpht.com/_GMjfiEXSSQY/TE54-7IfadI/AAAAAAAAApw/B70MXcaeSGk/22.jpg

Ingatkan?? tadi kita udah copy font tersebut, sekarang paste ( Ctrl+F ). Lalu ubah menjadi warna putih. Kita expand lagi font putihnya seperti tadi, tapi jangan di offset path. Ini untuk merubah font menjadi bentuk.

oke jadinya seperti ini.

http://lh3.ggpht.com/_GMjfiEXSSQY/TE54_HoQdcI/AAAAAAAAAp0/_ZYiFtlYDMg/23.jpg

lalu group kan!! (Ctrl+G). Dan geser ke bawah desain utama.

http://lh5.ggpht.com/_GMjfiEXSSQY/TE54_K---zI/AAAAAAAAAp4/C8fPVCnjUcE/s512/24.jpg

Seep.!! Desain sudah jadi sekarang tinggal di save as ke EPS . Atau Ai. format EPS atau Ai ini tinggal kita bawa ke tempat sablon. Bisa Yang Sablon digital ataupun Sablon yang manual.

Sedikit tips nih, sablon manual ama digital, lebih baik hasilnya manual, karena tahan lama, untuk digital tidak tahan lama, untungnya digital bisa pesan satu dan cepat jadinya, untuk manual jarang ada yang mau cetak satu dan tunggunya agak lama.

untuk harga digital sedikit lebih mahal, But pandai2 aja cari tempat sablon, ada juga digital yang bagus..

Tara.. Baju baru untuk Si Narsis telah jadi.

http://lh5.ggpht.com/_GMjfiEXSSQY/TE54_VcpdXI/AAAAAAAAAp8/ASdkETVZpfE/s512/haha2.jpg

Gimana keren kan??

terima kasih semoga bermanfaat ya.

Salam narsis..

Artikel Terkait

  1. Proses Pembuatan Mascot Web
  2. Tutorial Vector : Menggambar Pemandangan Mesir
  3. Belajar Illustrator – Stroke dan Fill – Materi 4
  4. Belajar Illustrator – Memahami Shape Tool – Materi 3
  5. Belajar Illustrator – Memahami Selection Tools – Materi 2
Comments (1)
  1. Thank you banget bro…ini betul2 bermanfaat


Leave a comment