Langkau ke kandungan utama

Tutorial Photoshop : Buang Background Pada Gambar

salam sejahtera semua. hari ni nak kongsi tutorial pertama dari saya. hari ni kita blaja yang paling basic, iaitu cara-cara nak buang background gambar tu. supaya lebih cantik atau nak buat ia jadi transparent. macam header saya tu. ok. mari kita start tutorial ni.
first, bukak photoshop korang tu. saya guna Ps CS3. 
#klik pada gambar tutorial utk besarkan.

Langkah 1 :
buka gambar yang korang nak buang background dia tu.



Langkah 2 :
apabila dah buka, right click pada gambar tadi dan klik pada "Duplicate Layer..."


Langkah 3 :
lepas tu, buang tanda mata pada salah satu gambar tersebut.


Langkah 4 :
pastikan korang klik pada gambar yang ada tanda mata tu. kemudian, pilih pemadam dan pilih la saiz yang sesuai untuk gambar korang tu.
tapi saya lebih gemar memilih "Magic Eraser Tool" sebab lebih cepat. pemadam yang biasa pun ok.


Langkah 5 :
sekarang, korang boleh la padam sume background dalam gambar tu. hati2 ketika padam. jangan sampai terpadam gambar tu pulak. padam background je. kalau korang tersalah padam gambar tu, korang bolah la guna "History Brush Tool" untuk kembalikan balik ape yang korang padam tu.

 

Langkah 6 :
ok. kalau dah siap padam sume background gambar tu, korang boleh la delete background yang korang buang tanda mata tu. right klik dan pilih "Delete Layer".  


Langkah 7 :
dah selesai semua. masa untuk save gamber tersebut pulak. klik "File" dan pilih "Save For Web & Devices".


Langkah 8 :
apabila dia kua macam ni, pilih "PNG-24" dan save la di mana2 yang korang suka. siap.


ok. itu sahaja langkah2 untuk buangkan background gambar. harap2 korang faham la semua langkah yang saya bagitau tu ye. 
nantikan lebih banyak tutorial dari saya seperti cara nak buat header yg cantik, nak buat banner.
#saya ni baru blaja guna photoshop, jadi saya ni bukan la pro sangat. ^^
share is care. ^^

Ulasan

  1. Thanks a lotS !! Menjadi sangat2... Lega hati dapat siapkan assignment dgn tutorial awak ^^

    BalasPadam
  2. wah terima kasih kawan . di cs5 white rabbit bisa tak??

    BalasPadam

Catat Ulasan

Catatan popular daripada blog ini

Tutorial Blog : Tukar Icon Blog Archive

annyeong!! tuto yang ke 2 untuk hari ini. ni tuto tukar icon kat sebelah tajuk² entri di kotak archive/history kalau yang biasa, icon dia macam ni " ► " kalau rasa tak suka yang tu, boleh tukar dengan icon² yang lebih cute & korg suka. ^^ cara² nya :- - pergi ke Design > Edit HTML - tanda pada Expand Widget Templates - cari code ni [ tekan Ctrl + F ] <li><a expr:href='data:i.url'><data:i.title/></a></li> - bila dah jumpa, tambah code ni sebelah kiri code tadi. <img src=' URL GAMBAR '/> contoh macam ni   nak icon yang cute miut? klik SINI lepas buka website tuh, right click pada  icon yang korg nak dan klik Copy Image Location atau yang sewaktu dengannya. ^^ Preview dulu baru save. bimbang kalau tak jadi. ^O^ harap tuto ni membantu korg ye. ^^

Tutorial Blog : Letak Background Untuk Quote

assalamualaikum. kadang2, entri kita ada quote. kite bleh letak background untuk quote tu. untuk nampak lebih cantik setiap entri korg tu. ok, ni step2nya. Design > edit HTML cari code ni [ tekan F3 ] .post blockquote { lepas tu paste code ni bawah code tadi background-image:url( URL GAMBAR );background-repeat:repeat; klau nak lebih kemas, tambah cod ni border-radius: 10px ; border: 1px solid # 666699 ; saiz radius dan border boleh ditukar. warna border pn boleh tukar.  code warna HTML : klik preview dan save

Background test [ free for u ]