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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpTPVFC6bJ2KUhCxtXjOdCgmi4tr01wLhQvk6YG9erp5URuCMQ8ZmO_sLYwX4hbmZMofYA8kWmI9ZC9rTHmHECSNerSe1_2rnkgjXq-NRyiQBFCOtkbgx-dP9OGLxRcox4CBvqOYmFCA93/s320/Psd.png) |
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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSYERsCpgcFDTGNxJblqF7kRsNXIFdNJkxvTiHDIWXmgSHoOJ1tlPyhRxcOlMpxYKWEH-fYRSS75Sapx8JVs0tzzPbXy4XwNT2PyFb-Gow7lKPjv-9YMXcrVYxsjrvmzOlsN9ARqZ2E39O/s320/psd2.png) |
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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhapFAnnUNxebHiksxlktJWdlK1dQzOJCKH4u9roINethGZC4zFfRGUswPy3xaPVp3HM37nDe9qcYTVVrxKoblq4YCSoiv-ntOCNI1PL1uDd1MDNNltSTy8yGZwfBRnN54N6nSZ5gYwoQ8_/s320/psd3.png) |
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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-QVcnLMDBT5Px6kUbtAzHJbFoaB91DJGLpA0CRha_tQ59d1T1gfkjQLw_Wm33iW8eEXEqvC1KJv7HMwMBcMqFGKa9S28xIb6oQ4tvyAJkw9aCF9ENFkMxmPtcRoA1RZf_2-yCZJCz8AQV/s1600/psd10.png) |
untick symbol mata background |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0RDrBC7J-h5SPXXtzq_9VhatEFYaS2cELzM1GwetJUQ_CHV7lpB1en4rpEdApFpYQMzk3khJMfb8xmrYZRtvGNipUfi-gecsJFl16t0rYmVe2EHlrjIlqOBsM5qSqa9S9szWXMdsyGLB/s320/psd6.png) |
hasilnya begini |
step 7 : savekan sebagai .png , namakan apa-apa sahaj yang anda mahu, dan klik save
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimE_iPYzdCZyif378hJM934h7GDgMkyx_hDRIIDPP085hB9GY8-QtvfAdaEmQ7RmwWWsl8aGuP-Trb37KGik2YZEAP1YjqmcR0ljhTgbUzu3X5jGi2tc2d421Oh2XVNb6cemj9I5iNxVBB/s320/Psd7.png) |
save sebagai png |
step 8 : PNG options akan timbul, select interlaced dan klik OK. anda telah berjaya :)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgozvexkBu0R9lEoBsZb0wCjFS6rRb8k_DmnjlSurolVt3R5C7vVREbBb09dp1i5I9tXCmAwdsZTwPVqBJyBg5LpNE_ceXSAoPeiOy9W8lxFU0SzFett7e_Whpk7qFpGklrx0vvQ9WLCG7u/s1600/psd8.png) |
pilih interlaced dan hit OK |
hasilnya akan jadi begini sekiranya anda open menggunakan photo viewer. selamat mencuba..
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7eOmeu8CVUk0vDQrjf-m4M2HzaxE8lGUioV2JkVHOtlH2a7bEuTycyh54blBVKFvMVY2NsL43HoDwfY4iV7YPVbWnxiNUF7AKjSrYgWUgt7J0lNzn89LHvppdPMCLAaXlXGZ3ZVGEeWia/s320/psd9.png) |
the result |
Tiada ulasan:
Catat Ulasan