Iklan :

31 Juli 2012

Cara membuat Banner Transparan Pada Photoshop


Gambar banner yang saya buat pada blog saya (disebelah kiri Anda) adalah gambar transparan.  Jika Anda buka Website Fabian Studio, maka Anda akan melihat gambar yang sama dengan background yang berbeda.  Itu bukan Backgroundnya yang saya ganti, melainkan gambar itu memang sudah transparan. 

Jika ingin membuat gambar yang transparan seperti itu Anda bisa mengikuti tulisan saya dibawah ini :

Hal yang pertama kali saya buat adalah, membuat print Screen untuk perencanaan tata letak. Yaitu tentang berapa besar gambar yang kita butuhkan untuk meletakkan pada banner yang ingin kita tuju. Untuk membuat perencanaan itu saya melakukan print screen halaman blog saya. 


Untuk melakukan Print Screen, Anda bisa lakukan : 

1. Buka Halaman website Anda. 
2. Tekan tombol Print Screen 
3. Buka Photoshop Anda. 
4. New File 
5. Tekan Ctrl + V  (Paste) 


Untuk apa kita melakukan Print Screen halaman Blog kita ? 

Ini berguna untuk mengetahui berapa lebar banner yang kita butuhkan. Caranya adalah dengan menseleksi bagian yang ingin kita letakkan Banner. 





Seleksi menggunakan Retangular Marque Tool. Setelah diseleksi maka klik Image (pada sisi atas) lalu klik Crop. 


Sesudah di Crop maka gambar akan menjadi kecil, inilah ukuran banner kita sebenarnya. Secara lebar kita pasti akan mendapatkan akurat, untuk tinggi banner Anda bisa sesuaikan kembali dengan kebutuhan Anda. 

Lalu tekan ctrl + Del, untuk mengosongkan gambar dari artwork photoshop Anda. Setelah kosong Anda bisa mulai membuat Design untuk Banner Anda. Letakkanlah gambar dengan ukuran yang sudah kita buat tersebut. 

Lalu Setelah gambar terbuat, 


Maka Anda lihat pada layer paling bawah / Background. Anda bisa menghapus Layer background tersebut. 


Hapus layer Background tersebut, lalu Save File dengan format png. 


Pilihan PNG pada saat Save Image 

Klik Ok 

Lalu masukkan gambar PNG tadi kedalam blog Anda, alhasil gambar tersebut akan menjadi transparan.

Gak Percaya ? 

Lihat aja hasil gambar yang saya buat dibawah : 


Transparan bukan ? 

Nah sekarang tinggal Anda mencobanya, selamat mencoba ..... 


Salam Kreatif, 



@rie fabian - 


Reaksi Tulisan :

3 comments:

  1. berarti kata kuncinya adalah format file tetap harus png?
    kalo ke jpg gak berhasil?

    BalasHapus
  2. Iya kalau Jpg background pasti ikut, karena file jadi Flatern. Jika PNG file bisa menjadi transparan jikamana memang Background pada layer dihapus.


    Salam Kreatif,

    @rie fabian -

    BalasHapus
  3. Izin mampir agan, terimakasih :)
    http://bit.ly/1GDl7wE

    BalasHapus

Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar dibawah ini.