Banner animasi menggunakan software instant Flash Banner.

1. Untuk membuat sebuah animasi flash banner yang sederhana kita bisa
menggunakan sebuah software yang terbilang mudah dari sisi penggunaanya
yaitu flash intro and banner maker
2. Pilih start  program  flash intro and banner maker

Gambar 1 : Membuka Program

3. Pada tampilan awal terdapat jendela tentang sofware dan contoh template
banner.

pembuatan design banner 1

 Gambar 2 : Jendela Program
4. Pada menu jendela movie terdapat beberapa pengaturan movie dan
banner seperti terlihat pada gambar dibawah ini :

Untuk memberikan Pengaturan ukuran Kecepatan animasi

suara background movie berdasarkan tiap detik
pada animasi satuan pixels

Generate compressed Flash movie : untuk mengkompres file

Add preloader to flash movie : menambahkan preloader
Stop flash movie playing after specified times : untuk
memberhentikan animasi pada saat yang kita tentukan

pembuatan design banner 2

 Gambar 3 : Pengaturan ukuran movie dan musik
5. Pada menu background terdapat pengaturan warna dan latar belakang
gambar untuk animasi.

Jendela jika kita Pengaturan warna

menambahkan clipart background baik
ataupun gambar yang solid maupun
gradasi

Add
clipart

Terdapat
beberapa
kategori
clipart yang
bisa kita pilih

pembuatan design banner 3

 Gambar 4 : Mengatur background dan clipart
6. Selain clipart kita juga bisa menambahkan gambar untuk dijadikan
background.

Pengaturan posisi, putaran Menambah dan

dan ukuran gambar menghapus file

Gambar 5 : Mengatur background dari file

Gambar 6 : Contoh banner yang diganti file backround

pembuatan design banner 4

7. Selain clipart kita juga bisa menambahkan gambar untuk dijadikan

Untuk menggunakan lebih

dari 1 background effect.

Berbagai jenis efek background Parameter atau pengaturan

yang bisa kita pilih untuk efek bakground yang
kita pilih

Gambar 7 : Menambahkan efek untuk background

8. Selain menambahkan dan mengatur beberapa efek, software ini juga

memberikan fasilitas untuk mengatur tulisan dan beberapa efeknya sehingga
menghasilkan suatu animasi yang menarik seperti terlihat pada gambar
dibawah ini.

pembuatan design banner 5

 Daftar teks yang ada Menambah dan menghapus text

Mengganti atau Mengedit text, menginput

menambahkan teks dan mengurangi jenis text,

pembuatan design banner 6

 Gambar 8 : Menambahkan dan mengedit teks
9. Efek untuk teks yang telah dibuat.

Parameter atau pengaturan

Berbagai jenis efek teks yang untuk efek teks yang kita
bisa kita pilih pilih

Mengatur posisi text

pembuatan design banner 7

 Gambar 9 : Pengaturan efek dan posisi teks
10. Selanjutnya terdapat pengaturan link dan timing animasi

Replay flash movie when user clicks on the text :

Pilihan jika animasi atau flash movie berjalan jika diklik textnya.
Open web Page when user clicks on the text :
Membuka halaman web jika textnya diklik.

Pengaturan
animasi text,
seperti jika
animasi text
ditampilkan
atau ketika
menghilang

pembuatan design banner 8

 Gambar 10 : Link dan Timing Text
11. Mengatur halaman address suatu web jika animasi berhenti dapat dipilih
pada menu web links.

Memasukkan URL atau halaman web jika animasi berhenti

Gambar 11 : Web Links

12. Setelah selesai mengatur dan membuat animasi yang sesuai dengan
selera kita. Pilih publish pada menu kiri dan tekan tombol publish. Setelah
kita tekan akan muncul jendela seperti dibawah ini.

Jenis file yang bisa

dibuat. Sebagai contoh
pilih SWF.Karena untuk
AVI akan sangat berat
untuk sebuah website

Membuka folder
output hasil publish
dan Tekan OK jika
telah selesai memilih

pembuatan design banner 9

 Gambar 11 : Publish Setting

Source code HTML yang bisa

dicopy ke file web kita

Gambar 11 : Publish Setting

13. Setelah selesai membuat animasi banner, masuk kehalaman

administrator dan masukkan gambar pada menu setting admin dan menu
gambar atas. Pada modul petunjuk praktis penggunaan model website.

pembuatan design banner 10

 Selamat Mencoba…

Learn learn and learn….!!!!

Tentang Penulis :

Maaf saya bukan penulis..

Saya tukang ketik…

FB & FS & YM..kuabeh pokoke : barker_kidzz182@yahoo.com

pembuatan design banner 11