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

Freebies : Set Cursor Kpop [NU'EST]

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiqE89g5B11kMCWEKkF9Nn__mg-OkAo-xAEMuB4KjFWEfGD23qO1sO44d-hRiQSxvm7dTq-xsno5eBQzBXBbJclzR0aZUPRc93ghvavhw898Si92lI7bPv8R9fvRcvXzc6icAw-XQTOmxy/s1600/nuest1.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjySTbt2V8g_lSKXd_a1ZI7M9cpiIn3dGfcp1-Ef4us4qdJQ8T77f2GOacGXBpod5bB0M4ZCPuoCUdP142wo2zpUtiGROL4HWwvLQSh3FsrMqgNspFO4iKtTV-ghiqfhv_p9ccoW00v2LCa/s1600/nuest2.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgjAmgGFV0AA7_4V-FCQPymHuX7Jv8mAEkVLeDZQmejSBvwF5xmyHH4rRMNSRyQA3WCNtJBN3JFepBkTLh44YmRxpWeb5Zzt9wdYhYOc7ATauSGIsQm_3tatx44DKian45GhlSI7OFvkt/s1600/nuest3.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5duJ9hbSSuV72NS5LwlXFbxaLc53uagP-1ZSpNGKdbgX9zO3oiwV2iqMuSnm-owVdbZlLhgp7Ug_mqPDjXwOHnUZfDeMBTgSbLFO_KYqNMo-jgQEOFDFA-EJomEn8vM2IX4gmFJK0gpo/s1600/nuest4.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNZ2MdytXgX-uFYNLvA5_Np5bEyAQSqU3gmf2A8F-gVs_MGLvKHF32vqOxQOg...

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 : Tukar Gambar Cursor

salam semua. wah! dah lama tak update blog. nak tau knapa? sebab celcom la. bulan ni broadband sampai limit awal sebab duk download drama2 & movie2 korea. hehe. laju kadang2 je. tak sempat nak update blog. ha! mcm mane plak dgn korg sume? sehat? happy? holiday ni buat ape? cakap pasal cuti ni kan, fuhh. bosan tahap yang paling bosan la! tak de pape nak buat. nk study xde org nak ajar. nasib nasib. malang sungguh. dah la konsert 2PM tu dah tak dapat pegi. yg Mnet nnt pun tak boleh. perghhh, lagi tension. ok la, kita teruskan dgn tutor kita. kali ni nk ajar cara2 nak tukar cursor. ape tu cursor? ha? tak tau ke? laa, cursor tu bende yg gerak bila korg gerakkan mouse / touchpad korg la. yg mcm ank panah tu. kebanyakan blog diorg tukar cursor utk nampak lebih cantik lagi. ok, mula2 pegi ke Design > Page Elements > add Gadget > HTML lepas tu paste kan je code ni <style type="text/css">body, a, a:hover {cursor: url( URL GAMBAR ), progress;}</style> ...