Wednesday 2 March 2011

Tutorial Header Transparent

Doodled by aL sYa at Wednesday, March 02, 2011
mesti ada yang berminat cemane nak wat header transparent macam kat blog ni (ataupun kat blog2 lain). senang je kalau ada Adobe Photoshop =)

1. Open Adobe Photoshop > File > Open > pilih gambar yang korang nak letak kat header

2. Right click kat 'Background' kat sudut bawah kanan. Duplicate layer gambar tu..





3. Lepas tu, tutup icon mata sebelah 'Background'.

4. Klik 'Eraser Tool', padam mana2 region yang tak perlu. Adjust size brush supaya korang senang wat kerja memadam tu. Lebih senang kalau korang view gambar tu secara gigantic-nya hehe. (gambar lebih kemas)



5. Dengan penuh kesabaran memadam, terhasil lah rupa ni..



6. Open File > New > Adjust size header korang nak. Contoh header blog ni, 940px x 250px. Pilih 'Transparent' kat 'Background Contents'.

7. Drag gambar yang dah dipadam sekeliling tadi ke new file. Adjust size dengan tekan ctrl+t lepas tu double click.

8. Letak la tulisan apa2. Nak tambah gambar lagi pun boleh, ikut kreativiti korang untuk hias header hehe



9. Bila dah yakin siap, open File > Save for Web & Devices > Pilih PNG-24 kat 'Preset'



10. SELESAI!!

p/s: ada masalah apa2 habaq mai kat cek taww~ =p

2 budak suka tunjuk gigi:

Hyun Ae on 7 March 2011 at 16:35 said...

camne nak letak header tu plak eh?

aL sYa on 25 May 2011 at 00:13 said...

sorry lmbt reply.. x pasan... heee..

nk letak tu edit template je.. ada bahagian header kn? so upload je dr situ..

ataupun, certain template mmg dh siap sekali dgn header, so replace je link header asal tu dengan link header baru ni..

selamat mencuba =)

 

aL sYa Copyright © 2011 Blog aL sYa Yang Punyaa