Salam. Harini nak ajar buat background gambar transparent, bukan sahaja nak buat header, tapi boleh dipraktikkan kalau nak buat kerja sekolah yang memerlukan korang buat gambar transparent. Hei, kawan aku Fatin tnye aku di saat beliau tengah kalut buat final year project dia cam mana nak buat gambar transparent. Okey, sebenarnya kalau nak buat gambar transparent, perlu save sebagai PNG sahaja. Tapi jangan la satu gambar original save sebagai PNG tu memg penuh dengan bground, memg tak nampak la transparent dia.
1. Buka Adobe Photoshop. Aku guna Photoshop CS3 sahaja. Photoshop lain pon sama aje. Buka File --> New.
2. Then, keluar satu window macam gambar di bawah. Di bahagian Background Contents pilih Transparent. Kalau korang pilih lain, memang tak jadi 100%.
3 Kemudian, keluar la window yg menunjukkan petak-petak putih kelabu macam gambar di bawah yg belakang pelangi tu. Then, korang Open file mana-mana gambar korang nak kan untuk di jadi transparent. Aku Open file gambar pelangi. Then, click pada Lasso Tools dan right-click untuk pilih Magnetic Lasso Tools. Aku pilih Magnetic Lasso Tools untuk potong bahagian yg kita nak sahaja. Tapi better guna mouse, kalao pakai touchpad, memang parkinson korang nak buat. Bila dah guna Lasso Tools tu, korang ikut je garisan yang korang nak potong keliling gambar tu. Pastikan titik mula dan akhir adalah sama, untuk pastikan, korang akan nampak benda bulat bila korang dah jumpa pemula & pengakhir dia.
4. Bila dan jumpa pemula & pengakhir garisan potong tu, akan terbit satu garisan putus-putus keliling bahagian korang nak potong tadi.
5. Kemudian, korang cut & paste bahagian yg korang potong tadi kat background yg kita buat transparent tadi. Korang ejas-ejas sampai puas hati, taruh tulisan apa semua sampai lawa.
6. Tada, dah siap. Aku paste pelangi tadi di background transparent kita buat di step 2 tadi. Hah, kan dah siap gambar transparent. Sudah 90% tau.
(i)Cara pertama untuk save adalah bukak File --> Pilih Save as Web and Devices.
(ii) Tekan Save. Pastikan PNG format okey.
(iii) Cara kedua untuk save adalah dengan bukak File --> Save as --> Pilih PNG format. Dah siap 100% !.
7. Ni keadaan bila dah upload sebagai header blog. Kan background die transparent. Kalau header korang format JPEG , memg background dia putih.
8. Ni keadaan bila dah jadi header blog. Tengok, kan transparent tu. Macam lawa je mate tengok kan. Yang penting, kena pastikan background mula-mula adalah transparent & bila nak save, save sebagai PNG format.
26 Flowers:
cara ni paling mudah daripada gune magic eraser :D . love this !
sedang cuba2...dh lama nk cuba buat..tp kebanyakkan tutorial..memeningkan..thnks..!! :)
@♥zuai minaj♥
haah, kalao pkai magic eraser, tak tepat sgt potongan die.. :)
@nabilah_2908
same2..ada macam2 cara ikut tutorial org kan..
tutorial ini menjayakan aku membuat header. tq very much :) suka suka. walaupun header yg pertama kali buat tak cantik langsung :D
@yok
YEAY, saya pon suke kalao org yg belajar jadi buat :)
takpe, asalkan paham ,lepas ni leh buat cantik lagi kan..
nazirah sye nk tnye lah....sye dh transparent kan background tp bla upload dlm blog msih ada background color putih.nape yek?..
nie blog sye pinkraft.blogspot.com
@yana
mungkin template tu bground die memg putih.. :) blog tak leh bukak la
thanks..
aku nk bljar punya pasal, download photoshop cs3 gak ni.. tapi trial..
alhamdulillah jdi.. kena buat header sokmo ni, sblum abih tempoh..
ye, bila letak lam blog, bc dia caler putih, saya ader ternampak seorang blogger buat tutorial ubah kod d edit html untuk tukar setting header ke transparent. header tu memang betul buat mcm akak nii....
ssh jgk nk buat dr td x jd. mase copy n paste tu. yg di copt kertas putih jek. gmbr tu x ikut pon
dh jd. tq tq
tutor yg sgt nice dan cumel!
akak,nk tanye skit...nie bole x gune adobe photoshop cs5??
akak,nk tanye skit...nie bole x gune adobe photoshop cs5??
hehe .. terima kasih kongsi ilmu nie:)
dah lame nak cari guru ajar bnde nie .. patutlah salah .. format jpeg ..haha .. terima kasih banyak2 :)
@Orang Kampung
hahah.pkai photoshop mane2 pon boley.cari la yg full version.kat gempak.org kot ada.
@fiq.
yeke.akak pon xtau kalo tukar kod kat edit html.memg selama ni buat header gini je.
@Drama Queen
cut gmbar yg kt potong tu.mesti boleh paste nye gmbar yg kt potong tu
@Drama Queen
same2.yeay :)
@g0m0k9enDek
time kasih :) eheheh
@Nur Syahirah binti Noor Azman
boleh adik.sebab tools dia sama je mane2 pon. :)
@Chik Nur Az
same2..bgus la kalo jadi buat.hehe.yg penting format dan latar belakang gmbar tu :)
<nazirahmoktar< wah..!p sy ta pndai uap..awk ta amep upah..?ingt ma0 tempah..=)
@itsmegedik
tak amik upah la :) xyakin nak design untuk org ..huhu..sorry
comel la background ni
kat mana nak download photoshop tu
cari tak jumpa yang boleh guna
dear nnt boleh buat tuto header teinga gerak2 tu
Post a Comment