Teks dengan Efek Kaca Transparan di Photoshop

glass-text-effect

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. 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 follow saya di Twitter.

Download file PSD dan Photoshop style

23 Comments

  1. 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. Oke banget kaya kaca beneran, font yang di pake lucu, jadi pengen nyoba.

  3. good perfomance tut

  4. oe aku waraiiiiii
    apik

  5. siiiiip boosszz…!

  6. simpel tutorialnya tapi hasilnya keren
    makasi udah share

  7. tutorial y sangat membantu…thx yaaa

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

  9. wuapike polll…….

  10. Mantaf boz……..

  11. soedarmiji

    kalo teks 3d di rumput ada tutorialnya gak?

  12. Xversailez

    kren uy….

  13. tk coba y…abiz kreeenn…

  14. keren tutorialnya, numpang nyontoh kang…

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

  16. kerennn… makasih ya.. langsung nyoba langsung suka langsung pake 😀

    makasihhh

  17. Pengguna Freelancer

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

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

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

  20. thank’s bro…

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

Leave a Reply