Tips: Mock Up TShirt Realistis

Mockuptees_post_image

Bagi kamu yang suka mendesain gambar untuk tshirt, mempunyai usaha clothing sendiri, atau mungkin ada projek mendesain tshirt, terkadang kamu ingin mempresentasikan atau melakukan promosi sebelum tshirt itu selesai di produksi. Trik ini berguna untuk mensimulasikan dengan realistis bagaimana kira-kira hasil akhir produksi tshirt kamu.

Jika mungkin sebelum nya kamu hanya menaruh artwork kamu di atas template suatu tshirt kosong, maka sekarang ada cara lebih baik yang akan sangat membantu menambah nilai karya yang telah kamu hasilkan.

Pertama-tama kita mencari sumber tshirt kosong nya terlebih dahulu, kebetulan saya mencari nya melalui Flickr Group, Threadless blank tees, yang menyediakan foto-foto tshirt kosong yang kreatif, kamu tinggal memilih mana yang kamu suka. Untuk sekarang ini saya akan menggunakan foto ini sebagai template saya. Ok, jika semua sudah siap, buka Photoshop kamu dan kita mulai!

Langkah 1

Buka foto tshirt yang sudah kamu unduh tadi di Photoshop.

mockup_tees_langkah1

Langkah 2

Pilih Pen tool dan ubah setting nya menjadi “Paths”, karena kita akan men-Trace area tshirt yang ada di foto tersebut.

mockup_tees_langkah2

Langkah 3

Mulailah men-Trace area tshirt, sampai semua area terpilih

mockup_tees_langkah3
mockup_tees_langkah4

Langkah 4

Jika sudah semua area di Trace, maka selanjutnya adalah menseleksi area tersebut. Jangan lupa tekan “A” (Path Selection Tool) terlebih dulu, lalu klik kanan, akan muncul dialog box seperti di bawah ini. Pilih “Make Selection”, ubah Feather Radius ke “0″ dan tekan Ok.

mockup_tees_langkah5
mockup_tees_langkah6

Langkah 5

Setelah area tersebut terseleksi, kita akan merubah warna kuning tshirt tersebut menjadi putih (langsung lompat saja ke langkah 6 , kalau foto yang kamu pakai adalah foto tshirt berwarna putih). Ikuti cara berikut ini, Image > Adjustments > Hue/Saturation > Saturation -100 > Ok. Kamu akan mendapatkan hasil seperti di bawah ini.

mockup_tees_langkah7

Langkah 6

Pada tahap ini, kita akan berusaha mengeluarkan bayangan yang ada di tshirt tersebut, supaya lipatan-lipatan tshirtnya lebih terlihat. Caranya adalah kita menaikan Contrast dan Levels foto tersebut. Untuk Contrast langkahnya adalah, Image > Adjustments > Brightness/Contrast > Contrast +100 > Ok

Dan untuk Levels, Image > Adjustments > Levels > Ok (ikuti setting Levels seperti gambar di bawah, atau sesuaikan dengan kebutuhan kamu)

mockup_tees_langkah8

Langkah 7

Setelah Levels sudah di setting jangan klik area lain, karena kita akan menduplikasi layer tshirt tersebut. Caranya mudah, selagi terseleksi tekan Ctrl + C , lalu Ctrl + V. Itu akan membuat layer baru (layer 1) di atas layer background lalu ubah nama “Layer 1″ menjadi “shadow atas”.

mockup_tees_langkah9
mockup_tees_langkah10

Langkah 8

Sekarang kita akan membuat warna tshirt nya, tetapi pada layer yang baru lagi, ini supaya kita bisa dengan mudah mengganti-ganti warna tshirt tanpa merubah elemen lain. Pilih lah tab Paths, lalu klik Path tshirt yang sudah kita buat sebelum nya (hasil trace). Setelah itu klik tabs Layers dan buat layer baru.

mockup_tees_langkah12
mockup_tees_langkah13

Langkah 9

