Teks dengan Efek Kaca Transparan di Photoshop

Photoshop, Tipografi | January 16th, 2011

Pada tutorial Photoshop kali ini, kita akan menggunakan beberapa layer style untuk membuat kreasi tulisan yang kelihatan transparan dan menakjubkan. Untuk lebih memudahkan kamu mengikuti tutorial ini, silakan download file PSD dan Photoshop style dari link yang terletak di bagian paling bawah tutorial ini.

Preview Hasil Akhir Gambar

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 1

Untuk memulai tutorial ini, kita pertama akan memilih background yang tepat untuk teks, sesuatu yang jika berada di balik kaca akan kelihatan bagus. Disini saya menemukan foto rumput di Flickr oleh 100kr. Sekarang kita butuh sebuah teks, saya ketik Grafisia yang merupakan saudaranya Grafisia namun berbahasa inggris, dan tutorial ini juga saya publish disana. Perhatikan, disini kita akan membuat Photoshop Style, jadi kamu bisa menggunakan font apa aja sesuka kamu. Jika kamu ingin font yang sama dengan yang tak pakai, silakan download font Porky’s keren disini.

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 2

Sekarang kita mulai menggunakan Layer Style. Klik dua kali layer teks untuk menampilkan jendela Layer Style. Pada halaman pertama dari jendela layer style, ubah nilai Fill Opacity menjadi 0%, dan kamu lihat sekarang teknya menghilang, emang sengaja demikian jadi nggak perlu bingung.

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 3

Selanjutnya klik pada kata Drop Shadow ubah pengaturannya seperti berikut. Jangan klik OK terlebih dahulu.

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 4

Sekarang tambahkan style Inner Shadow pada teks. Belum saatnya ngeklik OK, sabar dulu.

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 5

Masih pada dialog box layer effect, sekarang klik style Inner Glow, gunakan setting seperti berikut, but don’t click OK yet.

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 6

Layer style yang kita gunakan berikutnya adalah Bevel and Emboss. Screenshot di bawah akan memberikan informasi bagaimana setting yang saya gunakan.

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 7

Sebagai langkah terakhir kita akan memberikan Satin pada layer teks. Atur satin seperti gambar berikut dan kamu bisa menekan OK setelah selesai.

Untuk jalan pintas yang lebih mudah, kamu bisa melihat semua setting dengan mendownload file PSD yang saya sertakan di bagian akhir tutorial. Kamu bisa klik kanan layer teks dan pilih Copy Layer Styles jika kamu ingin menggunakannya pada file kamu sendiri.

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Final Image

tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Semoga tutorial ini bermanfaat, jangan lupa subscribe ke Grafisia RSS feed, follow saya di Twitter atau klik untuk berlangganan artikel via e-mail.

Download file PSD dan Photoshop style

46 Comments

  1. Hasan says:

    Trims Sob, tutorial yg amat bagus sekali & sangat membantu bagi smua kita-kita yg hobi photoshop seprti saya. Trus smangat Sob buat share tip, trik & tutorialnya.

  2. Irma Nova says:

    Oke banget kaya kaca beneran, font yang di pake lucu, jadi pengen nyoba.

  3. miko says:

    good perfomance tut

  4. trie says:

    oe aku waraiiiiii
    apik

  5. RuD! says:

    siiiiip boosszz…!

  6. @helgaindra says:

    simpel tutorialnya tapi hasilnya keren
    makasi udah share

  7. design grafis says:

    tutorial y sangat membantu…thx yaaa

  8. rizchy says:

    wach keren mas,,,
    cm pke layer style ja ud jd gtu,,,,

  9. okta says:

    wuapike polll…….

  10. Guk Wan says:

    Mantaf boz……..

  11. soedarmiji says:

    kalo teks 3d di rumput ada tutorialnya gak?

  12. Xversailez says:

    kren uy….

  13. kafabi says:

    tk coba y…abiz kreeenn…

  14. yan darma says:

    keren tutorialnya, numpang nyontoh kang…

  15. Maya says:

    simple banget cuma pakai layer style, tapi hasilnya oke banget kaya kaca sungguhan.

  16. eggy says:

    kerennn… makasih ya.. langsung nyoba langsung suka langsung pake :D

    makasihhh

  17. Pengguna Freelancer says:

    Bro, udah dicoba, tapi tetep ga bisa download PDF_a?
    Gmna????

  18. yadi says:

    tutorial’y oke banget..trim’s…saya sampe tertarik pngen nyoba,,,,

  19. Mumu says:

    Wah simple and keren euy,, makasih atas tutorialnya yang jelas ini…

  20. wadi says:

    thank’s bro…

  21. Bah Wahyu says:

    Keren abbis pokoknya, bisa nambah wawasan ane nsch.
    Maksaih banget tutorialnya, akan ane gunakan sebaik mungkin

  22. Sf Rose says:

    Makasi ya… Maaaaaaantap abis. Ilmu mu berguna bagi orang banyak. Semoga kamu sukses.

  23. fijaya says:

    kak makasih tutorialnya, keren banget. Sangat membantu, makasih kak :’)

  24. Abu Fihris says:

    tak cobanya dulu, sebelumnya makasih postingannya moga sukses selalu aamiin

  25. sastro says:

    makasih sob,,,mantab

  26. Deri says:

    Makasih tutorialnya mas, yang ini berhasil saya ikutin caranya

  27. dudin says:

    bagus kk :)

  28. UDDIN rocket says:

    apik-apik

  29. tsania says:

    keren sumpah!!! tapi bingung caranya wkwkwk-____-

  30. irfan says:

    bang bgus nih mantap carnya jg gmpang .. tpi itu font apa yak kucu fonnya ,, gwe hasilnya kurang real soalnya fonnya jelek

  31. muhamadmakruf says:

    mantap tutorialnya ?

    share yuk yang punya ilmu photoshop byar banyak ilmu kta?
    i like tutorial

  32. sis wanto says:

    keren…

  33. Ariana says:

    So realistic… sumpah keren banget cuma pakai layer style bisa bikin kaya gitu… brilliant idea!

  34. Dandunk Clickers says:

    Gan, masih bingung nih soal fontnya… Tolong jelasin lebih dalam lagi cara buat fontnya…

  35. Fanny says:

    Wow magic… cool banget trik Photoshop-nya, efek keren kaya gini cuma 7 langkah coba…

    Grafisia superb!!!

  36. Munajat says:

    koq ane nyoba hasil’a agak beda gan, meski ngikutin tutorial persis,,,
    gimana gan….? tlong bantu ya

  37. zen says:

    simple ternyata caranya ya..
    makasih sharing ilmunya

  38. Naufalew says:

    Nice tips bro.

    Ijin share bro. ane kasih sumber.

  39. Dede says:

    Mantaph om, ijin sedot ya om..

  40. Zhaenux says:

    “wahh mantap tutornya bang (y) …

  41. sopie25 says:

    makasih tutornya gan ^^

  42. yudistira al-Habsy says:

    ziiiiiiip,thanks atas ilmunya bro…..
    tolong juga dikasih tutorialnya animasi 3dmax yang gampang2 aja bro…..

Leave a Reply