Feb 13, 2011

tranparent header dengan photoshop

Hai..hai.. nak buat header korang nampak cantik? Meh kita usha jap tutorial ni akey? Tutorial ni memerlukan korang ada software photoshop. Kalau takde, mungkin korang boleh pakai Gimp atau software yang serupa. Akupun dah lupa apa nama software tu. Kalau tak, boleh bagi link kan?  Photoshop ni banyak kebaikan yang korang boleh dapat kalau ada software ni. Tak kiralah CS yang keberapa. Akey, sekarang ni jom kita tengok macam mana nak buat transparent header.

Mula- mula, korang masuk dulu bahagian photoshop korang k.




pastu korang kena buat layer tranparent pulak. Macam kat bawah ni. KOrang klik File --> New dan akan keluar petak macam ni. 


Tinggi dan lebar tu korang boleh letak berapa je korang suka, terpulang kepada berapa luas blog korang. Bahagian background content tu pilih transparent. Nanti akan keluar gambar macam ni.


Inilah contoh layer transparent. Tapi belum siap lagi k. Sekarang korang klik File lagi dan pilih Open. Nanti keluar satu petak di mana ada banyak folder kat sana. Korang pilih gambar yang korang suka tu.


Ini contoh gambar yang aku dah pilih. Korang tak tahu pulak, huhu. Akey, dah siap pilih gambar yang korang nak tu? Sekarang tengok gambar kat bawah ni. Nampak tak panah warna merah tu? Korang klik anak panah yang macam dalam gambar tu ( dah lupa nama tool tu). Sekarang, halakan anak panah tu ( cursor ) kat gambar dan drag ( tarik ) gambar tu kat layer yang korang dah buat tadi. Hasilnya..


gambar tu akan nampak macam kat atas ni. Nampak tak? Gambar tu dah ada kat layer kan? Bagi yang nak potong gambar tu, korang tengok kat anak panah warna pink pulak. Gunakan tools tu dan gunakan kat gambar. Korang just klik dan hightlight mana yang korang nak potong, pastu pergi kat Edit--> cut.

Kalau korang nak letakkan tulisan pulak, pergi kat T.


Pastu, buat satu petak macam kat atas ni. Pilihlah jenis tulisan yang korang nak tu. Nak cari jenis tulisan atau nak pilih warna apa boleh tengok kat sebelah kanan tu. Nampak petak kecik kat sebelah warna- warna tu? Klik A untuk keluarkan k.

Dengan kreativiti korang, kalau dah siap bolehla save as...


Oh, jangan save sebagai Jpeg tapi save gambar yang korang buat tadi sebagai PNG. Kalau format jPeg, takkan jadi kot. Kemudian,korang dah boleh masukkan gambar tadi kat blog korang macam biasa.

11 comments:

  1. haha..ni ms aq nk buat header tuk ko la ni

    ReplyDelete
  2. salam maulidur rasul...nak tanya sikit boleh?
    hehhee....macam mana nak buat background macam awak punya ek? maksud saya background putih tapi gadget dia tak pisah-pisah then bhgian header dia transparent..wak guna template designer ke?
    Trimas...Ngeeeehaaaa

    ReplyDelete
  3. @UMI AMIRAH BT HARITH..sy x gna tmplate designer..gne tmplate len.. awk nk wt background pth tu, mksd awk yg bhgian post ni ke? awk p kt main-wrapper kt edit hmtl tmplate tu dan edit bhgian background jd white :) transparent header ade kt ats ni k..hehe

    ReplyDelete
  4. atien nak tnye,atien memg x ade photoshop .. n boleh mntk tunjuk ajr x ? mcm mne nak amik/download photoshop ? bleh buat tutorial x ? plisssssss ... i want to hv photoshop... hah .

    ReplyDelete
  5. kak klu x der photoshop camner???
    tolong please:(

    ReplyDelete
  6. salam.. software ape yg bole digunekan utk buat header ek selaen photoshop nih?

    ReplyDelete
  7. @Nor Faten Hasbulah.. sy ade senaraikan software tuk wt header kt menu freebies, blh check :)

    ReplyDelete
  8. download photoshop cs5 kat internet..yg trial
    nanti bole pm saya utk serial num..insyAllah masih boleh serial num 2
    P/S ; kpd sapa yg nk photoshop..mcm ni je la teman bole bantu kome2 smua :D

    ReplyDelete