Tutorial : Cara Membuat Header Transparent Tanpa Photoshop
DIINGATKAN, ENTRI NIE PANJANG.
Assalamualaikumm
okay, dah lama kan korang mintak tutorial nie ? and malam nie, sementara azza free, azza nak mengajar korang macam mana cara nak buat header transparent macam azza nie, warna purple gituu, wahh, tapi simple mimple je lah, azza pun masih baru dalam dunia mengodek header nieh, ekeke, kang ada berita, azza bagi tau kat korang plak ye.
okay, tanpa berlengah lagi, azza meh rapat rapat, budak pmr, 15 tahun nieh nak mengajar korang .
pertama korang kena ada ;- photoscape (download here)
gimp 2.6 (download here)
* gambar gimp 2.6 korang bila dah di download *
okay, dah siap download ? download pun kejap aja tau, tak lama lama punya, ada jeh dalam 2 3 minit, okay, pertamanyaaa, korang bukak korang punya photoscape tau . bila korang dah bukak, korang terus menuju kepada editor tang camera comel tu tau ^^ . lepas tu korang edit lah korang punya word ke, gambar ke kat situ, nie contoh yang azza buat, buruk ja, pukul 9 tadi baru buat screenshot nie tau, hangat hangat lagik, hik
nampak tak apa yang azza buat tu ? apa? tak nampak ? siapa yang tak nampak, pendek umur ya, hiks, okay okay, joking sajaa, yang tu korang pandai pandai ah edit okay, azza percaya, korang kan kreatif, hik
okay, then, bila dah save, korang buka pula korang punya gimp 2.6 tu, yang nie konflik skit, so diingatkan, berhati hati dengan tutorial nie okay .
okay, korang klik korang punya gimp 2.6, korang masuk dekat File - Open . Then dekat open korang tu, korang akan jumpa iniiii, tengok bebaik ea .
okay, nampak tu ? then korang pilih folder yang korang save header tadi, macam azza, azza save nama test so azza pilih yang test . jadi, nampak kan ? haa, dia akan jadi gituu, kat sini lah memainkan peranan macam mana nak transparentkan gambar, okay, tengok bebaik tau .
daripada ada putih, jenggg3 tengok apa yang keluar .
okay, nampak itu ? tiada dah kan putih tu semua ? haa, tu lah yang dinamakan transparent, so untuk buat macam tu, korang tengok plak nie .
right klik - image - layer - transparency - add alpha channel
kalau trsalah eja, azza mintak maaf ye, hehe, okay, korang klik korang punya add alpha channel tu then korang tekan fuzzy dan dalam masa yang sama tekan button DELETE dalam keyboard yang memainkan peranan delete gambar putih tadi, gambar fuzzy yang azza dah petakkan dalam gambar dia atas .
okay, nampak tu ? then korang pilih folder yang korang save header tadi, macam azza, azza save nama test so azza pilih yang test . jadi, nampak kan ? haa, dia akan jadi gituu, kat sini lah memainkan peranan macam mana nak transparentkan gambar, okay, tengok bebaik tau .
daripada ada putih, jenggg3 tengok apa yang keluar .
okay, nampak itu ? tiada dah kan putih tu semua ? haa, tu lah yang dinamakan transparent, so untuk buat macam tu, korang tengok plak nie .
right klik - image - layer - transparency - add alpha channel
kalau trsalah eja, azza mintak maaf ye, hehe, okay, korang klik korang punya add alpha channel tu then korang tekan fuzzy dan dalam masa yang sama tekan button DELETE dalam keyboard yang memainkan peranan delete gambar putih tadi, gambar fuzzy yang azza dah petakkan dalam gambar dia atas .
okay, dah dapat tangkap ? then, selepas dah siap, korang dah boleh save ! masuk file balik - save a copy then korang akan nampak petak nie .
save pada PNG tau, korang tengok plak setting yang azza buat nie, ikot bebetul apa yang azza tick .
haa, gitu, sekarang korang dah ada header ttransparent, macam mana nak masukkan dalam blog, macam nie caranyaa, korang ikut nombor nie tau .
last sekali, save lah, tak puas hati ? apa kata korang preview, bila dah preview automatik akan jadi macam nie !
alhamdulilah siap sudah, sekarang tamatlah sesi kita pada malam nie, jumpa di malam esok dengan tutorial menu bar daripada azza, sekian, terima kasih, gudluck :))
oww,,mcm senang,,eheheh,,leyh try ni,,tenkiu cikgu azzafirza cumeyl!~:)
ReplyDeletemakna kata bukan buat pakai photoshop la ni..
ReplyDeletethanks dik. nak try :D
ReplyDeletedah lama cari ni.
http://fentomatte.blogspot.com
cara nih lagi senang .. tankiu :)
ReplyDeletemuda2 lagi dah pandai ya...tahniah azza..tutorial kamu selalu mudah faham dan best!
ReplyDeleteTiPs mEnGgOrEnG iKaN KeLi dEnGaN sElAmAt"
azza...
ReplyDeletewalau umur muda, gigih ya carik ilmu yg berkaitan dgn blogging...Cayalah azza..saya pun tgh nak belajar buat header..buruk benar blog saya takder header..nanti kalau dah siap, saya bagitau ya..
Thanks Azza
a'ah.. cam senang tp x sempat nk wat lg.. ^_^
ReplyDeleteok fine..
ReplyDeleteakak mu yg x kreatip n buta IT ni nak try..
hehehe..
kalu tgk kat blog xdak tuh mksudnya x jadik..huhuhu
thanx budak pmr!!! =)
azza, teman dah try bt tapi awat ble tiba nak tekan fuzzy n delete, sume jadi dot???
ReplyDeletex jadi cam azza..huhuhu
nice ! thanks for sharing ya..:)
ReplyDeleteTq dik...
ReplyDeletebleh blaja wat bg cantik2...
http://nurwanniey.blogspot.com/
thanxz azza..!!
ReplyDelete@zie~azharizalira'z
ReplyDeletecumey ke ? hehe, welc dearr
@sawn
ReplyDeleteyep, ekeke
@Fina Fento
ReplyDeletebaiklah, gudluckk
@myzasuki
ReplyDeletewelc, hehe
@KELI OH KELI
ReplyDeleteehehe, anugerah, thanks btw :))
@nanne_manja
ReplyDeletehehe, baiklah, welc, gudluckk
@farra8979
ReplyDeletehehe, nnt wat lah :))
@qyqa
ReplyDeleteuik tak boleh ? try tekan leklok
@puteri ain
ReplyDeletewelc :))
@Nurwanniey
ReplyDeletewelc :))
@xeera mellowly
ReplyDeletewelc :))
thanks for this tuto.. ina
ReplyDelete@Anonymous
ReplyDeletewelc ina .
azza,thnks :)
ReplyDeleteazza,fuzzy tu ape?
ReplyDelete@Amera Amir
ReplyDeletebutton untuk hilangkan background yang kita tanak :)
Salam azza...
ReplyDeleteBoleh bantu Fadah tak untuk buat header transparent nie...
fadah x berapa pandailah...
aida kurang paham la macam mane na edit pic gne photoscape?.buad ta jadi.
ReplyDeletethanks !
ReplyDeletetq cikgu azza..:D..
ReplyDeletep cam ne nak wat tmpt header tu transparent???klo sye de wane putih...blakang pmr candidate tu x de wane papekan..p sye de warne putih la..camne eak nak ilangkan warne tuh...:))
@fadah
ReplyDeletefadah : di facebook ye :)
@aida_story
ReplyDeletetry lagi ye syg :)
@tasya :)
ReplyDeletewelc :)
@juesamm minx
ReplyDeletecara tu laa yg azza ajarkan tu, ekeke
xpaham laa part fuzzy uh , dah try tkan u and delete button serentak , then pix trus hilang .
ReplyDelete@Nienyz Ayub
ReplyDeletepict terus hilang ? erk, kan azza aja nak bagi kaler putih je ilang .
thnxx azza wanna try la
ReplyDeleteerm akak , boleh tlg buatkan adek header tak ?
ReplyDeletenie belog adek , www.bumisayacantik.blogspot.com
kalau mintk tolong buat , kene bayar ke ?hehe
thnx azza...nk try wat laaa...hope menjadi..hehe..tapi an kat header ade ltak pic kite..cmna yer?? ley aja x?
ReplyDelete@=.= Cik Nami =.=
ReplyDeletehehe oke, gudluck :))
@pada
ReplyDeletehehe, maaf ye, azza tramat bz skrgg :)
@SuNsHiNe
ReplyDeletejust letak, sama jugak apa yg azza ajarkan tu :)
terima kasih <3
ReplyDelete@ OmBaNgAmBinG
ReplyDeletesama sama :)
terima kasih dik :)
ReplyDeletejadi..alhamdulillah :)
eyrah buat x jadi la..transparent dah jadik..tapi gamba besar bila masukkan dalam blog..sampai x muat blog..mcmana nak kecilkan gamba tu..??
ReplyDeletekalo yg pakai 3.5 plak mcm ane?
ReplyDelete@Sarah
ReplyDeletekalau 3.5 azza tatau ye, sorry
@nur syahirah (sahabat selamanya)
ReplyDeleteubah lebar dan tinggi :) setkan pada num kecil ea
Salam , kak azza . kt mne akk dpt emplate ni ? sye ske lah yg jnis cm ni tp x tau nk cri kt mne , thanks
ReplyDelete@Ana
ReplyDeletewslm syg, akk dapat kat mana entah, lupaa, hekk
gimp 2.6 tu mmg memerlukn mse yg lme ke ?
ReplyDeleteTHX for sharing
ReplyDeletehuhu . nak try laa . thx kayy :)
ReplyDeletethanks....jdi dh....=)
ReplyDeleteAzza, saye try buat tapii tak jadi. Header saye ade putih2 kat blakang tu.mcm tak transparent sepenuhnyaa. mcm mne ye?
ReplyDeleteakq.,time kaseh...tut0 ney sng laa...mnjady pon
ReplyDeletetak de pun save PNG tu..kat aner erk? tolong..
ReplyDeleteHy. Sy dh buat, tapi masa nak tekan fuzzy dan serentak dgn delete kan dia delete satu gambar tu. Maknanya satu header tu transparent. Ha, macam mana tu? Dah try banyak kali.
ReplyDeleteSalam c:
ReplyDeleteNak dapat bendebende yang macam love kecik atas pmr candidates tu kat mne. nak ambil kat ner?
thanks azza 4 this tuto.. i'm really appreciate it :)
ReplyDeleteazza btol ke azza ad buat header percuma? Boley x saya nak sertai? Kalo x boley x apee.. sbb dh lama sy nak header percuma.. harap azza balas ea. (:
lmbtnyee nk donlod gimp tuh hukk
ReplyDeletehala...xpandai lah..lepas nk save pastu tukar png, dh lost dh..ntah kemana2 je pergi..help!help!
ReplyDeletetanx , cikgu kite nieyh !
ReplyDeleteterime kasih .. jady ! yeay
ReplyDeletethanx azza! sgt mmbntu! at first susah jgk sbb x reti gune gimp tu hehe btw nice work!
ReplyDelete@Anonymous
ReplyDeletewelc :D
@WanWanass
ReplyDeletewassalam. tu kat photoscape syg :D
@Irah Adrianna
ReplyDeletebuat dulu, skarang dah tak, hihi :D
@erleena
ReplyDeletesabar, kikikik
@H a n a
ReplyDeletehekk, cari laa simpan mana tu smuaa :)
@aye aye beary !!
ReplyDeletesama sama :D cikgu ea ? hiks
@cma
ReplyDeletewelc, happy blogging :D
Kak azza ley x sye nk tnya satu tutorial?? ermm tutorial dye cm niyh kn yg dkt sidebar kak azza pnya blog ni kn kak azza ade buh stu gadget iaitu tajuk dye the story > pstu bwh tulis my faybie > bwh lgi alexa ranking > last sekali total of them ermm cm ne kak azza buat tu yerw.. ble klik dye terkeluar.. arap kak azza balas yerw.. sye slalu bkk blog kak azza cntik...
ReplyDeletemasehhh yer
ReplyDeleteterima kasih utk tutorial ni :>
ReplyDeleteHAI. SAVE PADA PNG TUU APE? TAKDE PONN. TAK BERAPA FAHAM TANG NAK SAVE TU JE.
ReplyDeleteThanks <3 Nice tutorial xD
ReplyDeleteAkak , File-Open ada dekad mana ?
ReplyDeletewow ! tengss buad tuto neh . :D
ReplyDelete@Nanie
ReplyDeletepenjuru kiri :)
@♥ Chilleos Tercomel ♥
ReplyDeletewelc, happy blogging yah :D
@SuE KeUn SuK
ReplyDeletewelcome, happy blogging yah :))
@HajarKassim
ReplyDeletebukan dia punya pop out, akan kuar .png
@sweet story
ReplyDeletedah lama dah buat , nie link dia :P
http://zaza96.blogspot.com/2011/04/tutorial-cara-membuat-widget-jquery.html
thank.. weee!! akhir nye berjaya..
ReplyDelete@mIZz cHoKiE-ChOkiE
ReplyDeletehehe, tahniah :D
kenapa nak add alpha tu x boleh tekan?
ReplyDelete@sabariahsobri
ReplyDeletesama-sama, alhamdulilah
@Ana
ReplyDeletenope, kejap aje :D
@siti nuraiena
ReplyDeletecba laa try, hee
@addawaheeda
ReplyDeletealhamdulilah, tahniah :D
@AIFA|FARISYA
ReplyDeleteagak tak paham, hihi
@tiera_(。◕‿◕。)
ReplyDeletesama sama, gudluck kay :D
@misz shaden
ReplyDeletescroll ajeh, dia pasti ada =)
@♥ Gemuk ♥
ReplyDeletetekan sampai boleh :) baca betul-betul apa yang azza buat tuh :D
@Nurul Fatin Syamimi
ReplyDeletewelc :D
oh..kalau buat gambar dari photoscape baru boleh eh?saya buat macam tu baru boleh..:)
ReplyDelete@Hafyzah Anuar
ReplyDeleteboleh, cuba tekan leklok
@Hafyzah Anuar
ReplyDeleteeaaa :D
dah jadi pun..terima kasih bebanyak..:D
ReplyDeletekat mana akak azza cari background untuk blog akak comel la..:)
ReplyDelete@Hafyzah Anuar
ReplyDeletewelc
@Hafyzah Anuar
ReplyDeletebuat sndrik
hey . nak tanya . kalau blog kita memang daa sedia ada header . then mcm mana nak gntikan header yg sedia ada tuh dengan header yang kita buat sendiri ?? pening lah . hahaha .
ReplyDeletethanks kak azza :)) menjadi!
ReplyDelete@missklate
ReplyDeletedelete code header kita tu
@zati bieber
ReplyDeletewelcome :D
wahh..nak try buat la,tq azza :)
ReplyDeletesalam. nice tuto. mmg dah lama mencari tuto ni. akhirnya jumpa kat blog omey ni. thanks. :)
ReplyDeleteazza akak dh wt tpi yg putih 2 xmau ilang r....
ReplyDeletejmput r tgok honeyfizia.blogspot.com
thnk u :)
ReplyDeleteSalam Nor Azah....
ReplyDeleteAnyway nice info & tutorial to sharing...terima kasih diatas info yang diberikan...suka sgt2 & informatif untuk bloggers...
BTW kami dah follow blog Nor Azah, jangan lupa singgah & follow blog kami lepas ni ye... :-) TQ
www.mylovely-cats.blogspot.com
thanks for ur tuto :)
ReplyDeletewah ! thanks sangat sangat sangat kak azza ! mesti kak sy suke bile die tgk tuto ni!! sbb dh lame die nk tau camne nk wat header transparent ngan photoscape ! :3
ReplyDeleteTerima Kasih, sangatsangat :)
ReplyDeletewow..tuto nie mmg tebaik laa.tq ajar,sy dh pndai nk buat header transparent..:)
ReplyDeletewow..tuto nie mmg tebaik laa.tq ajar,sy dh pndai nk buat header transparent..:)
ReplyDeleteazza,, eyda buat tak jadi transparent pun.. eyda ikut semua step2 yang azza ajar tu.. tapi tak jadi la.. kenape ek??
ReplyDeletehuhu..susah jugak...tapi ok la da try!!thnx tau!
ReplyDeletetry la buat ally :))
ReplyDeletewassalam. sama sama amyy :))
ReplyDeleteazra : ada je , tgk betul betul kay
ReplyDeletesama sama nasrina
ReplyDeletewassalam. sama sama azizi :))
ReplyDeleteurwc adila :))
ReplyDeletehehehe , kirim salam akk ye syiqeen.
ReplyDeletesama sama rabiatul :)
ReplyDeletesama sama seyla :)) dah jadi tanggungjawab saya
ReplyDeletetry lagik kay eyda :))
ReplyDeletesama sama lydia :)) gudluck
ReplyDeletemacam ok jer,,,,jap g nak wat,nga download,,,tq,,,,
ReplyDeletehttp://gieshazy.blogspot.com/ MEH LER SINGGAH
try la okays. gudluck :D
Deletetq...^_^
ReplyDeletesama-sama :)
DeleteTerima kasih atas entri ni. Dh lama sy cari cara nk buat header mcmni. Akhirnya jumpa jugak. Terima kasih byk2 Azza... Nnti bleh la sy try buat sendiri...
ReplyDeletehehehe. sama-sama :) goodluck tahu ^^
Deletesebelum nim..sye try gune adobe photoshop,klau nak download kene tunggu 9 jam,klau gune gimp nim kene tunggu beberape jam or minit??
ReplyDeletetak sampai pun 5 minit :)
Deletesis mcm mna nk save,akak try nk save png x bleh la.dia sruh save guna xcf format je
ReplyDeletescrol area xcl tuh, ada yang png punya :))
ReplyDeletethanks utk tuto ni ^^ puas hati rase dapat buat header sendiri walaupun tak bape nak cantik hehe
ReplyDelete@AishaMyra
ReplyDeletehehe. alhamdulilah :D
same g0es t0 me...cmne nk buat nie..t0l0ngggg hukhuk
ReplyDeletesalam, nak tanye. button DELETE tu nak cari kat mane? xjumpe laa. huu
ReplyDeletemane nak cari button DELETE? tak jumpe laa. huu
ReplyDeleteZulfa : Alhamdulillah ! senang nya ! memang bermanfaatt betull larh ! tenkiuu , syukran , terima kasih , nandri , sey2 , alikato ! :D
ReplyDelete@MeLaTi PuTiH dah boleh buat ke headernya?
ReplyDelete@nur zulfa alhamulilah, tahniah :D
ReplyDelete@najhan :) button delete tu dalam keyboard awak je. cari button DEL
ReplyDelete