Efek Teks Mengkilap dengan Photoshop / Slick Glossy Text Effect

Posted By gemaprasada On June 30, 2010 @ 8:48 AM In Tips | 3 Comments

^[1]

Pada tutorial ini, kita akan coba memberikan Efek Lapisan Mengkilap atau Slick Glossy Effect pada teks dengan Photoshop. Hasilnya dapat dilihat pada gambar diatas. Anda dapat merubah tulisan ataupun warna dalam tutorial ini sesuka anda. Tapi, untuk mencoba tidak ada salahnya mengikuti apa yang saya dituliskan disini. Yuk, langsung buka program Adobe Photoshop anda dan ikuti tutorialnya.

Cara membuat teks dengan lapisan mengkilap / Slick Glossy Text Effect

Langkah 1 :

Buat dokument baru dengan background putih ukuran 800×200 pixels (Ctrl+N). Sekarang kita akan mengatur settingan untuk teks yang akan dipakai. Pada menu utama, klik Window > Character, lalu atur sesuai gambar dibawah ini:

^[2]

Setelah diatur, klik Type Tool untuk membuat suatu teks, dan atur letak teks agar berada ditengah dengan Move Tool.

^[3]
[4]

Hasil sementara seperti ini (pada tutorial ini saya memakai font Impact) :
^[5]Langkah 2 :

Buat layer baru (Ctrl+Shift+N), lalu beri nama ‘Lapisan’. Pada layer ini kita akan membuat sebuah lapisan menggunakan Elliptical Marque Tool.

^[6]

Buat sebuah bentuk elips untuk membuat bagian yang mengkilap, caranya klik dan tahan kursor pada kanvas lalu tarik agar membentuk sebuah elips, seperti gambar dibawah ini:

^[7]Langkah 3 :
Pastikan layer ‘Lapisan’ masih aktif. Dan, ubah warna foreground menjadi putih (#ffffff).

^[8]Lalu, klik Paint Bucket Tool

^[9]

Isi bagian elips yang tadi kita buat dengan mengklik pada bagian dalam elips. Lalu, arahkan mouse pada pada lambang T dan tekan Ctrl lalu klik dalam kotak lambang T, seperti gambar dibawah ini :

^[10]Hasilnya akan seperti ini :
^[11]

Langkah 4 :

Pada menu utama, pilih Select > Inverse atau tekan Shift+Ctrl+I, lalu tekan Ctrl+X. Hasil sementara akan seperti ini :

^[12]

Kita akan memberikan Layer Style di layer ‘Lapisan’. Caranya, klik kanan pada layer ‘Lapisan’ pilih Blending Options, lalu pilih Gradient Overlay, dan setting nilainya seperti dibawah ini, setelah selesai tekan OK.

Blend Mode = Normal
Opacity = 100%
Gradient = Foreground to Transparent (Pilih kotak kedua dari kiri atas)
Style = Linear
Angle = -90 (min 90)
Scale = 150%

Masih pada layer ‘Lapisan’ kita ubah Fill nya menjadi 30%.

^[13]

Hasil sementara akan seperti ini :
^[14]
Langkah 5 :
Untuk memperjelas efek glossy-nya kita tambahkan style Stroke. Caranya, klik kanan pada layer ‘Slick Glossy’ pilih Blending Options lalu pilih Stroke. Dan setting nilainya seperti ini :

Size = 2 px
Position = Center
Blend Mode = Normal
Opacity = 100%
Color = # fb999a
( Untuk merubah warna, klik pada kotak warna, lalu akan muncul Color Picker, ubah kode pada kotak yang ada symbol # ).

Dan hasil akhirnya akan seperti ini :

^[15]Anda dapat menambahkan style-style lainnya pada Blending Options, seperti Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Bevel and Emboss dll. Pokoknya pesan saya jangan berhenti mencoba yah. (source)

Selamat mencobanya, dan jangan lupa tulis komentarnya yah…Terima kasih…

Article printed from Komunitas Blogger Bekasi: http://bloggerbekasi.com

URL to article: http://bloggerbekasi.com/2010/06/30/efek-teks-mengkilap-dengan-photoshop-slick-glossy-text-effect.html

URLs in this post:

[1] Image: http://2.bp.blogspot.com/_3vrx-BWuGnI/SwaeymGTSPI/AAAAAAAAAIU/mENLvCj4vu4/s1600/text-6.png

[2] Image: http://2.bp.blogspot.com/_3vrx-BWuGnI/SwagIs77MkI/AAAAAAAAAIc/3EzQ8qbu3b8/s1600/character.gif

[3] Image: http://3.bp.blogspot.com/_3vrx-BWuGnI/SwagrQA1SqI/AAAAAAAAAIs/oVgckMbRG0g/s1600/move-tool.gif

[4] Image: http://1.bp.blogspot.com/_3vrx-BWuGnI/SwagrAjAc4I/AAAAAAAAAIk/2WtJ-waTDAY/s1600/type-tool.gif

[5] Image: http://1.bp.blogspot.com/_3vrx-BWuGnI/SwahrvSCSxI/AAAAAAAAAI0/pJVYH-0wvv8/s1600/text-1.gif

[6] Image: http://2.bp.blogspot.com/_3vrx-BWuGnI/Swahrwu--8I/AAAAAAAAAI8/RPzsQYf5lHI/s1600/elliptical-tool.gif

[7] Image: http://4.bp.blogspot.com/_3vrx-BWuGnI/SwahsCA3k4I/AAAAAAAAAJE/Nd_4DRGOAq4/s1600/text-2.png

[8] Image: http://1.bp.blogspot.com/_3vrx-BWuGnI/SwahsZPfu5I/AAAAAAAAAJM/MZmLGThRzlU/s1600/set-color-1.gif

[9] Image: http://1.bp.blogspot.com/_3vrx-BWuGnI/SwahsikWygI/AAAAAAAAAJU/JABPWwpVTlw/s1600/paintbucket-tool.gif

[10] Image: http://2.bp.blogspot.com/_3vrx-BWuGnI/SwakihejijI/AAAAAAAAAJc/97POLGldT_0/s1600/mark-1.gif

[11] Image: http://2.bp.blogspot.com/_3vrx-BWuGnI/SwalQO-lWnI/AAAAAAAAAJk/hs6mJtuxbas/s1600/text-3.gif

[12] Image: http://3.bp.blogspot.com/_3vrx-BWuGnI/SwalQdqhjOI/AAAAAAAAAJs/HdlvSmGFU4g/s1600/text-4.gif

[13] Image: http://3.bp.blogspot.com/_3vrx-BWuGnI/SwalQmOUA4I/AAAAAAAAAJ0/QO05D0qEbHc/s1600/fill.gif

[14] Image: http://2.bp.blogspot.com/_3vrx-BWuGnI/SwalQ9MyDEI/AAAAAAAAAJ8/TNwlNwmbgJg/s1600/text-5.gif

[15] Image: http://3.bp.blogspot.com/_3vrx-BWuGnI/SwalRHK62gI/AAAAAAAAAKE/4k4m_LlLgU8/s1600/text-6.png

Click here to print.