Ini adalah tutorial header yang simple. Ramai yang tanya dan minta ajar cara buat header untuk blog. Ok now, saya nak tunjuk dia punya basic macam mana nak buat header dengan menggunakan Adobe Photoshop.

Ini header terbaru saya, agak childish. gagaga -__-"
hampir 10 kali bertukar header. Ini menggunakan Adobe Photoshop + Adobe Illustrator!
hampir 10 kali bertukar header. Ini menggunakan Adobe Photoshop + Adobe Illustrator!
DASHBOARD > DESIGN > EDIT HTML
Mula-mula pergi cari berapa size header blog korang. Contoh seperti di bawah ialah saya punya size header 860px.

Sila buka Adobe Photoshop ( saya mengunakan Adobe Photoshop cs2)
KLIK FILE > NEW
Width = masukkan size header blog anda
Height = ketinggian header mengikut selera masing-masing
Resolution = Set kepada 100
Color mode = RGB 8 bit
Background content = transparent
Dah siap set, sila klik OK.

Hasilnya akan keluar 1 tab seperti di bawah

Okay, mulakan melukis mengikut kreativiti anda dengan menggunakan tools yang ada di sebelah kiri! Ok siap. Sekarang ialah masa untuk SAVE artwork

Ok untuk header blog, cara save adalah amat penting sekali untuk memastikan resolution header blog anda tak akan blur dan nampak seperti berbintik-bintik dan juga pecah apabila telah diupload ke blog nanti. Cara yang paling selamat untuk mengelakkan ini berlaku ialah :
Ini rahsianya,
KLIK FILE > SAVE FOR WEB (sila setkan PRESET kepada PNG-24)
OK siap. Kemudian boleh upload header ke blog macam biasa! Header kali ini akan nampak bersih dan tanpa blur lagi! SELAMAT MENCUBA ^_^
Ini rahsianya,
KLIK FILE > SAVE FOR WEB (sila setkan PRESET kepada PNG-24)
OK siap. Kemudian boleh upload header ke blog macam biasa! Header kali ini akan nampak bersih dan tanpa blur lagi! SELAMAT MENCUBA ^_^
Psstt // Ada sesiapa perasan tak belog i dah lebar sedikit, lalala~





sangat comelll KAH KAH KAH tiba tiba macam suka betul lah *ehem ehem ;p
ReplyDeletezantek okay!
ReplyDelete:)
c0mel header baru...hhuhuhu nway thnx f0r sharing... ;)
ReplyDeletecomel header!!!
ReplyDeletezirafah ngan gajah tu lukis sendiri ke? comellllllllllllll..
saya perasan! blog ni dah lebar sikit..hehe..btw, header baru comel! XD
ReplyDelete@ Liyanaa. i dah 10 kali tukar header -__-"
ReplyDelete@ zarith header i macam budak-budak ^_^
ReplyDelete@ dak eina (◕‿◕) thank you eina! Sharing is caring
ReplyDelete@ Yeyen maluuu jangan cakap camtu. Header i macam kanak-kanak riang hahha
ReplyDeleteheader sgt comel..akk nk cube la..semlm godeh2 nk wat header tp xreti gune PS..huhuhuhu
ReplyDelete@ cik aiLebiu terima kasih. Dah 10 kali bertukar. *maluu*
ReplyDelete@ ♥Hernee Nazir♥ akak kena cuba. Ini dah ada tutorial. Senang jer :)
ReplyDeletethanks for da info :)
ReplyDeletewah..best best
ReplyDeletei am waiting for this dear :-)
ReplyDeletetakde photoshop le aily
ReplyDeletejelesnye
@** a i l y **
ReplyDeletei try buat. huhu teng0k la header bru i..tp xcantek p0n...huhu
cantek2..yr header. pasnie nk wat la plak..hee =))
ReplyDelete@ nabil_potter thank you! sharing is caring :)
ReplyDelete@ Fina Fento cepat try ;-P
ReplyDelete@ .:Azreen:. ok now this tutorial is for you. Simple je guna photoshop untuk mendapatkan 1 header yang tak blur lagi!
ReplyDelete@ Hazzy Ishak boleh downloadlah dari internet. Tak rugi sebab photoshop banyak kegunaan dia. :)
ReplyDeleteeh u lukis sendiri ke?
ReplyDeletehebatnya.
i pun masih parkinson nak tulis2 gitu.
hihihihi.
:)
so sweet.
@ dak eina (◕‿◕) waah sangat cepat. Ok nanti i terjah.
ReplyDeleteaily,tunjuk carra camne nk upload plak..sy buat jadi haru biru..ampeh jek
ReplyDeleteha'ah
ReplyDeletedah lebar sikit lah
macam mana ailyl buat?
share pepelisss
heheheee
hai cute..
ReplyDeletetapi makcik suke header u yang dulu..muka2 comot tu..cute sangat..
header ailyl skrg ni mmg dah cukup comel.childish tp comel..:)
ReplyDeletehoh.comel amat .cm bdk2.
ReplyDeletesy perasan header kamu dh lebar
:)
Comel , lol . Thanksss :)
ReplyDeleteahh too bad i dnt have photoshop -.-'
ReplyDeleteowh. patutla header sy mcm pecah skit. lawa header skg. tp hader sblm nih lg cute. hehe
ReplyDeleteermm...nak kena belajar lagi nih..huhu...thanks cikgu
ReplyDeletethanks for sharing
ReplyDeletehihi tapi stil comel macam dulu :) thnks 4 da tips
ReplyDeletewah canteeek!
ReplyDeletetp i xde ni Adobe Photoshop + Adobe Illustrator!
comelnye blog.haha.aduhai.semua nak comel2.
ReplyDeletejeles tgk blog ailyl nih.. hehee.. pasni nak buat header lah.. haha
ReplyDeleteJadilahh buat tapi takk secantek header blog ni yang sungguh seksi headernye ;p
ReplyDeletehmm , sye tade photoshop . sye ta reti la nk bwt . ta twu nk gne photoshop , bwt kn bule? . hehe . maen2 je la . kalo nk bwtkn lagy bgoz . hehe .
ReplyDeletekalau gune GIMP 2.6 bole tak kak ailyl?
ReplyDeletesusah laaa~~~ huuuuu
ReplyDeletehye..camane nak letak gmbar sendiri kat header tu?...
ReplyDeleteailyl, can i request another tutorial for this, sbb teringin na comel2 gini, ada gambar lg, soo kalau free nnt tolong tunjuk ajar yea, :)
ReplyDeletenampak simple. p bler buat macam susa jew. adooii.~
ReplyDeletemne nk dapat photoshop free??gtaw... =)
ReplyDeletemaseh..
cmne nk ltk header yg de font n gamba skali ek ?
ReplyDeletehaihh...pro photoshop rupenye.. illustrator pn pndai guna lagi.. cayalah! tapi ade ke photoshop free? woo.. blh kne saman tu...
ReplyDeletebabe . i dh bt macam youu bt . eheee . tp ta berapa pandai lg . tp ta reti nak letak gambar dkt header laa. sng2 you bt lg ea. thx taww :)
ReplyDeletewak.... kmu wt ni cmna??? gna adobe photoshop cs2 ka????
ReplyDeleteailyl..da cube care nie...da jadi pun..tenkiut ailyl cute =)
ReplyDelete