Setelah itu, klik kanan pada Path yang sudah terseleksi, pilih “Fill Path” lalu tekan Ok. Ini akan menghasilkan warna merah berbentuk tshirt yang sudah kita trace sebelumnya pada layer baru. (untuk warna, tergantung palet Foreground kamu sedang berwarna apa, kamu bisa merubah warna nya terlebih dahulu sebelum melakukan langkah ini).

mockup_tees_langkah14
mockup_tees_langkah15

Langkah 10

Namakan Layer warna baju tersebut menjadi “warna baju” untuk memudah kan pemilihan layer di lain waktu. Dan ubah blending mode layer “shadow atas” menjadi Multiply. Ya, sampai disini kamu sudah selesai! tinggal memasukan artwork, di antara layer “shadow atas” dan “warna baju”.

mockup_tees_langkah16
mockup_tees_langkah17

Selanjutnya kamu tinggal bereksperimen, karena tiap artwork dan warna baju akan menghasilkan settingan layer yang berbeda. Seperti contoh di atas, layer “shadow atas” saya sampai 3 kali untuk menghasilkan efek yang saya mau dan juga karena warna baju yang saya gunakan hitam.

Hasil Akhir

mockup_tees_hasilakhir

Selamat mencoba! Jika kamu memerlukan file PSD tutorial ini (2,2 Mb) silakan di unduh melalui tombol di bawah ini (beritahu saya di kolom komentar jika download speed nya terlalu lama, karena mungkin akan saya upload juga di server Indonesia). Last but not least, jangan lupa tunjukkan karya kamu dengan bergabung di Grup Flickr Jurus Grafis!

Mockup_Tshirt_Realistis_template (4498)
Menikmati proses rancang website, khusus nya dari sisi tampilan antar muka dan penggunaan. Tidak bisa hidup tanpa Gmail, Google Reader dan Twitter. Sering menghabiskan waktu mengarungi samudra informasi.

