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 :

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.

author
Author: 
    Cara Membuat Logo Di Photoshop Dengan Mudah
    Cara Membuat Logo Di Photoshop Dengan Mudah
    Cara membuat logo di photoshop Photoshop adalah
    Cara Membuat Gradasi Warna Di Photoshop
    Cara Membuat Gradasi Warna Di Photoshop
    Cara membuat gradasi warna di photoshop Banyak
    Cara Mudah Dan Cepat Mengganti Warna Template Blogger
    Cara Mudah Dan Cepat Mengganti Warna Template Blogger
    Mengganti warna template blog adalah satu hal
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Pada dasarnya poster adalah sarana untuk mengiklankan
    1. author

      Yoga Tyawan1 tahun ago

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

      Reply
      • author
        Author

        TeoriDesain1 tahun ago

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

        Reply
    2. author

      Yoga Tyawan1 tahun ago

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

      Reply
      • author
        Author

        TeoriDesain1 tahun ago

        bisa banget gan , kan diatas udah ditulis bikin dua atau lebih gambar

        Reply
    3. author

      rizki fauzan1 tahun ago

      Mkasih mas. Sangat membantu. Good job!

      Reply
    4. author

      Banner Murah10 bulan ago

      makasih banyak gan

      Reply

    Leave a reply "Cara Membuat Banner Iklan Animasi Menggunakan Adobe Photoshop"

    Must read×

    Top