29/03/2012
.Assalamualaikum !
Peacee Yo(!) ^_^v
Lyssa tahu ramai yang teringin nak kan header tertempek muka sendiri besaq kedabaq kan ? Uhm . Tanpa membuang masa , Lyssa akan terus ajar korang macam mana nak buat header ada gambar sendiri ye . Banyak sangat step ni .. sampai Lyssa pun abis pening kepala nak ajaq korang . Waaa :'(
Tengok lah , korang paham ke takk . Kalau tak paham , sorry ! >.<
1. Buka Adobe Photoshop korang sekarang . Bagi yang tak de lagi , boleh DOWNLOAD SINI !
2. Dah kan ? Ok . Sekarang Tekan FILE > OPEN > Cari gambar korang untuk header.
3. Bila dah cari , tengok contoh bawah ni . Tengok bahagian tool korang tu . Ada tak macam Lyssa anak panah suruh klik tu . (Quick Selection Tool)
KLIK UNTUK NAMPAK LEBIH JELAS
4. Dah buat macam Lyssa suruh kan ke ? Klik pada gambar . Garisan putus-putus tu , jangan bagi kena gambar korang . Kalau dah termasuk dalam kawasan gambar korang tu , korang guna pulak yang Lyssa bulatkan tu ... Just guna dua tu je untuk kemas kan . Sudahhh ?
5. Sekarang , korang pergi tekan SELECT > INVERSE . Macam gambar kat bawah ni :
KLIK UNTUK NAMPAK LEBIH JELAS
6. Dan akan jadi macam ni . Garisan berada di luar gambar :
KLIK UNTUK NAMPAK LEBIH JELAS
7. Sekarang masa untuk korang copy gambar tersebut . Ikut step macam kat bawah ni . Tekan EDIT > COPY :
KLIK UNTUK NAMPAK LEBIH JELAS
8. Ok . Now ? Tekan FILE > NEW dan fill in width , height dan tetapkan kepada transparent!
KLIK UNTUK NAMPAK LEBIH JELAS
**Width dan height mengikut kesesuaian size blog korang :)
9. Bila dah KLIK ok , akan keluar macam ni . Korang tekan ZOOM TOOL dan tetapkan kepada Fit Screen atau Actual Picture . Mengikut keselesaan korang untuk edit :) .
KLIK UNTUK NAMPAK LEBIH JELAS
10 . Lepas dah rasa selesa nak edit , kembali tekan (MOVE TOOL) . Lepas korang tekan Move Tool tu , akan ada perkataan ini (Show Transform Controls) kat area atas sekali . Tick kotak kecik tu .. Macam ni :
11. Tengok dekat gambar korang ada garis putus-2 kan ? Ok . Korang boleh gerak-2 kan untuk jadi lebih kecil org besarkan sedikit . Lepas dah rasa ok , tekan je ENTER :)
12. Ok . Sekarang , Lyssa nak ajarkan , macam mana nak masukkan shape warna putih untuk dirapatkan dengan header nanti . Tengok ni .
KLIK UNTUK NAMPAK LEBIH JELAS
13. Macam mana Lyssa buat tu ? Lyssa hanya pilih Rectengle Tool pick warna putih atau warna mengikut content blog korang dan hanya jadikan petak macam tu . Ini penting .. make sure petak warna putih tu , korang buat bagi kotak-2 transparent (background) tu tidak kelihatan :)
14. Sekarang masa nya pulak macam mana nak letak tulisan . Senang je . Ikut step ni :
KLIK UNTUK NAMPAK LEBIH JELAS
15. Then , taip lah apa yang korang suka kan . Nama ke , kata-kata ke . Ikut sukalah kan . hahaha . Lepas dah taip tu , korang KLIK MOVE TOOL :)
16. Macam mana nak nampa kelihatan cantik dah timbul tulisan tu , korang tengok layers tulisan tu , macam sebelah kanan photoshop Lyssa ni .
KLIK UNTUK NAMPAK LEBIH JELAS
17 . Klik pada (ADD A LAYER STYLE) macam yang Lyssa tunjukkan tu :) Then korang boleh pilih mana yang lebih cantik . Kalau nak timbulkan nampak lebih jelas tulisan tu , gunalah STROKE warna hitam :) Macam header Lyssa ni . muehehe~
18. Ok . Kalau korang nak tambah apa-2 lagi , korang tambahlah ye . Godek-2 korang punya photoshop tu kasi pandai :) Lyssa hanya ajar basic macam ni je dulu :)
19. Sekarang masa nak SAVE pulak . Korang tekan FILE > SAVE AS ...
20 . Haaa . SAVE AS PNG . Macam contoh bawah ni ...
KLIK UNTUK NAMPAK LEBIH JELAS
21. Tekan SAVE . Haaa . Sekarang header korang dah transparent . Yeahh . Bolehlah UPLOAD masuk dalam blog korang sekarang .
=SELAMAT MENCUBA=
Fuhhh . Alhamdulillah . Akhirnya habis jugak buat tutorial ni . Waaa . Pening dah otak . hihi . Harap korang paham lah apa yang Lyssa merepek kat atas ni . muehehe .. Kalau dah jadi , tolong bagitau ye :)
p/s: Sakit dah sendi-sendi leher ni :(
196 000 orang Comment Di Sini
Write 000 orang Comment Di SiniFaham cikgu , hehehe =)
alah .~
dari dulu dok donlod software nih .,
tapi trak boleh nak bukak ..
sedih .~
Thankss kak .. Lyssa .. yg 0mey l0tey !! .. jadi :P ..
wah! dh tau2... thanks kak lyssa.. muahh ckit ^_^
Terbaekkk la :)
Caiyookkkkkkk.. Lama dh nk.. terimak
kak lyssa...mcm mne nk buad header jd mcm kak lyssa punya tuh...yg nmpk mcm kak lyssa duduk tuhh...urmm...
pleasee buad tuto..hehe
lyssa macam mana nak letak header kat depan content macam lyssa.. ckj nyer kalau rapatkan header dengan content header jadi kat belakng content.. huhu
da lama da cri tutorial nak wat gni tp x jmpa2.thanks Lyssa ^^
whaha! nak try lar. thanks kak Lyssa ! >,<
waaaaaaa ! nak try lhaa apa yang Cikgu Lyssa ajar niyy ;)
@fateyn husna
Waaaa . Sedihnyer , ikot je lahh , tutorial kat atas ni :(
heee~ bru request dekat shoutbox tadi :) thankyou lyssa
@Cik Kay Jue
sama je mcm tutorial ni , just ubah kat dan drag shape rectangle tu ke belakang ...
Nice tuto . <3
Dari td dukk tnggu entry trbru lyssa . Lama punya lah lama tunggu lyssa buat entry trbru . Ye la kann , xsah klau sehari xbce entry lyssa . Makin lama makin rindu kt lyssa . ;')
akak,boleh ke buat header sendiri pakai PAINT ?
sangat cantik! nice job lysaa. tpi malang, huhu. sya dah takpkai lagi adobe tu. complicated sngt. bila tak pakai lagi, nak download balik pula. well, try2 nanti lah. btw, nice! :D
@Cik Yaya
paint tak sure . kalau tak silap , tk elok lah guna paint . tk boleh crop gambar~~
@steffany daph
hehh . nanti-2 try lah ye :P
nak try tp software tuh plk tade!!huhu~
huahuaa ~ dah bnyk kali download photoshop tuhh , tak boleh jerkk ! haihh lappy-2 . T_T !
pandaii kak Lyssa nihh :D
xde ke natang yg boleh wat semua ni tanpa download ?
lyssa , lepas step ke8 tu kan, kenapa gambar sy tak keluar pun :( sedihh....
lyssa kenape lepas step ke8 tu gambar saye takde kuar mcm gambar lyssa tu ye ?
alah..lmbt skit jer lyssa bg tutorial...br jer petang td cik comey 3jam mengadap laptop nk buat header..Bila bc tuto lyssa,xla susah sgt pun..xpe2..nnt next time cik comey cuba camni plak..Tq yea dik Lyssa... =)
Salam, thanks for sharing.
thanks lyssa..nice
yeeahh .menjadikk . tapi tal lawa mane nisa buat .hahaha.terima kasih :)
thanks 4 the sharing Lyssa :)
utk photoscape tk de ke kak lyssa? huhu~ kene download dulu le nie
tq kak lyssa
terima kak lyssa, nanti ada msa pasti akan buat =).
wahhh,panjang sungguh step dier..haih,but thanx yer sys..going to try my bestest..hihik
Thanks lyssa for tuto..^_^
wah.,terbaek tuto ni.,hehe,.thanx 4 sharing k.lyssa^^
kak lyssa, mcm mane nak buat banner yang bergerak? terima kaseh. :)
hehe. comel2 .
kak lyssa. Mcmna nk dwnload photoshop? kena dwnload dlm cd ke hape?
wahh .
rumit gaxx eaa ?
pandai kak lyssa wutt tutorial .
:)
Assalamualaikum,
Akak,saya nak tanya..
Akak punya gambar tuu berapa height x width dia ? Sebab bila saya buad, gamba dia jd besar...
Please help me!
photoshopCS4Portable.zip
1 hours left
heheheh >_<"
tenkiu 4 de tuto !
dah jadi tapi mcm mane nk letak dlm blog?????
senang lah plak tgk tutorial ni.. ingtkan susah..
dah try dah tp sampai step 9 x kluar gmbar mcm lyssa pown.knapew??salah kat maner ekk??
boleh buat dah cuma bila sampai step 9 kn dyew x kluar pown gmbar mcm lyssa pnya.knapew ekk??agk2x sy silap kt maner??!!
thanks sgt2... wwaaaahhh excited glerr... hehe tq.. ^^
guna photoshp mmg xmerasa la mas.huhuhu
HUU du boleh bt header lam blog saya hehe
@Lyssa Faizureen oo..tenkiu kak..
alhamdulillah da jadik da cg. thanks bebanyakk
Photoshop Cs berapa ni?? :))
kak lyssa,saye nak gune gambar korean cartoon untuk header tp x bole nk jadikan gambar mcm step 9..die x kluar..cmne ek?
teruja msa first time try ni . menjadi pulak . haha :)D suka ! suka ! suka ! thank you so much sayang :')
Selain menggunakan photoshop ?
kak lyssa bleh x tlog wat kn header untk sy .. sy ta reti lh .. bru nk blajr .. g pon nk dowloud photoshop lmbat lh .. tlong ekk kak
sakit jgak sendi2 nieyh...
Salam Lyssa, sya try buat tapi gambar tak keluar pon. Nape ye?
kak lyssa..knape lepas step no 8 tu gmba tak kluar pun..
penat sye download photoshop tu..
sedih la kak lyssa..tlong boleh??
kak lyssa susauh la nk download photoshop ni . .
da berkali try buat . tapi still tak menjadi :(
step 9 , tak keluar gambar punn . camna ni ? banyak kali dah tryyy :'(
dah tau dh nak buat cam n.thank kak lisa:)
thank kak lisa:)
salam lyysa..dh try byk kali, dh ikut step sbetul2nye dh..step by step menjadi..tp kena kat step 9, dh mati dh..gmbar tak kluar..knapa ??
kak lyssa,, camne kite nk delete blog ek?
kak lyssa sy dah buat .Mmng menjadi lah :)
Dekat photoscape boleh buat transparent tak ?
sye setuju dengan Green . Help us !
lpas step 9 tuh....kuar gmbr ksong kn...korang pste gmbr yg copy td..tkn edit phtu paste...lyssa tertinggl stu step
lpas step 9 tuh....kuar gmbr ksong kn...korang pste gmbr yg copy td..tkn edit phtu paste...lyssa tertinggl stu step
Pemurah ilmu la cik Lyssa ni... akak dh mencuba buat & telah BERJAYA!! yeayy.. thanks a lot ya Lyssa...
dah siap tapi kenapa tak transparent pun bila letak dlm blog ? huaaaa :(
kenapa pastekan gamba x keluar... hwaaaaaa
dah jadi...thaknz sgt2 kak lyssa !! :)
blog sya dah di tempek dgn muke sya yg cute.. ahaha..
perasan skjp..:p.. terjah2 lah blog saya nnt keyh..:) salam!
Good ! Good ! Good ! Sy bru lg berblog.. minx tunjuk ajar ea.. ni blog sy http://manokelpase.blogspot.com/
salam akak , nak tanya ni.knp nak buat step ke-3 tak boleh ?
salam kak lyssa . kenapa gambar bila dah paste besar ? macam mana nak kecikkkan ?
akak ..mcm mane nak tahu saiz blog ?
Kak , saya pnya Adobe Photoshop 7.0 ... Takde Quick Selection Tools punn ?
askum, kak lyssa... boleh x kak lyssa buat tutorial cara hilangkan perkataan pada sesuatu gambar? harap kak lyssa boleh bantu saya...
Kak Lyssa,boleh ke guna adobe photoshop CS6 untuk nak buat header??tq
Kak Lyssa,saya teteap x faham...and x reti
saye da pndai wat header transparent nih.. thanks tunjuk ajarnye :)
kak , tak jadik punn
mcam mna nk upload ke log kak lissa ? ;)
kak lyssa .. mmm .. saya tak ade lah photoshop .. bole tak akak buat tuto mcm ni tapi menggunakan picasa ??? hehe :) sori kalau bnyk tanya .
akak lyssa..!macam mana nak besarkan tulisan ek??:)
Thanks Lyssa. dah lama mencuba akhirnya dapat juga.
Thanks Sys Lyssa . Dah jdy da
Akak ,macam mana nak bagi ada background ?
daa buat , but xleyhh save kenape ekk kak lyssa ?? ^_^
anyway thank for the tutorial .
kak lysaa kenapa gambar saya tak keluar macam akak lysaa .tolongg laa kak :(
Kak lysaa saya x boleh save ke PNG . :(
mcm mn nk bg die garis ngam2 kat pic?asyik lari2 je lah..plisss adek...tlg abg...
k.lyssa tau tak camne nak remove vocal dlm lagu?...nak music je
Dah jadi !!~~ hoaaaaaaaaaaaa super duper excited...kalau rajin pi la jenguk2 ye saya yg baru belajar ni =) ...
*cuma wording tu blkg dia box tak jadi transparent..huhuhu
http://oohleisure.blogspot.com/
yehaa...dgn usaha yg gigih di pagi hari...berjaya juga transparent kan.. =) thanks a lot lyssa..!!~ sgt2 membantu...utk first timer mcm ila =)
kak lyssa , macam mana na letak header ni ke dalam blog ? please tell as fast as you can . thank you :D
lyssa.. macam mana nak letak gambr di jd header dlm blog ?? sy xdpt nak upload la.. please help me ..tQ:)
Salam akak lyssa , teringin laa nak wat header yg mcm akak punya tapi tak tau nak wat . tolong boleh ?
dh wat bnyk kali tp x jd pown...
pic er x kuar2 pon... camne ek??
lyssa.. knp lepas copy tak kelua pun gambar mcm step 9 ? ://
xjd la..xley nak tulis npe yer??pless rply di shoutbox..
lepas step ke 9 tak jd mcm kal lyssa punye pon ..knpe eak ?
kak,dh jadik..tenkiu :D
dah elok2 edit . xleh save laa.. bila tgk kat folder xde pon . tp mmg dah save . byk kali buat pon takmo jugak . alahaiii
Kak lysa mmg comel .
tq lyssa...da jadik pown pas lbh sepuluh kali mencube..hehehe..usaha tangga kejayaan..tq lyssa.. ^_^
akak lysa , sedih tak jadi . dah bnyk kali download tpy tetap tak jadi :(
kalau guna photoscape tak boleh ke ?
kaka lisa , kn da wt width kn , pastuhh tkn ok die xkuar pic tuhh pun :3 plss tlong
tq kak lisa.done tengok la blog kite
http://kelipkelipsiang.blogspot.com
salam..kenape gmbr sy xcenter??
runsing2,haha
Hai kak lysaa , saya dah download photoshop tpi takleh camne ek?
salam kak lisa , aien da buat . tapy macam mane nak upload n kat mane ?
kak lisa, saya dapat buat sampai step 8 je. step 9 dan seterusnya tak dapat. sebab tak faham yg zoom tool dan move tool. lagi satu tak jumpe move tool. harap akak boleh bantu :)
kak lisa!thanx sangat2..dapat gak saya wat header sendiri..hehe..
kamsahamnida<3
kak lisa!thanx sangat2!tutorial ni mmg best!
akak knpea yerah bile kita tekan yg new uh then da edit-2 ap yg patut ia taa keluar gmbr but keluar kosong jerp, ?
i am new at blogging . so ratul pergi blog akak n semua tutorial yg ratul nak semua tersedia oleh akak lyssa .. thanks for the tuto kak .. blog tuto kakak mmng banyak membantu .. nak follow laa hehe
Da download, da extract tapi bile klik kat Photoshop tu x kuar ape2 pon. Knape ye?
Oh no ! I can't do this ? Taleh jadi ! Hahaha ! :D Uhuhuhuhu... Sedeyh !
Thanks kak lyssa,dah jadi.Dah lame carik photoshop,thanks kak.
ade x tutorial buat kotak garisan tu mcm kak lyssa tu
ade tak tutorial yg garisan kotak2 tu mcm kak lyssa
thanks 4 share...
hye kak lyssa . hm . knp tak menjadi eyy ? dari tadi lg sy duk ngadap laptop nihh smpai habes beteri kakak . but still tak jadi-II jugak . hm . cdeyy . knp tak nampak gambar pum eyy ?
lyssa, tq for the tutorial..
finally jadik jugak.. hehe.. thanx again :)
lyssa, tq for the tutorial..
finally jadik jugak.. hehe.. thanx again :)
cam ni lah baru bagus
yay!!jadi kak lyssa!! thnx!
Tq akak lyssa, nak jadi ni
Tq so much kak lyssa :)
akak tolong wat header kat biella ni uwaaaa dah ikut step kak Lyssa ni tapi tak menjadi plisss,,plisss kak Lyssa!! :'(
akak , kenape bile saye tekan copy pastu tekan new tuu gamnbarnya takda ? please tolong kak
kak lyssa..kita tak jumpa pon move tool tu..macam mana ni??plz help me :(
Kak lyssa , knp dia takde gambar ? waktu letak weght tuh ade lg ? pastu bila dah tekan ok ? dia takde dah ? why ? tolong jelaskan lebih terperinci lg yer ?
Thanks Kak Lyssa for the tutorials !
kak lyssa .
dh ikut dh step yg kak lyssa bg tp lpas dh fill height n width dh tkan ok bnde ye kluar tp gmbr ye pulak yg x kluar . mcm mne ? hrap boleh tlong :(
wah.. akak.. skrg sye boleh laer bwt header blog sye sendiri.. dah jadi dah kak.. tq.. muah muah..
Kak lyssa , kt mane Move Tool tu ? tak jmpe pun . step 10 dh blank . need your help sis .
thanx for the tips...good info..will try it..
Nice entry...Jom follow and keep comment ok http://lyranadya.blogspot.com/2012/12/wishlist-for-2013
kak lyssa bole x wat kan header utk sye ...sye bkan mlas xpi dh bnyak kaly saya download mnde yg sme x pi ttap xleh bukak ...sye x pakse pon ,,xpi kalo kak lyssa sudi ...cume tulis 'unforbidden love' jerr...gamb0 ik0t akak la xpi jgn t0k pompuan...sye arap akak dpt mmbantu...kal0 akak nk gambo sye mintak kat....http://www.facebook.com/irffany ....skaly lagi sy nyatakan y ni bukan paksaan,hanya atas keralaan:)
hai! tumpang tanya . macam nak upload header tu kat blog ?
cmne nak upload header kat blog ?
cmne nak upload header kat blog ?
@sherRy sHuici kalau untuk Photoscape ade?
kak lysaa. knapa saya buat, then sampai step yg ke9 tuu, tak keluar gambar saya ?? banyak kali dah saya cuba.
salam..
hye lyssa... entry lyssa sememgnye sgt menarik... dan ia amat membantu mira untuk menulis blog...sekaligus membantu mira membuat tugasan assigmnet dgn cepat.. tq lyssa.. ade mase follow la blog mira ye... walaupun x seberapa.. terima kasih..
amirahmiray@yahoo.com
salam..
hai lyssa.. blog lyssa sgt la menarik.. dan membantu mira dalam menghasilkan tugasan assgment.. tq lyssa... hmm ada mase lyssa followla blog mira ye..walaupun x seberapa..mira dah lame update blog tapi x ade follower..sedih kan..hehehe...ape pown terima kasih kerana membantu... amirahmiray@blogspot.com
salam lyssa , lepas dah siap macam mane nak letak dalam blog . ajar kan ?
salam ... lyssa , lepas dah siap tuh care nak letak dalam blog macam mane ?
nice.... jd la kk lyssa!!!!! THX tau..... SYG kk lyssa hehehe
thx kk lyssa
akak. kenape bile smpai step 8 then tekan ok. pastuh keluar background tuh je. gmbar die tak kuar pon,
dari dulu dok buat tapi x jd2x...hurmmm
Kenapa copy tak keluar gambar pun. penat try , tak jadik-2 langsung.
Saya punya pun kuar background jeh. penat dok try tak jadik-2 nieh .
Akk Lyysa mcm mne nk masukkan hearder yg kite da wt tu kt dlm blog??
X download adobe photoshop.
susahh
haha macam klakar pulak dok terkial2 guna PS ni .. akan blajar smpai pndai :)TQ dear lyssa ..
HEEE :) POWER la cikgu :D
dh jd dh.. tq kak.. cntik.. =)
Tank you SO MUCH Kak lyssa..it's verry helpful..Hehe dah boleh post kat blog =)
ermm.. selain photoshop bole kerr?
akak tlg buatkan boleh x? ehehehe :3
akak lyssa, nk tanya sket, mcm mana nk rotate, n mirror kan pic?? harap akk bley bls :) thxx
Kak Lyssa..Bleh background tu tkar pleasee...blslh
hmm ..gune tulisan ape neh ?
Apa2 pn nk ucapkn thanks sbb sy brjaya..
tak dpt download la lisa. help me! ;)
@Nur Syafinas
mcm mna nk twu widht n height blog?
Assalamu'alaikum kak lyysa !! lastyly berjaya jugak sy buat,sebelum ni ada je photoshop,tp xpnah buat,ha skarg, dh bolh manfaatkan ..hee thenx memanyak yea !!
@Nur Syafinas http://www.4shared.com/get/piIndscj/Adobe_Photoshop_CS3_Portable_E.html download lerhh .
Thank youuuuuu! :D
as'salamualaikum korg nk software adobe photoshop cs6 crack..? pm jew okey..n4z44@yahoo.com
Assala,mualaikum.. k Lyssa
boleh x ajar camne nak buat header (transparent) guna adobe photoshop cs7 ?
dah byk kali buat...adoiiii.. tak jadi2 lagi ni....
alhamdulillah, lama dah nk buat. jadi pooonn!! thanks kak lyssa :)))
mcm mana nk move tool. tk jumpa pun button tu. help me :'(
sameee lah,, sampai stEP 9 jee.. gambar tak keluar dekat new file tuhh.. canee yup ? nk copy ke kut ke ?
kak lyssa saye punya tak bolhe nak download la macam mane ni ?
Thanks kak lysaa ! Alhamdullilah ! Jadi jugak akhir nye ! :3
kaq lyysa , camne nk gune ni ? x pndai lah :/ da download p x twu camne nk gune :'( saddisss
salam akak, anis dh ikut step yang akak terangkan tu tp dia terus jadi transparet, gambar tu hilang.. :/
SAYA pon baru berblog... nnt dah beli laptop baru saya try buat ... tq yank
@CuacoHaa , sama laa kita . mcm mana nak settle eh ?
macam mana nk ltkkan header ni dkt blog? cantikk..
Akak widht dgn height tu tak tau nak buat berape, akak suggest?
smart..thx
mantap dah tutornya kawan
http://acemaxs31.com/obat-migren-tradisional/
http://i-bikeco.com
http://mas-galih.com
tq sbb buat tutorial nih =)
baguslah blog awak ni...tahniah
ayunikrohayu.blogspot.my
Ijin Nyimak Gan - umpanpancingessen.com
.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon