Membuat Banner Iklan GIF Simpel Dengan Photoshop

Membuat Banner Iklan GIF Simpel Dengan Photoshop

Banner iklan bukan hal yang asing untuk para pembaca blog, Disorientasi satu alasan utama Blogger atau Publisher dalam membuat Blog yaitu mendapatkan penghasilan dari iklan bekerjasama dengan pihak ketiga (sponsor) atau juga dengan Google Adsense. Jenis iklan yang umumnya ada di Blog ini yaitu jenis iklan dalam bentuk banner, Bisa berupa gambar JPG, PNG atau gambar Dinamis atau yang dikenal dengan GIF.

hingga hari ini Saya membuat Blog hanya untuk keperluan bekerjasama dengan pihak ketiga dalam pemasangan banner produk dan review artikel (Paid Review), sempat memakai Google Adsense di blog namun tak akan bertahan lama. Untuk bekerjasama dalam hal pemasangan banner iklan biasanya dari customer (pengiklan) tak akan menyediakan gambar, atau bila sudah ada menurut Saya Anemia begitu menarik di karenakan itu mau tak akan mau Saya wajib membuat ulang. Tampilan gambar banner iklan dengan gambar menarik tentunya akan lebih banyak kesempatan untuk pembaca Blog untuk mengklik atau melihat iklan tersebut.

di tutorial ini Saya akan sedikit menerangkan bagaimana tips membuat banner iklan dengan aplikasi Photoshop. Sebagai Citra jenis banner iklan seperti gambar di bawah ini sebagai contohnya. Gambar dibawah ini yaitu jenis gambar dengan format GIF. Untuk membuat banner iklan ini tak akan wajib diperlukan keahlian dalam Photoshop, hanya cukup mengetahui basic photoshop aja.


di contoh gambar di atas, jenis gambar yang berubah hanya di warna bodi mobil Toyota Sienta aja, artinya Sobat wajib mempunyai 3 gambar warna eksterior mobil Toyota Sienta yaitu Orange, Putih dan Quartz Brown. bila Sobat kebetulan juga ingin membuat banner iklan mobil Toyota silakan download gambar aslinya di Blog Toyota Indonesia.

Setelah gambar utama (mobil) di Bisa, silakan cari backgroud gambar sesuai dengan keinginan Sobat, di contoh di atas Saya memakai warna Orange dengan background kota (city). Untuk logo Toyota Let's Go Beyond, nama mobil Toyota All completely new Sienta biasanya juga banyak tersedia, silakan Sobat Googling, cari gambar dengan format PNG.

Silakan Sobat buka Photoshop setelah itu masukkan gambar yang sudah dipersiapkan sebelumnya (gambar download), masukkan satu persatu sesuai dengan urutan. Untuk gambar mobil ini biasanya dari gambar aslinya mempunyai ukuran yang sama, jadi dalam layer photoshop silakan Soba tumpuk gambar dan pastikan ukuran sama persis sehingga di saat di buat animasi hanya warna aja yang akan berubah.

Background warna di tulisan Toyota All completely new Sienta-Unlock Your Play Ground, logo Toyota dan di tulisan Selengkapnya Saya memakai menu Shape. Kelebihan dengan memakai Shape yaitu warna Bisa diatur sesuai dengan keinginan.

Untuk membuat warna di Toyota All completely new Sienta berubah ubah caranya yaitu buat layer 3 buah, masing-masing layer untuk satu warna. di karenakan ukuran gambar sudah sama persis maka tak akan wajib lagi mengatur besar ukurannya. Namun bila ukuran gambar / posisi ukuran tak akan sama persis caranya yaitu masukkan gambar 1 terlebih dahulu, sebagai patokan, gambar kedua (layer2) sesuaikan dengan ukuran gambar di layer 1 (gambar 1) dan seterusnya.

Proses selanjutnya yaitu tekan menu Window di di bagian atas menu Photoshop cari menu Animasi. Akan muncul menu Animation Frame yang berfungsi untuk mengatur gambar. di karenakan gambar yang akan berubah warna hanya 3 maka buat frame sebanyak 3 buah. di masing-masing frame akan ada tulisan 0 Sec, fungsinya yaitu untuk mengatur jeda tampilan gambar di saat animasi dibuat.

Isi frame satu di layer satu dengan warna Toyota Sienta Orange, di layer warna Toyota Sienta lainnya silakan klik di gambar mata atau tampilkan hiden. Proses kedua sama yaitu di frame 2 hiden warna Toyota Sienta Orange, dan tampilkan warna Toyota Sienta Putih, untuk warna lainnya silakan tampilan hidden. Untuk frame 3 langkahnya tetap sama.


bila semua proses sudah selesai silakan Sobat ganti 0 Sec dengan keinginan Sobat, Bisa 2 atau 3 detik. Silakan lik menu segitiga di bagian bawah Frame atau menu putar. lihat hasilnya, bila semua proses sudah sesuai lakukan penyimpanan gambar, caranya yaitu klik di menu File setelah itu pilih Save For Web & Devices....

Proses membuat gambar animasi GIF sudah selesai, proses berikutnya yaitu tinggal memasukkan gambar ke dalam Blog. Silakan Sobat coba bila ada pertanyaan silakan sampaikan di kolom komentar. Akhir Perkataan selamat mencoba.

Sign up here with your email address to receive updates from this blog in your inbox.

0 Response to "Membuat Banner Iklan GIF Simpel Dengan Photoshop"