Membuat Banner web blog

Banner mungkin sudah tidak asing lagi bagi yang sudah malang melintang di dunia internet, karena setiap kita mengunjungi sebuah website pasti ada banner disana dan hampir semua website memasang banner.

Dan dari fungsinya sendiri banner ini bermacam2, ada yang hanya sebagai pemanis website saja sampai sebagai media untuk promosi dari website maupun produk-produk yang ditawarkan

.

Pemasangannya sendiri dari yang hanya sekedar tukeran banner untuk sekedar promosi gratis ataupun untuk menambah trafik pengunjung ke website kita sampai ada banner-banner yang dijadikan bisnis dari sebuah website yang akan diperhitungakan bila kita memasang banner di website tersebut, seperti detik.com misalnya, kita akan di tarif jutaan rupiah untuk memasang banner disana.
Di postingan ini saya tidak untuk membahas bisnis banner dan peluang-peluang bisnis banner di internet :) tapi hanya memberikan sedikit trik bagaimana membuat 'banner animasi' dengan format .gif yang sederhana tapi menarik untuk website kita. Sebagai tools-nya saya menggunkan Adobe Fireworks, sedangkan untuk banner format lain seperti Adobe Flash mungkin di postingan selanjutnya.
Memang sekarang sudah tidak ada aturan khusus lagi untuk ukuran dalam hal pembuatan image banner, lain dengan dulu kalau buat banner kecil pasti ukuran yang diminta adalah 90 x 45 pixel atau kalau untuk main page sebuah website pasti 468 x 60 pixel... halah... bete. :)

Sudah lihat banner produk yang saya buat di Web Store yang saya buat di Riristore Web Store? atau banner yang ada di header postingan ini. ya saya akan coba sharing bagaimana membuat banner tersebut. Daripada bayar menggunakan jasa pembuat banner? :) lebih baik coba berkreasi sendiri kan?
Berikut langkah-langkah pembuatan banner tersebut :

Langkah-1
Buat file baru di Adobe Fireworks dan tentukan ukuran banner yang akan dibuat, untuk banner yang saya buat disini dengan ukuran 410 x 60 pixels
Karena image yang kita buat adalah untuk keperluan website, jadi untuk resolusi cukup dengan 72 pixels/inch saja.

Langkah-2
Setting file tersebut dengan format 'Animated Gif' dari properties yang ada pada bagian bawah lembar kerja.

Langkah-3
Buka file image yang akan kita gunakan di banner yang akan kita buat ini, kemudian 'drag' atau tarik ke file image animasi yang akan dibuat.

Langkah-4
Sebagai atribut tambahan masukkan Text melalui 'Tool' 'Text' yang ada di sebelah kiri lembar kerja.
Sampai sini kita telah selesai membuat image pertama dari banner animasi yang kita buat, untuk membuat image berikutnya adalah dengan membuat 'frame' baru.
Bagaimana membuatnya? coba anda lihat sebelah kanan lembar kerja anda dari deretan window yang ada buka window frames atau bila belum ada coba buka melalui
'Window' | 'Frames'

Langkah-5
Buat Frame baru untuk penempatan image berikut yang akan kita buat, dari tombol 'New/Duplicate Frame' yang ada di bawah Window Frame.

Langkah-6
Langkah selanjutnya dari frame yang baru ulangi Langkah-3 dan Langkah-4 dengan image dan tampilan yang berbeda tentunya.
Dan bila ingin ada beberapa tampilan di banner yang anda buat silahkan buat frame baru lagi untuk itu.

Langkah-7
Langkah terakhir adalah mengatur waktu tampilan (frame delay) dari setiap image yang ada di masing2 frame tersebut, dan untuk mengatur ini melalui window frame, click angka yang ada di sebelah kanan dari list frame yang ada kemudian rubah angka sesuai keinginan anda. Di banner yang saya buat saya setting dengan angka '300'
Untuk animasi model lain silahkan dicoba, dengan:
Select Object yang akan dibuat animasi
kemuadian dari menu Modify | Animation | Animate Selection
Silahkan atur pergerakan animasi yang diinginkan!
Selamat Mencoba!