membuat transparent image / text apear seakan 3D(simple step)

Tutorial kali ini nak tunjuk cara-cara membuat trasparent image/text menggunakan adobe photoshop. Trasparent image/text ialah satu image/text yang mempunyai bahagian yang tembus/ visiblility nya 0%. image/text transparent ini dapat menghasilkan view yang lebih menarik sekiranya diapply kepada corak yang bersesuaian. sebagai contoh, anda boleh melihat screen shoot website yang saya create ini.

 

hehe, lawa tak? tulisan u-mart diatas adalah transparent. baiklah,tanpa membuang masa, mari saya tunjukkan caranya.

step 1 : open adobe photoshop (saya menggunakan adobe photoshop CS5)

step 2 :  tekan ctrl+N untuk create satu project baru. select dimension seperti dibawah ataupun terpulang kepada anda

tekan ctrl serentak dengan huruf N

step 3 : pilih text tool,yang bersimbol T dekat panel sebelah kiri tue.kemudian, taip apa yang anda rasa nak taip.

step 4 : setelah selesai menaip, anda right-click pada layer tulisan anda tadi, dan pilih blending option

right click untuk pilih blending options

step 5 : setelah itu, pilih tick drop shadow,bevel and emboss, dan color gradient. untick color gradient sekiranya anda tidak ingin menukar color, di bahagian drop shadow, set angle ke 90 manakala di bahagian bevel dan emboss, tukar inner bevel ke emboss.

option layer style

step 6: setelah siap, anda tick symbol mata background di bahagian layer panel. dengan itu, anda akan mendapat satu bahagian yang tembus/transparent

untick symbol mata background

hasilnya begini

step 7 : savekan sebagai .png , namakan apa-apa sahaj yang anda mahu, dan klik save

save sebagai png

 step 8 : PNG options akan timbul, select interlaced dan klik OK. anda telah berjaya :)

pilih interlaced dan hit OK

hasilnya akan jadi begini sekiranya anda open menggunakan photo viewer. selamat mencuba..

the result