Buat Banner Pake Flash, yuk!

Sebelum saya kasih Trik membuat banner dengan flash ini, mungkin perlu tahu juga kalau buat banner ataupun animasi untuk keperluan di website dengan flash usahakan menggunakan versi 1 atau 2 di bawah dari versi yang sedang beredar sekarang, ini untuk menghindari banner kita kelewat 'canggih' yang mengakibatkan gak akan muncul juga kalau dibuka menggunakan flash versi di bawahnya. Kalau yang sedang beredar sekarang adalah versi 9, kita buatnya pakai versi 7 atau 8 aja (di-save ke versi tersebut maksudnya kalau buatnya sih terserah mau pakai versi berapa).

Dan Tips-nya adalah karena objeknya akan bergerak, supaya menarik dan informasinya masuk dengan banner yang kita buat ini, kita buat satu layout akhir apa informasi yang akan kita sampaikan dari banner yang akan kita buat tersebut.

Misal kita akan membuat banner dari sebuah logo, kita pisahkan satu objek dengan objek yang lainnya, seperti text title dengan objek logo tersebut dan dibuat satu persatu yang diakhiri dengan terbentuknya sebuah logo tersebut.

Untuk jelasnya coba ikuti langkah-langkah berikut, saya akan coba membuat banner animasi untuk logo millis blogger-indonesia@yahoogroups yang ada di blog saya. Heyaah.. kok logo millis blogger-indonesia mas yang dicoba? Bilang aja mau nginvite ya mas? Daripada logo yang lain nanti malah disangka jualan lagi hehe...
Tapi kalo yang mau join ya gak dilarang dan semua tips dan trik saya pasti di posting di sana.:)

Berikut langkah-langkahnya:

Langkah 1

Buat file flash baru dengan nama BANNER

Langkah 2

Tentukan ukuran banner yang akan kita dibuat.
Saya akan coba banner dengan ukuran 200 x 100 px. Untuk merubah ukuran tersebut bisa melalu toolbar MODIFY, DOCUMENT, dan untuk fps (frame per second) gunakan standard aja yaitu 12 fps.

Langkah 3

Setting file flash menjadi versi di bawahnya, karena yang akan saya coba tidak membutuhkan animasi yang aneh-aneh atau dengan fitur yang ada di flash versi terbaru. Saya coba dengan setting ke flash versi 7 aja, caranya dari:
FILE, PUBLISH SEETINGS atau melalui menu setting yang ada di bawah lembar kerja Anda.

Dari window masuk ke tab Flash kemudian pilih Version dari menu option yang ada, ubah menjadi version 7.

Langkah 4

Bagi yang baru mencoba flash kenali lembar kerja flash Anda, flash menggunakan TIME LINE dengan kontek FRAME BY FRAME untuk membuat objek bergerak. Jadi ibarat kita menyusun gambar dari satu frame ke frame berikutnya yang kalau dijalankan akan membuat sebuah gerakan. Lihat gambar mana yang dimaksud dengan frame yang ada di atas lembar kerja Anda.

Langkah 5

Buat objek satu demi satu dari logo yang akan dibuat banner dengan tool yang ada di sebelah kiri lembar kerja anda yang tidak berbeda dengan program pengolahan grafis seperti Photo Shop, Firework dll.

Kebetulan yang saya buat adalah semua attributnya adalah text, tapi bila ada objek gambar tinggal di-import dahulu gambar tersebut melalui FILE, IMPORT, IMPORT TO LIBRARY yang selanjutnya untuk memasukkan di lembar kerja tinggal di drag saja image yang ada di library-nya yang ada di sebelah kanan lembar kerja Anda.

Langkah 6

Pisahkan satu objek dengan objek lainnya dengan layer dan menggunakan TIMELINE sendiri-sendiri, untuk memisahkannya coba dengan SELECT ALL (Ctrl-A) kemudian klik kanan pada objek tersebut DISTRIBUTE TO LAYER (lihat perubahan pada TIMELINE di atas lembar kerja Anda). Hapus layer yang tidak digunakan dengan klik pada layer dan cklik icon DEL yang ada di bawahnya.

Langkah 7

Untuk membuat suatu objek gerakan di flash kita buat sebuah KEYFRAME.
Dari layer title BLOGGER dan pada TIMELINE klik pada frame 30 INSERT KEYFRAME (F6)

Kemudian klik layer BLOGGER untuk menyorot semua objek yang ada di TIMELINE tersebut,

lalu klik kanan dan CREATE MOTION TWEEN

Langkah 8

Anda telah membuat pergerakan objek title BLOGGER sekarang,

tapi karena terletak di tempat yang sama jadi pergerakannya tidak dapat terlihat, coba pindahkan objek yang ada di FRAME 1 ke tempat lain, dengan cara klik pada FRAME 1 kemudian klik dan drag objek TITLE BLOGGER ke tempat yang Anda inginkan, seperti pada gambar berikut.

Setelah itu ENTER untuk mencoba melihat pergerakan objek tersebut.
Yaa.. Anda sudah membuat sebuat animasi sederhana menggerakkan objek di flash.

Ulangi langkah-7 dan 8 untuk membuat pergerakan objek yang lainnya INDONESIA, @, dan YAHOOGROUPS, supaya tidak monoton coba buat pergerakan lainnya seperti pergerakan sebaliknya atau tidak hanya di-drag tapi diperbesar objeknya yang akan membuat animasi pergerakan objek dari besar ke kecil.

Sedangkan untuk pemunculan objek yang tidak bersamaan bisa di geser saja yang ada di TIMELINE, dengan cara select TIMELINE objek klik dan geser ke timeline yang akan anda pindahkan, lihat gambar untuk jelasnya.

Langkah 9

Sampai sini Anda telah membuat sebuah banner logo dengan flash, untuk langkah terakhir adalah mem-publish file flash anda ke format SWF supaya bisa dijalankan di website dari file editor flash-nya dengan format FLA.

Simpan file flash Anda kemudian untuk membuat file SWF bisa dari:
FILE, PUBLISH yang akan disimpan di satu folder dengan file FLA flash Anda.

Coba file banner Anda, dan silahkan berkreasi dengan membuat banner-banner yang menarik lainnya.

Selamat Mencoba!

Untuk yang ingin memperdalam flash atau bagaimana membuat animasi yang lainnya bisa coba-coba di sini: Flashkit.com

*** (Ipul Awar)

Dengan ijin penulis, kami mengopi artikel di atas dari salah satu posting di blog.