Rakan-rakan Blog

Tutorial : Cara Membuat Background Gambar Menjadi Transparent.

|
Untuk mereka yang ingin meletakkan gambar yang mereka sukai di Sidebar ataupun sebagai header mereka, adalah lebih mudah sekiranya anda mempunyai Adobe Photoshop. Anda boleh meletakkan tulisan ataupun gambar yang anda sukai. Biasanya kebanyakan kita tidak tahu bagaimana ingin menjadikan background gambar tersebut menjadi transparent. Untuk menjadikan background gambar yang anda letak menjadi transparent adalah dengan cara begini.


Langkah Pertama


Untuk tutorial ini, aku akan gunakan shoutbox aku sebagai contoh. Anda perlu membuka satu file baru dengan cara File > New. Langkah pertama adalah memilih lebar dan tinggi sesebuah gambar yang ingin di edit. Sebagai contoh untuk gambar di shout box aku, aku gunakan, lebar = 50 pixels dan tinggi = 400 pixels . Ini boleh diubah megikut kesesuai gambar yang anda pilih. Pastikan anda memilih 'transparent' di bahagian 'background contents'.



Klik gambar untuk tumbesaran



Langkah Kedua

Letakkan gambar ataupun tulisan yang anda mahu di dalam file yang anda akan edit tadi. Sebagai contoh, sila rujuk di gambar. Untuk pertanyaan, sila tinggalkan soalan dan link di chatbox aku.



Klik gambar untuk tumbesaran



Langkah Ketiga


Anda tidak boleh 'Save' sebagai file PNG ataupun JPEG biasa kerana ia akan menganggu transparent gambar tersebut. Cara untuk tidak menganggu transparent gambar tersebut adalah dengan 'Save for Web & Device'. Setelah anda tekan File > Save for Web & Device akan keluar satu window baru. Anda perlu 'tick' kotak transperancy dan seterusnya memilih untuk Save gambar tersebut sebagai PNG24. 




Klik gambar untuk tumbesaran


Klik gambar untuk tumbesaran


Klik gambar untuk tumbesaran


Langkah Keempat

Anda bolehlah men'transfer' gambar tersebut kepada domain picture di internet, contohnya http://www.photobucket.com ataupun http://www.imageshack.us dan anda boleh mengambil direct link tersebut untuk diletakkan di bahagian gambar di tutorial yang pertama tadi. Selamat mencuba.










P/S : Masih baru dalam bidang tutorial. Harap dapat beri tunjuk ajar yeah senior. :D

Pecah Kaca Pecah Simen, Sudah Baca Harap Komen. :)

Related Posts Plugin for WordPress, Blogger...
Photobucket
Protected by Copyscape Unique Content Checker