Photoshop: Glass Text CS5 Tutorial

Selepas mengaplikasikan teknik design baru ini pada salah satu design pelanggan terkini, saya rasa nak kongsi sebab nampaknya taklah sesukar mana pun nak buat bentuk ini. So, pelan-pelan kayuh… Insyallah akan dapat hasil yang hampir sama @ lebih baik lagi. 🙂

Ini adalah hasil akhir tutorial ini.

Buka canvas baru apa jua saiz. Jangan terikat dengan tutorial yang disediakan tetapi sentiasa bersikap santai untuk mempelbagaikan design mengikut GAYA anda sendiri.

Warnakan canvas dengan warna kelabu #404040 >> shift + F5 >> pilih warna #404040 >> OK.

Saya telah memberikan sedikit kesan khas lapisan papan (akan ditayangkan tekniknya pada tutorial akan datang). Oleh kerana ia memakan masa sebuah tutorial baru untuk membinanya, maka saya tak akan menceritakannya di sini.

Anda boleh memilih untuk meletakkan elemen sebegini pun. Kosong pun tak apa.

Bina sebuah layer baru – kemudian aktifkan brush (B) anda seperti tetapan dia atas.

Kalau anda menggunakan Adobe CS5, maka anda akan ada 3 pilihan jenis brush. Untuk memilihnya >> aktifkan Brush (B) >> klik kanan pada canvas >> pilih brush anda. Jadi untuk kali ini, mana2 jenis brush pun tak apa. 🙂

Pilih warna foreground #FFFFFF >> bina layer baru >> dan apply brush (B) pada imej.

Hasilnya seperti ini. Akan terdapat sedikit kesan khas bercahaya di bahagian tengahnya (kerana anda menggunakan warna putih tadi #FFFFFF).

Buat tulisan text (T) seperti tetapan di atas. Saya hanya menekankan pada anak panah jenis tulisan dan Bold shj. Yang lain, ikut sukalah. 🙂

Relaks.. ikut sahaja kemahuan anda. Anda akan lebih mahir untuk bermain dengan layer style jika anda tak terlalu mengikut saya sangat.

Seterusnya, setelah tulisan di atas dibina, klik dua kali pada layer TEXT ini (klik kanan pada layer >> blending options) >> apply style di bawah padanya.

Hasilnya seperti di bawah.

Wow… dah nampak sedikit kesan gelas (glass) bukan? 🙂 sedikit sahaja lagi.

Seterusnya, dengan menggunakan Rectangular tool (U) >> bina segi empat tepat memanjang seperti di atas. Lakukannya DI ATAS semua layer yang lain.

Copy dan Drag adalah cara yang mudah untuk menduplikasikan semua bentuk segi empat ini. Caranya >> Klik kekunci ALT >> Klik pada segi 4 >> tarik layer tersebut ke kanan OR ke kiri. Sure akan berlaku duplikasi. 🙂

Tidak kisah berapa banyak segi empat yang anda bina – yang penting pastikan anda melakukannya sehingga hujung. i.e. GLASS TEXT saya buat dari mula huruf G sehingga T yang terakhir.

Pilih semua segi empat dengan klik + shift pada semua layer.

[fb_wpress_content_locker]

Group kan mereka semua dengan klik Ctrl + G. Namakannya sebagai Glare.

Convert folder GLARE kepada smart object >> klik kanan pada folder >> Convert to Smart Object.

Free transform kan ia (ctrl + T) >> klik kanan >> Perspective untuk membengkokkan semua segi empat ini.

Tarik titik tengah bahagian bawah (lihat imej) dan tarik ke kanan @ kiri dan hasilnya spt di atas. Nampak tak center kan?

Dengan Move Tool (V), anda tarik ke kiri semula untuk centerkannya. Jika anda lihat, ia memenuhi semua text GLASS TEXT bukan? Ini sebabnya saya minta anda bina jalur segi empat ini dari penjuru ke penjuru ayat.

Select pada TEXT ‘glass text’ >> Ctrl + klik padanya namun sentiasa pastikan anda sentiasa mengaktifkan layer susunan segi empat yang sudah serong tadi. Lihat imej.

Lihat saya bulatkan di mana. Klik padanya dan ia akan mengaktifkan Layer Mask. Dan oleh kerana anda memilih sebahagian daripada canvas anda iaitu pada keliling TEXT anda sahaja maka anda akan lihat kesannya adalah sangat berbeza. 🙂

Seterusnya turunkan opacity GLARE kepada 10% sahaja. Ia akan menjadikan layer ini lutsinar.

Pilih semula TEXT anda >> Ctrl + klik pada layer TEXT anda dan pastikan anda dapat seperti di atas.

Pilih fungsi Contract melalui kaedah di atas >> tugasan anda adalah untuk mengecilkan pilihana anda sedikit kepad 1 piksel ke dalam. Setelah memilih, klik OK.

Tetapkan 1 – 1 piksel; pilihan anda tadi akan mengecil (contracted) sebanyak 1 piksel.

Aktifkan Brush (B) anda semula dan buat tetapan seperti di atas. dan jangan lupa juga bina satu layer baru lagi >> klik NEW LAYER.

Lihat di atas >> layer baru telah saya namakan Shadow Below dan dengan Brush (B) tadi, aplikasikan warna putih #FFFFFF pada bahagian bawag pilihan anda tadi.

Anda boleh klik banyak kali supaya ia mendapat texture yang paling anda suka. Untuk melihat hasil kerja anda tadi, klik mata pada 2 layer di bawahnya (text GLASS TEXT dan glare). Setelah berpuas hati, deselect (Ctrl + D)

Nudge – dengan menggunakan anak panah pada keyboard anda >> klik ke bawah sebanyak 2 atau 3 kali mengikut kesukaan anda supaya layer paling latest anda bina tadi dengan Brush (B) akan turun ke bawah sedikit spt dlm imej.

Ohohohooo… hiaslah sedikit dengan kesan glitter di sekelilingnya dan NAH! Selesai! Nampaknya bukan saya seorang sahaja yang berjaya membinanya hari ini. 🙂

Anda boleh juga mempelbagaikan penggunaannya seperti di atas, saya gunakan untuk membina cermin kaca yang boleh anda tulis di atasnya. Menarik bukan? 🙂

Selamat mencuba~

[button radius=’3px’ background=’#111111′ border=’#111111′ color=’#ffffff’ link=’http://gm.t6zxfghybp-ewx3l9p5k3zq.p.runcloud.link/wp-content/uploads/2010/08/10glasstext/glass-text.zip’ window=’yes’ size=’big’] Download Fail PSD Tutorial Ini [/button]

[/fb_wpress_content_locker]