Ada 48 Komentar Seru Tentang Posting Ini

  1. 4 October 2009

    Nice tuts gan..
    Kebetulan mang lagi ada project buat usaha kaos. Bisa dipakai untuk display baju sebelum produksi nih :D

  2. 7 October 2009

    ahhh..gila…makin ngefans gua sama @madeforyou hehehe…bikin apa2 slalu keren, hebat !
    *sambil klik langganan RSS :p

    • 7 October 2009

      :D thanks bro! bisa aja nih hehehe *tersipu malu

  3. 8 October 2009

    oo, pake multiply tooh..
    thanks fang

  4. 8 October 2009

    yups another good info from Richard Fang.. keep the good works bro.. blognya keren nih..

  5. 16 October 2009

    Im your number one fan mr Fang!!! lol

  6. 19 October 2009

    ijin coba bro! :)

  7. 6 November 2009

    tx bro richard!
    sharing is amazing :D

  8. 18 November 2009

    mangstabbb… ini yg gw cari cari… Thanks bro…
    Maju teru desainer indONEsia

  9. 15 December 2009

    nice tutor gan. big thanks.

  10. 28 December 2009

    [...] kaos yang paling bagus untuk sementara ada di blognya Richard fang – Jurus Grafis. Grab it here [...]

  11. 1 January 2010

    nice share bro, AWESOME!!!!! thx

  12. 8 January 2010

    wedew… like this!

  13. 17 January 2010

    informasi yang sangat menarik…,
    saya sudah mencobanya sendiri dengan gambar yang sama namun dengan trik yg berbeda…,
    ^,^

    • 7 March 2010

      bagi2 donk triknya..

  14. 18 February 2010

    Sengol dikit, Keren Gan! :) …ikutan nyobain ya Gan..hehe lumayan :D

  15. 1 March 2010

    mantabzzz

  16. 7 March 2010

    mantep bro tutornya.. gw baru mulai usaha ini.. ngebantu banget..

  17. 8 March 2010

    Berdasarkan pengalaman pribadi ya mas?
    kan dulu desain kaos :-D

  18. 11 March 2010

    gimana cara memunculkan bayangan lekuk t-shirt setelah ditambah gambar diatasnya? thanks

  19. 17 March 2010

    thanks banyk kak,.,.,.,
    karna artikel ka2k nie aq bisa jualan desain2 baju,.,.,.,.
    slama ini aku masih gunain foto baju standrt n btuh waktu lama bwt ngganti warnax,.,,.,.,
    tpi berkat ka2k,.,.,.,
    skrang,..,.,
    jdi lbih gmpang,.,.,.,
    mkasih yoi kak.,,.,
    gbu,.,.,selalu,.,.,always,.,.
    hihihih

  20. 18 July 2010

    [...] Top 5 link yang paling banyak diklik oleh pengunjung blog ini. Judul tulisan itu adalah “Mock Up T-Shirt Realistis“. Mantap bukan? Ternyata pengunjung-pengunjung blog ini adalah mereka yang antusias untuk [...]

  21. 24 July 2010

    makasih bgt lah!! deeply thanksss!!

  22. 13 August 2010

    wah,, sangat insfiraif.. thanks,,

  23. 10 September 2010

    Man…dimana download mock up gratis ? thnx… : )

  24. 5 October 2010

    wahh thx gan…. nambah ilmu nih gw… :beer:

  25. 15 October 2010

    hmmmmm, ini dia yang gue tunggu-tunggu , akhirnya ada juga orang yang berbaik hati buat ngajarin bikin mock up, hehehehehe
    thanks very much.

  26. 25 October 2010

    caranya bikin shadow kayak yang di gambar itu gimana sih???
    newbie nih…

  27. 26 October 2010

    mas, aku tertarik banget mbaca tips demi tips dan artikel demi artikel. it’s great!
    tapi ane mau tanya aneh, nama fotn yang buat judul tulisan ini apa yach?
    thank’s atas jawabannya.. syukur2 mau ngirim fontnya sekalian
    :)

  28. 17 December 2010

    Saya udah coba and it works…

    2thumbups..

    Thanks a lot…

  29. 23 February 2011

    Sekarang saya menggunakan tust ini buat catalog usaha saya. makasih mas richard :)

  30. 18 March 2011

    Wow, Great tutorial, Thanx for these

  31. 19 March 2011

    wah makasih infonya, Lalu bagaimana menempatkan desain pada kaos supaya gambar atau desainnya bisa mengikuti pola atau lipatan kaos. makasih sebelumnya :)

  32. 7 April 2011

    ngebantu banget,, jarang2 ada yg berbagi kya gini

  33. 12 April 2011

    terbantu bgt nih bos, 4 jempol deh utk bos yg 1 ini :)

  34. 17 May 2011

    sip dah

    mantapz

  35. 18 June 2011

    gan ada punya template reglan t shirt ama ringer t shirt ga?

  36. 17 September 2011

    asik2
    ternyata tetep pake PS yah?

  37. 10 October 2011

    thx banget bro

  38. 26 October 2011

    bro, saya pas nyampe fill path, kok yang diwarnai malah area diluar path-nya ya ?? Mohon pencerahannya -.-

  39. 4 November 2011

    tq gan update trusss webx…….

  40. 22 November 2011

    alhamdulillah, dapet juga toturialnya, thanx a lot bro Fang!

  41. 24 November 2011

    keren gann..
    goodd

  42. 28 November 2011

    Terimakasih banyak …. ini sangat membantu.
    Keep Creative … Sukses selalu.

  43. 27 December 2011

    maaf mas, kok pas di langkah 5 gag ada perubahan ya? saya udah melakukan step ini :

    Image > Adjustments > Hue/Saturation > Saturation -100 > Ok

    namun gag ada perubahan tuh di warna kaosny, tetep aja item.

    pencerahan donk gan :’(

    >> newb di dunia desain mendesain, harap maklum

  44. 6 January 2012

    Thanks a lot gan..:D

  45. 13 January 2012

    di langkah 7, aku jarang pake copy paste. lebh cepet pake duplikat layer >> ctrl + J

  46. 17 January 2012

    asli sangat bermanfaat sekali tipsnya
    ane langsung coba dah.. bener2 mujarab
    thanks banget

Mari Berkomentar!

*informasi yang di perlukan

Mau Berlangganan Jurus Grafis Melalui Email? Ya! tentu saja!