Tutorial : Buat Header Transparent

Assalamualaikum :)
Setelah beberapa jam, akhirnya siap juga proses design header Kak Pah kesayangan ku ini :) Kali ni, saya nak ajar bagaimana nak buat header transparent guna Pixlr. Saya takdak Photoshop, so saya guna Pixlr. Ni senang, takyah install install macam Photoshop. Dia ada online dah. Nak tengok contoh header transparent macam mana awak tengok blog SAYA and IRIS aka KAK PAH xD Let's get started.

Klik setiap gambar untuk tumbesaran Enfagrow lol :p

1. Klik link ni >>  http://pixlr.com/

2. Klik Open Pixlr Editor (Advanced)

3. Klik Open Image from Computer >> Pilih header  yang nak ditransparentkan



4. Kalau header dah keluar, biarkan dulu. Now, klik File >> New Image.


5. Satu kotak akan popped out.    Width and Height mesti sama dengan header yang korang dah create tadi. WAJIB Tick TRANSPARENT.


Satu image yang sama saiz dengan header korang akan keluar. Cuma background dia kotak kotak kecik kelabu putih macam chessboard. Maknanya transparent.

6. Toolbox >> Wand Tool

 

7. Halakan Wand Tool tu ke background putih header korang and KLIK ! Garis putus-putus akan keluar di keliling header tu >> Right-Click >> Invert Selection (Rujuk gambar kalau tak paham apa aku meraban ni) 


8. File >> Copy / Ctrl+C



9. Klik Image transparent tadi >> File >> Paste / Ctrl+V


10. Klik Ctrl +D untuk hilangkan garis putus-putus tu.

11. File >> Save As >> Akan popped out satu kotak ( MESTI SAVE AS PNG ) >> OK

12. Siap ! Bolehlah pasnag kat blog hangpas semua nanti k lol :3







Posted by at

30 comments:

  1. UnknownNovember 24, 2012 at 5:16 AM

    Awak.. Dekat mana nak buat header yang belum ditransparent itu?

    ReplyDelete
    Replies
    1. alia afendiNovember 26, 2012 at 4:20 AM

      Kita dah buat tutonya. Harap membantu. Kalau tak faham boleh tanya :
      http://tutolicious.blogspot.com/2012/11/tutorial-buat-header-guna-photoscape-34.html

      Delete
  2. UnknownJune 1, 2013 at 1:49 AM

    Jadi la, thanks a lot !!

    ReplyDelete
  3. UnknownAugust 16, 2013 at 8:42 AM

    Jadi lah..Ty sebab kasi tutorial

    ReplyDelete
  4. Light My JusticeSeptember 3, 2013 at 12:44 AM

    terima kasih :D ingatkan kena download photoshop je boleh buat. tayah susah susah melambatkan internet lagi. hehe

    ReplyDelete
  5. theathirahSeptember 5, 2013 at 12:20 PM

    thankss utk tuto yg ohsem ni ^_^

    ReplyDelete
  6. Nasharina SardiSeptember 15, 2013 at 1:10 AM

    wahh ! jadi ! thanks a lot !

    ReplyDelete
  7. Cloudy October 28, 2013 at 8:03 PM

    Jadi!! terima kasih... untuk tutorial.

    ReplyDelete
  8. UnknownNovember 17, 2013 at 6:59 PM

    Tutorial ni tipu! Tak jadi pun!

    ReplyDelete
  9. UnknownNovember 19, 2013 at 8:05 PM

    Thanks .. menjadi :)

    ReplyDelete
  10. ♥ Syahirah Sarian ♥November 20, 2013 at 11:59 PM

    nak transparentskan pada bahagian huruf mcm mana? katakan huruf B mesti da ade ruang kat dlam kan?

    ReplyDelete
  11. nur nadrah nadzriDecember 1, 2013 at 5:29 AM

    yeyyyy, jadilahh! thanks for tutorial :)

    ReplyDelete
  12. Ainun NadhiraaDecember 6, 2013 at 6:05 AM

    thanks sgat2 .

    ReplyDelete
  13. UnknownJanuary 11, 2014 at 7:59 AM

    thanks sangat ! jadi . :)

    ReplyDelete
  14. UnknownFebruary 4, 2014 at 1:03 AM

    mcm mana nak transfer gambar tuu jadi header kalo kita guna blogskin??

    ReplyDelete
  15. UnknownFebruary 15, 2014 at 5:46 AM

    Akakk , cane nak dapatkan URL gambar bile kite dah siap buat tu ?

    ReplyDelete
  16. AnonymousMarch 3, 2014 at 5:35 PM

    Thank you :D

    ReplyDelete
  17. UnknownMarch 21, 2014 at 9:53 PM

    tak jadi transparent pon! bila nak letak tu jadi warna kelabu!

    ReplyDelete
    Replies
    1. AntasyaFebruary 13, 2015 at 6:19 AM

      Saya rasa awak terlupe nak tekan right click dan invert selction.Saya mula2 jadi camtu tapi saya tengok balik tuto ni,saya terlupa nak invert selection :)

      Delete
  18. UnknownMay 29, 2014 at 7:18 AM

    Thank you ! :D

    ReplyDelete
  19. Fiqah AnneJuly 3, 2014 at 6:54 AM

    kenapa tak jadi? Kotak kotak kecil tu still ada.

    ReplyDelete
  20. UnknownOctober 6, 2014 at 1:42 AM

    tengss a lotsss... mmg jadi.. tengkiuu.. ^_^

    ReplyDelete
  21. Tepoh DockNovember 16, 2014 at 5:12 AM

    thank u...sgt membantu...

    ReplyDelete
  22. azzahDecember 20, 2014 at 1:16 AM

    thank you awak!

    ReplyDelete
  23. AntasyaFebruary 13, 2015 at 6:26 AM

    Terima kasih sbb tunjuk tutorial ni....Dah berjuta kali saya carik tutorial ni kat belog lain tak jugak jumpa...Terima kasih sesangat :)

    ReplyDelete
  24. wanyMarch 16, 2015 at 7:24 PM

    Jadi laaa.. tengkiu :)

    ReplyDelete
  25. UnknownMarch 20, 2015 at 8:43 PM

    thx dear :)

    ReplyDelete
  26. Fatin NabilaMarch 21, 2015 at 2:37 AM

    pixlr ni sama je kn mcm photoshop? tlong bls kt komen pos saya.. http://fanaaz97.blogspot.com/

    ReplyDelete
  27. {daniyoon}July 12, 2015 at 4:01 AM

    saya guna tuto ni

    ReplyDelete
  28. Dea AmaliaAugust 15, 2015 at 9:34 PM

    saya guna tuto ni akakaa

    ReplyDelete

Kalau dah jadi tu commentlah sikit sikit . Sebaris kata pun boleh. Asal jangan harsh words thank you :D

Subscribe to: Post Comments (Atom)