November 9, 2010

Tutorial:Create background SIDEBAR to yourself PART 1

Salam sayang readers,husshh lega lega 2paper dah abes..ari ni dapat la i rehat² sambil i makan keropok moni.  Then ngah godek belog nih betulkan yg mana masih hura hara..teringat i ade hutang nk wat tutorial ngan korang. Lagipon i janji nk wat after raya haji kan,tp di sebabkan esok i tade paper lusa baru ade..leh la i curik tyme skit nak wat tutorial ni..

Okayh,ramai tanya caner i buat background sidebar mcm yg i punya kitty tuh an..so xsalah klu i nk berkongsi skill edit ngan korang,bleh la korang puas ati skit ngan blog hasil kekreatipan korang an. Aceli i nak wat slot TUTORIAL camner nak buat blog simple hasil design dari kita sendiri. so utk kali ni i wat PART 1 dulu la yea..i mula dari sidebar dulu...untuk yang tercari² camner nk wat header transparent,KLIK SINI..



then i nak jwb yg cik epal tanya i,headers transparent wat guna PHOTOSHOP jer dear..

Sebelum i terbebebel lg panjang,bek mula tros wat tutorial ni..BTW make sure korang bukak siap² la yea software photoshop..Suma berpandukan pic tau,klu xnampak klik jer pic tuh tuk besargajah kan..



1.Macam besa la yeaa..pesli amik FILE-->NEW-->keluar popup tuh kan..setting sebijik macam i tuh,tapi tapi cuma tukarkan width n height tu ke 240 pixels yea..then OK,nanti dia akan kluar 1 new layer..tp i lupa nk prt screen kan dia,korang minimize kan dlu mendalah tu.


2.Pastu klik FILE-->OPEN-->korang amik la pic mane yg korang rasa leh nampak sebijik comel kat sidebar tuh..PENTING: make sure pic yg korang amik tuh backround dia 1 warna je,tuk senangkan nk buang background belakang tuh.



3.Kita mulakan edit pic comel tuh dulu..klik dekat eraser tool n pilih Magic Eraser Tool.



4.Then klik dekat background putih td,tgk....bacgroung belakang da hilang kan.


5.eh eh dekat pic atas ni still ada background putih kan,abaikan..i silap amik pic,korang klik kanan mouse kat tab bar yg i buat anak panah tuh..amik image size,tukar image size tu kepada 50px.


6.Now jom kita main² lukis petak lak..haha,Klik Rectangle Tool pastu pilih korang nak bentuk bjur ke bulat ke leper ke hape ke.


7. Klik kat bahagian colour plak..tgk( tag no 1),pastu pilih la korang nak background sidebar tuh warna ape..utk senangkan lagi,if korang dah expert bab kaler maler nih..paste jer code tuh kat(tag no 2) tu..


8.Bila dah siap,trus create (tag no 3)  kat new layer yg i cakap kat step 1 td..then lg,tgk (tag no 4) klik mouse kanan pastu akan kuar menu tuh..pilih Blending Option yea..


9.Pastu klik dekat stroke (Tag no 6),pilih warna kat tag no 7..jangan lupa setting ketebalan stroke kat tag no 8,leh tgk preview kat tag no 9.

seeee,dah siap kan 1 benda...fuhhh legaa!!!


10.Now sesi memindahkan pic yg kita buang background tadi ke rectangle yg kita buat tuh..korang juz klik jer kat pic tuh,then tarik tros ke layer yg ada rectangle tuh tau..nak senang letak sebelah² mcm i buat tuh...



11.Bila dah siap,meh kita potong plak bahagian² yg lebih tuh...mcm besa la,tuh kat tag 12 i dah tunjuk kedudukan crop.


crop je ngam²...


Last skali cara nk save,korang jgn save as camtuh jer...haaa,header transparent pon sama la cara nk save dgn yg ni..korang kena amik save for web devices.


Pastuh pilih PNG 24 tau...DONE,siap..tapi tapi,i benti sampai sini dulu lah yea..insyaallah esok or balik raya haji ni i sambung camner nak masokkan background nih kat blog,sory sgt² tau xdapat nak teruskan. I dah penat,shhh blom mandi ag nih..choii,makan pon x..semata² nak abeskan tutorial nih,padahal buku xsentuh ag tuh 3rd paper lusa...haha,okayg BYEEEE...

ape² yg xjadi ke,tinggalkan komen kat sini or fan page eh...

9 comments:

  1. nanti kalau ezma buat, kasi tunjuk ajar eh..hehe..gud fyka :)

    ReplyDelete
  2. wahhhh..bestnya...thnx 4 sharing fyka^^

    ReplyDelete
  3. thanks dear. terima kasih kerana melayan kerenah saya yang banyak tanya ini. huehue. tapi tak ada photoshop la pulak. download from internet leh ke?

    ReplyDelete
  4. fyka2...bila nak sambung ni...dah siap dah...cuma tatau cm mana nak letak je..=(

    ReplyDelete
  5. hye kak fyqa..sy dah leh wat dah..tp cmner nk save kan dlm blog eh???

    ReplyDelete

cakap cakap cakap
selagi boleh cakap