Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop

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 :



iklan yang telah distandarkan oleh IAB (Interaction Advertising Bureau)


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. 



Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop bagian 1

Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop bagian 2


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.


Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop bagian 3

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.



Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop bagian 4

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.



Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop bagian 5

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



Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop bagian 6

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.


Comments

  1. Nanya mas itu pake photoshop cs brp ya ko aku ga ada timeline diwindow?

    ReplyDelete
    Replies
    1. pake Adobe Photoshop CC gan, coba klik window terus cari animation.

      Delete
  2. Oh gitu coba deh tek cari. Nanya satu lg kalo gambarnya lebih dari dua biasa ngga ya

    ReplyDelete
    Replies
    1. bisa banget gan , kan diatas udah ditulis bikin dua atau lebih gambar

      Delete
  3. Mkasih mas. Sangat membantu. Good job!

    ReplyDelete
  4. Replies
    1. Sama sama gan banner murah, sekses selalu..

      Delete

Post a comment

Apa yang anda pikirkan setelah membaca konten diatas? jika ingin menautkan link blog, ganti tanda (.) menjadi tanda (,) Thanks