Buat header transparent guna (photoscape)

salam and hello to my cutie stranger ! :D ..enjoy traveling my super dupper simple blog..have a joy!!
salam reader :D..hari ni saye rajen nak buat tutorial ni.jom follow!!
korang nampakkan header kat atas tu?.haha..tu kan header aku :D
sebenarnye aku buat header ni cume dengan menggunakan(photoscape)sahaja
sape kata photoscape tidak boleh buat header transparent?
boleh sebenarnye cuma perlukan bantuan daripada
satu laman web sahaja.:D
aku/saye buat tuto. ni sebab saya tahu.
kadang2 ade yang teringin nak buat tapi kene download2 macam2kan?
jadi saya tolonglah ringan kan~
oke tak header saye tu..huhuhuhu :D
jom kita mulakan yee!
pertama sekali korank hanya perlu pergi laman web ini = pixlr.com
dan selepas loading ,laman tersebut akan memaparkan situasi
seperti dibawah :)
*click untuk tumbesaran*
laman web akan memberikan 3 pilihan editor,
korank just pilih yang pertama.yang belakangnye (Advanced) tu.
selepas itu web akan loading dan situasi di bawah pula dipaparkan :P
dan sekarang ini..ape yang korank perlu lakukan hanyalah click pada "create a new image"
dan paparan ini pula akan terkeluaq..
 kali ini korang cume perlu adjust besar header dan tinggi header yang korang
dah rancangkan tu..dan jangan lupa!..click kotak transparent
kat bawah sekali tu.ok?faham?
dah habes adjust?..tekan je OK tu :)
kemudian keadaan akan jadi seperti ini pule
 blank image yang berkotak2 macam kat atas tu menunjukkan
yang ianya transparent..
besar luas dan tinggi mengikut apa yang korang
adjust kan tadi :3
lepas nampak situasi macam gambar kat atas tu..korang hanya perlu "save sahaja"
macam ni ye=
 tekan kat "file" dan tekan "save"
selepas itu ini pule akan keluar!!.haha.banyak dah yang keluar =P
tak pe lah..asalkan "detail"..setuju tak? 
dah?..pilih je format (.PNG) dan namakan kemudian save!!
senang je kan?nampak je panjang.*tekan2 siap~*
baeklah!!..sekarang ni masa untuk buat header pulak :3
korang bukak photoscape and then tekan "EDITOR"
sekarang ni korang hanya bukak file tempat korang savekan gambar .png tadi.
tekan gambar tu.dan gambar tu akan jadi seperti ini=
hah!..ingat!.die memang nampak macam JPEG ..tapi
sebenarnye PNG ..jangan gelabah
ikut je step saya/aku bagi ni :D
sekarang ni korank tekan "OBJECT" button macam kat gambar ni=
yang saya/aku kotakkan itu adalah bentuk2 yang boleh dibuat..
tapi yang paleng moleknye ialah yang inilah=
korang click je lah yang mana korang suke tapi untuk tuto. ni
aku/saya gunakan yang atas ni ok? :D
sekarang ini pula korang hanya perlu buat bentuk itu dari hujung penjuru kiri
ke kanan.macam ni lah senang ceritenye =
nak pastikan permukaan bawahnya rata sila click button "CROP"
dan waktu tu korank akan nampak permukaan bawahnya rata atau tidak.
korang jugak akan nampak sisa bentuk yang korang buat lebih kebawah sedikit tu.korang memang perlu "crop" supaya keadaan bawah header akan rata 
pastikan keadaan permukaan bawah header rata/berpenjuru tidak melengkung
seperti penjuru permukaan atasnya.
(waktu korank buat ni korang kene tarik bentuk yang korang nak buat tu kebawah
lebih daripada page .png korang tu!..paham tak?..cuma tarik lebih sedikit kebawah.rujuk je gambar atas tu
kalau korang buat dengan betul mesti ada sisa bentuk tu)
mesti kepala korank dah sakitkan?..tenang~tenang~tak paham boleh tanye ye :D
next step: selepas korang dah "crop" tadi..jangan terkejut kenape sisa lengkung tu
tak hilang2 lagi..sebenarnye ianya akan hilang bila korang save nanti.
aku/saya suruh korang crop supaya hendak korang faham cara
untuk membuatnya dengan betul ..

okeh..sekarang ni korang releks sahaja.biarkan sisa tu..teruskan ke step yang berikut
pergi ke button object kembali dan tekan simbol huruf besar "T"
dan di situ korang bolehlah adjust segala apa yang korang nak ye :)

habis dah adjust?..tekan je ok!.nanti bila dah tekan ok`~
tulisan title yang korang adjust tu tak center tau.jadi ini caranya,rujuk gambar kat
bawah ni ye=
lepas dah center..kalau nak turunkan title tu tekan simbol keatas "Y"
kalau tak nak turunkan pon tidak ape :D..ikut suke
itu hasilnya ..nampakkan? dah center dan tulisan
dah diadjustkan kebawah sedikit :)
dah nak siap dah tu kan?nak gambar atau icon?tekan butang
yang macam ni=
hurm..saye amik yang ade dalam galeri photoscape je
untuk tuto ni ye :D
ni lah hasilnye.tapi ni belom save lagi..tapi sebelom korank save.die akan tanye
bende ni ye..
korank tekan "no" .kalau tidak die akan jadi JPEG
dan tak transparent.
ni hasil selepas disavekan :)
selesai pon akhirnya!!
click kalau tak percaya yang header ni tak transparent :D
srry lah kalau kakak,adek,makcik,abang semue pening ye.
die jadi panjang sebab saya gabungkan 2 tutorial kepada 1.
kalau suke silalah shared ye :D
jumpe di tutorial lain :)

6 comments:

Unknown said...

Thanks sangat-sangat! Setelah saya berkali-kali mencuba, akhirnya boleh! Emm...Boleh saya re-tutorial post awak? Nanti saya credit/

min said...

thanks.menjadikk

Anonymous said...

terima kasih buat tuto ni! menjadilah. Boleh sy re-tutorial tuto awk? nnti sy credit :)

Easy Design said...

Wah! Memang menjadi lah.
Thank you so much tuan tanah :D

izzaty sarafina said...
This comment has been removed by the author.
izzaty sarafina said...

Minta izin buat tutor ni...saya credit...terima kasih