ukuranlengkapbanneriklanteoridesain

Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

Posted on

Banner iklan merupakan promosi termudah untuk mengenalkan dan menyampaikan produk kepada konsumen atau khalayak ramai. Didunia internet, anda akan sering melihat banner iklan di beberapa situs entah itu berbentuk gambar ataupun animasi.

Ada banyak software untuk membuat banner iklan, contohnya AnimatorDv, Stykz, dll. Namun, kali ini saya akan membuatnya dengan perangkat lunak yang biasa digunakan untuk mengedit dan memanipulasi foto, yaitu Adobe Photoshop. Sebelum membuat, ada baiknya anda mengetahui ukuran banner iklan yang telah distandarkan oleh IAB (Interaction Advertising Bureau), yaitu :

ukuranlengkapbanneriklanteoridesain Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

Membuat Banner Iklan dengan Photoshop

1. Pilih ukuran banner, disini saya menggunakan Leader Board (728 x 90).

2. Buatlah dua atau lebih gambar yang sama, namun salah satunya memiliki icon tanda arah dengan beda warna atau tulisan yang mengajak untuk mengklik, seperti klik disini, click here, dan lain-lain. 

caramembuatbanneriklangambar1 Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop
caramembuatbanneriklangambar2 Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

3. Buka Adobe Photoshop, Klik Menu File > Script > Load File Into Stuck. maka akan keluar kotak dialog, klik Browse lalu pilih satu persatu gambar yang akan dijadikan animasi secara urut. Setelah itu OK.

caramembuatbanneriklan1 Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

4. Klik Menu Window > Timeline. Maka akan terbuka kotak dialog dibagian bawah lalu klik creat video timeline. Apabila gambar tersebut berjajar vertical, drag/pindah gambar kedua tepat dibagian kanan setelah gambar pertama. Silahkan mengatur delay waktu setelahnya.

caramembuatbanneriklan2 Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

5. Jika semuanya sudah diset, klik Menu File > Save for web. Maka akan keluar kotak dialog, pada Looping Options pilih Forever (ini berfungsi agar gambar animasi terus berjalan). Klik Preview. Jika sudah puas, klik Save atau anda dapat mengcopy script coding untuk banner iklan animasi tersebut saat preview.

caramembuatbanneriklan3 Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

6. Berikut hasil akhir dari pembuatan banner iklan animasi menggunakan Adobe Photoshop

hasil akhir banner iklan teoridesain Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

Demikian tutorial cara membuat banner iklan animasi menggunakan Adobe Photoshop. Apabila anda memiliki produk atau sebuah bisnis, tidak ada salahnya membuat banner iklan sendiri dan meletakannya dibeberapa situs agar cepat terkenal. Semoga bermanfaat.

9 thoughts on “Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

  1. sore gan. ane mau tanya nih. mohon maaf seblmnya. maklum masih baru belajar. cara masukin banner ke dalam video lewat photoshop CC gimana ya ga? mohon petunjuknya gan. td saya sudah pasang ke dalam video, tp bannernnya gak gerak bannernya gan. itu gimana ya gan. apa formatnya harus gimana gt. makasih seblumnya ya gan.

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *