Monday, 14 June 2010

TUTORIAL BUAT HEADER

Hai bloggers!
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!




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 buruk ini





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 ^_^


Psstt // Ada sesiapa perasan tak belog i dah lebar sedikit, lalala~



51 orang tinggalkan komen:

  1. sangat comelll KAH KAH KAH tiba tiba macam suka betul lah *ehem ehem ;p

    ReplyDelete
  2. c0mel header baru...hhuhuhu nway thnx f0r sharing... ;)

    ReplyDelete
  3. comel header!!!

    zirafah ngan gajah tu lukis sendiri ke? comellllllllllllll..

    ReplyDelete
  4. saya perasan! blog ni dah lebar sikit..hehe..btw, header baru comel! XD

    ReplyDelete
  5. @ Liyanaa. i dah 10 kali tukar header -__-"

    ReplyDelete
  6. @ zarith header i macam budak-budak ^_^

    ReplyDelete
  7. @ Yeyen maluuu jangan cakap camtu. Header i macam kanak-kanak riang hahha

    ReplyDelete
  8. header sgt comel..akk nk cube la..semlm godeh2 nk wat header tp xreti gune PS..huhuhuhu

    ReplyDelete
  9. @ cik aiLebiu terima kasih. Dah 10 kali bertukar. *maluu*

    ReplyDelete
  10. @ ♥Hernee Nazir♥ akak kena cuba. Ini dah ada tutorial. Senang jer :)

    ReplyDelete
  11. i am waiting for this dear :-)

    ReplyDelete
  12. takde photoshop le aily
    jelesnye

    ReplyDelete
  13. @** a i l y **

    i try buat. huhu teng0k la header bru i..tp xcantek p0n...huhu

    ReplyDelete
  14. cantek2..yr header. pasnie nk wat la plak..hee =))

    ReplyDelete
  15. @ nabil_potter thank you! sharing is caring :)

    ReplyDelete
  16. @ .:Azreen:. ok now this tutorial is for you. Simple je guna photoshop untuk mendapatkan 1 header yang tak blur lagi!

    ReplyDelete
  17. @ Hazzy Ishak boleh downloadlah dari internet. Tak rugi sebab photoshop banyak kegunaan dia. :)

    ReplyDelete
  18. eh u lukis sendiri ke?
    hebatnya.
    i pun masih parkinson nak tulis2 gitu.
    hihihihi.
    :)
    so sweet.

    ReplyDelete
  19. @ dak eina (◕‿◕) waah sangat cepat. Ok nanti i terjah.

    ReplyDelete
  20. aily,tunjuk carra camne nk upload plak..sy buat jadi haru biru..ampeh jek

    ReplyDelete
  21. ha'ah
    dah lebar sikit lah
    macam mana ailyl buat?
    share pepelisss
    heheheee

    ReplyDelete
  22. hai cute..
    tapi makcik suke header u yang dulu..muka2 comot tu..cute sangat..

    ReplyDelete
  23. header ailyl skrg ni mmg dah cukup comel.childish tp comel..:)

    ReplyDelete
  24. hoh.comel amat .cm bdk2.
    sy perasan header kamu dh lebar
    :)

    ReplyDelete
  25. ahh too bad i dnt have photoshop -.-'

    ReplyDelete
  26. owh. patutla header sy mcm pecah skit. lawa header skg. tp hader sblm nih lg cute. hehe

    ReplyDelete
  27. ermm...nak kena belajar lagi nih..huhu...thanks cikgu

    ReplyDelete
  28. hihi tapi stil comel macam dulu :) thnks 4 da tips

    ReplyDelete
  29. wah canteeek!
    tp i xde ni Adobe Photoshop + Adobe Illustrator!

    ReplyDelete
  30. comelnye blog.haha.aduhai.semua nak comel2.

    ReplyDelete
  31. jeles tgk blog ailyl nih.. hehee.. pasni nak buat header lah.. haha

    ReplyDelete
  32. Jadilahh buat tapi takk secantek header blog ni yang sungguh seksi headernye ;p

    ReplyDelete
  33. hmm , 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 .

    ReplyDelete
  34. kalau gune GIMP 2.6 bole tak kak ailyl?

    ReplyDelete
  35. hye..camane nak letak gmbar sendiri kat header tu?...

    ReplyDelete
  36. ailyl, can i request another tutorial for this, sbb teringin na comel2 gini, ada gambar lg, soo kalau free nnt tolong tunjuk ajar yea, :)

    ReplyDelete
  37. nampak simple. p bler buat macam susa jew. adooii.~

    ReplyDelete
  38. mne nk dapat photoshop free??gtaw... =)
    maseh..

    ReplyDelete
  39. cmne nk ltk header yg de font n gamba skali ek ?

    ReplyDelete
  40. haihh...pro photoshop rupenye.. illustrator pn pndai guna lagi.. cayalah! tapi ade ke photoshop free? woo.. blh kne saman tu...

    ReplyDelete
  41. babe . 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 :)

    ReplyDelete
  42. wak.... kmu wt ni cmna??? gna adobe photoshop cs2 ka????

    ReplyDelete
  43. ailyl..da cube care nie...da jadi pun..tenkiut ailyl cute =)

    ReplyDelete

Popular tapi tak popular sangat. Pernah baca?