Contoh gambar dengan background transparan bisa kalian lihat di bawah ini.
Yap, itu adalah logo blog ini. Klik gambar lalu simpan dan bukalah di photoshop. Kalian akan tahu perbedaannya dengan gambar biasa. Gambar seperti itu biasanya emang dipake buat header, banner maupun icon.
Inilah langkah-langkah pembuatannya:
1. Pertama buka gambar di photoshop yang ingin backgroundnya dibuat menjadi transparan.
2. Duplikat layer. Caranya tekan Ctrl+J.
3. Hapus background. Caranya klik kanan layer background lalu pilih delete layer (yang di klik kanan tulisan 'background'nya ya ). Letaknya ada di pojok kanan bawah.
4. Sekarang tinggal layer dupiklat tadi (Layer 1). Hapus bagian yang tidak diinginkan atau agar menjadi transparan sampai rapi. Untuk memotong gambar biar rapi pake photoshop bisa diliat lagi disini.
5. Setelah itu tinggal disave. Caranya lewat File>Save for Web & Devices..
6. Ubah preset menjadi PNG-24. Lalu jangan lupa beri centang pada Transparency.
7. Klik save! Jadi dah..
Selain PNG bisa juga memakai preset GIF. Ukurannya filenya lebih kecil akan tetapi kualitas gambarnya lebih bagus PNG. Well, mau pilih yang mana? Tentu tergantung kebutuhan kita
Bila ada yang kurang jelas silakan bertanya lewat komentar
Created by Tukang Pamer



{ 39 comments... read them below or add one }
wow... Thx ya sob.... di ctrl + D dulu....
Ntar low dah waktu,, bru deh d praktek....
sama-sama sob :D
tp ctrl+J bukan ctrl+D. hehe
hahahaha....
maksud.nya di bookmark dulu....
adooohhhh..
Parahhh.
wkwkwk...
aku kira sobat slh tafsir 'D'uplikat itu ctrl+D
eh trnyata..
hahaha sory dah..
kalau blog q dah transparan belum yah, salam kenal sob
au ah blognya gelap :p
hahaha bcanda, , blognya keren sob!
sering mampir2 ya..
Gimana sih cara bikin nya..??
diatas sudah saya jelaskan mbak..
bagian mana yg kurang mengerti? hehe
pasti saya bantu..
sip sipp, biasa aku gunakan :d
thanks, silakan bro :D
patut di coba thanks tutornya sob
sama2 sob, silakan dicoba :D
lama gak dipraktekin jadi lupa sob
haha, sekarang udah ingat lagi kan??
hehe
Kalau pake CS5 sama aja ya?
kayaknya sih sama aja..
hehe
kk mau tanya, kalo mau save untuk web itu kudu/harus PS CS brp?
bales d comment ane yah :DD
d
thank atas Ilmunya..... saya jadi punya lebih banyak inspirasi untuk website saya....... ^_^
coy....
klo di save ke drive sendiri bisa gak dengan format ".jpg".......
klo ga pke photoshop ad ga cra nya?
mas photoshop nya donload dimana?
Thanx gan....
brguna bnget nech bwt tranparansi wrapper web gua
wew thanks so much for the information, I've been looking for this the whole day :D
makasi ya abang..
aaaaaaaaaah akhirnya ketemu juga yang ane maksud2, makasih gan atas artikel pencerahannya :D
Gan photoshop apa yang dipake nih?
kasi tau dong versinya ..
sippppp
makasih gan infonya
oke gan makasih infonya sangat membantu
Makasih banyak nih!
Saya masih newbie tp mau bikin desain web :D
Ditunggu kunjungan baliknya yah.. :D
siap makasih gan
hohohoh, sip dah
kok gak berhasil???? masioh putih?
kok gak berhasil???? masioh putih?
mantap gan.....kunjung balik ke bllog saya, http://ponda-samarkand.blogspot.com
nambah ilmu lagi nichh..
berkunjung kesni mahh
hatur nuhun juragan...
bde di cobian ku simkuring....
infonya sangat membantu
tanks gan
udah berhasil dong hhhehe
thnk gan
mantep mas, makasih ya cara nya
Post a Comment
Mau komentar tapi tak punya akun apaun??
Tenang, pilih ID Name/URL, isi namamu terus URLnya bisa dikosongi. Selamat pamer komentar!
Terima kasih :D