Tutorial Tipografi dengan Efek Cat Basah

Photoshop, Tipografi | March 18th, 2010

Banyak hal yang bisa kita kreasikan dalam tipografi. Beragam ide dan kreativitas telah mewarnai bentuk seni yang satu ini. Diantaranya adalah efek cat basah yang akan kita praktekkan pada tutorial photoshop kali ini. Disini akan kita gunakan brush dan layer style serta kreativitas kita untuk menciptakan efek realistis pada manipulasi teks.

Preview Hasil Akhir dari Gambar

Lihat terlebih dahulu hasil akhir dari efek tulisan yang akan kita buat, sebelum kita mulai menapaki langkah-langkah untuk menyelesaikannya. Untuk lebih detail bisa melihat gambar pada ukuran sebenarnya.

efek cat basah meleleh pada tipografi dengan photoshop

Siap? mari kita mulai!!!

Langkah 1

Seperti biasa, bikin dokumen photoshop ukuran 1920 pixel x 1200 pixel dengan resolusi 300dpi dan pilih background Transparent. Habis itu cari gambar tekstur kayu yang nanti akan kita jadikan sebagai background tulisan. Kamu bisa pakai tekstur kayu yang pernah saya buat pada tutorial photoshop beberapa waktu lalu, bisa juga pakai foto kamu sendiri (foto permukaan kayu maksudnya) atau terserah kamu dari mana. kalu yang saya pakai disini adalah gambar tekstur kayu yang saya dapat dari stock exchange. Buka gambar di photoshop, tekan Ctrl+A untuk menyeleksi semua bagiannya, copy dengan Ctrl+C kemudian tekan Ctrl+V pada dokumen kita untuk mempaste tekstur kayu tersebut. Sesuaikan ukurannya dengan dokumen jika ukuran gambar terlalu besar.

memberi background gambar dengan tekstur permukaan kayu

Langkah 2

Ketik tulisan apa aja dengan font terserah kamu, pakai Arial kayaknya cukup bagus juga. Disini saya pakai tulisan ‘PT’ dengan huruf T terbalik dan menambah sedikit hiasan pada sudut-sudut tulisan. Untuk warna font saya pilih warna merah tua #370c0b, jadinya seperti screenshot berikut.

memilih jenis dan warna font yang tepat untuk seni tulisan tipografi

Langkah 3

Tekan Ctrl+T kemudian perbesar ukuran teks dan putar sedikit berlawanan arah jarum jam.

mengubah ukuran layer dan memutar layer pada photoshop dengan transform tool

Langkah 4

Buat seleksi yag membentuk layer teks dengan klik pada layer thumbnail disertai menekan Ctrl. Setelah seleksi terbentuk aktifkan Rectangular Marquee Tool (M) lalu klik kanan pada area kanvas dan pilih Make Work Path. Akan muncul jendela Make Work Path, pada kotak tolerance isikan 1 pixel lalu OK.

membuat path yang membentuk seleksi dengan

Langkah 5

Sembunyikan layer teks dengan melakukan klik pada ikon mata disebelah kiri layer thumbnail. Tambah layer baru dengan nama ‘strokepath’ di bagian teratas pada layer window. Dengan path yang sudah kita buat pada langkah 4 lakukan Stroke Path menggunakan brush dengan kategori wet paint, kamu bisa mencari di deviantart atau tempat download brush gratis lainnya. Atur diameter brush sampai kamu dapatkan hasil yang bagus. Jika ingin tahu lebih banyak tentang penggunaan path, kamu bisa baca tulisan saya tentang tutoial menggunakan Pen Tool pada Photoshop.

stroke path dengan wet dry brush

Langkah 6

Buat layer baru lagi dengan nama ‘fill’ dan letakkan dibawah layer strokepath. Penuhi area teks dengan brush yang kita gunakan untuk stroke path, tidak perlu terlalu rata dan seragam, bahkan usahakan tidak seragam sehingga akan kelihatan lebih realistis.

melakukan brushing pada layer

Langkah 7

Tambahkan layer baru diatas layer strokepath dengan nama ‘texture’. Klik layer dua kali pada jendela layer untuk memunculkan layer style window. Kamu membutuhkan pengaturan layer style seperti berikut.

penggunaan layer style drop shadow bevel emboss contour satin pada photoshop

Layer texture kita butuhkan untuk memberikn efek basah pada teks, oleh karena itu atur fill layer texture menjadi nol. Setelah itu lakukan brush seperti pada langkah sebelumnya, dan kamu akan mendapatkan efek cat basah yang tampak realistis.

efek cat basah pada tipografi dengan photoshop

Langkah 8

Akan lebih keren jika kita beri efek menetes pada beberapa bagian yang konsentrasi cat kelihatan cukup tinggi. Langkah yang kita butuhkan untuk melakukannya petama bikin layer baru diatas semua layer dengan nama ‘drips’. Dengan Elliptical Marquee Tool (M) buat seleksi lingkaran-lingkaran kecil seperti tampak pada gambar berikut.

membuat area seleksi melingkar dengan elliptical marquee tool

Setelah itu gunakan Paint Bucket Tool (G) untuk memenuhi aea seleksi, pastikan warna foreground tetap seperti semula, merah tua #370c0b. Tekan Ctrl+D untuk menghilangkan seleksi. Gunakan filter Liquify untuk memberi efek menetes, pilih Filter > Liquify. Setelah muncul jendela Liquify gunakan Forward Warp Tool untuk membikin efek lelehan di bagian bawah setiap lingkaran, buat sebaik mungkin.

membikin efek tetesan menetes dengan filter liquify pada photoshop

Tekan OK dan akan kita dapati gambar seperti berikut.

membikin efek tetesan menetes dengan filter liquify pada photoshop

Langkah 9

Beri style pada layer drips seperti yang kita lakukan pada langkah 7 dan jika ada yang kurang rapi, bersihkan dengan cara masking.

menggunakan layer style pada photoshop untuk membikin efek cat basah

Hasil Akhir

Berikut hasil akhir gambar yang kita buat, selamat mencobanya untuk kreasi kamu sendiri. Jangan lupa subscribe ke Grafisia RSS feed.

efek cat basah meleleh pada tipografi dengan photoshop

Download file PSD

250x250 banner

31 Comments

  1. narsis says:

    wah bisa kaya gitu?? keren seperti asli, manteps oi..

  2. mas gondronx says:

    dahsyat bro layer stylenya!!!

  3. ajir says:

    seep bro.. keren abis! :D

  4. teyenx says:

    Linkin Park coooy!!!

  5. jeprie says:

    Sangat realistis sekali. Kalau menurut saya sih bukan cat basah tapi coklat lumer. Saya tunggu tutorial berikutnya ya.

  6. Arya says:

    Mantab.., thx buat tutorialnya :)

  7. ardianzzz says:

    keren gan, mangstabh!

  8. hanif IM says:

    baru dan unik nih… daripada tutorial dari blog luar negeri, disini juga ada ternyata. sip…

  9. De says:

    Mantap dan berkelas numpang baca

  10. yazid ihsan says:

    ooooo….original!!!!!

  11. crizpi says:

    cara buat siku di sudut tulisannya gmn ya?

  12. Otodidakers says:

    Keren bangetlah!!!!! Salut gw…..

  13. Rumaisha says:

    Pada langkah 2 itu koq hurufnya putus-putus, emang harus gitu apa gimana? makasih…

    • habieb says:

      Itu emang font yang tak pake kaya gitu, sebenarnya nggak putus-putus juga bisa misal pake font Arial. Tutorial ini lebih membahas ke tekniknya, jadi font yang kamu pakai itu terserah kamu.

  14. jaka zulham says:

    ini lagi ni,,
    tutorial paling ajib

  15. grandchief says:

    wow keren deh,gak bisa bilang banyak kalau dah kayak gini

  16. elva says:

    wah mantap banget boss,.. trim yah atas tutornya,

  17. q'noy says:

    boleh…boleh…boleh…siiiiip !!!!!

  18. LULU says:

    keren …
    aq jd mw nyoba’ ni !!!!!!!!!!!!
    aq tunggu karya anda yang laen
    good luck !!!!!!!!!

  19. Jun Koneksi says:

    Asik bro::::keren;;;;;;
    ada tips yang lain lagi ngak????

  20. izal says:

    wah hebat…….

  21. MARSAL says:

    LANJUT BRO,,,,,,

  22. rofik hanrie says:

    mantap,,,,,,,,,,,,,,,

  23. Frans says:

    Mantap bro tutorialnya.. kalo mas bro sendiri pake font ap itu?? it kayanya bukan arial deh….

  24. shining says:

    ijin bookmark buat semua tutorialnya dech…. lagi pengen belajar photoshop nih.

  25. anindita says:

    tutorial yg keren,, :)

Leave a Reply