Membuat Banner Iklan Menggunakan Adobe Flash

Setelah coba-coba akhirnya jadi tutorial ini. Kali ini saya akan berbagi sedikit turtorial membuat banner iklan blog menggunakan adobe flash. Banyak iklan atau banner di blog-blog yang menggunakan adobe flash namun kali ini saya akan mencoba membuatnya sendiri dan membagikan tutorialnya kepada sobat blogger semuanya. Langsung saja ikuti langkah-langkahnya :

1. Buka software adobe flash-nya, lalu buatlah new document dan atur ukuran stage sesuai space yang ada di blog.

2. Selanjutnya buat beberapa layer, karena saya mau membuat banner iklan maka saya akan membuat layer teks, beberapa layer gambar, dan layer background.

3. Sisipkan gambar background di layer background, bisa membuat sendiri atau mengimport gambar ke library. Insert Frame di frame akhir misal frame iklan sampai 100 maka insert frame di frame 100.

4. Setelah background selesai, buat animasi teks iklan menggunakan motion tween. Kalau saya membuat animasi teks seperti berikut.

 

5. Kemudian buat gambar iklan yang ingin kita tampilkan pada layer yang telah disediakan. Buatlah animasi nya bebas seuai kebutuhan bisa menggunakan motion tween. Kalau disini saya menggunakan motion tween ditambah dengan efek Alpha yang dirubah dari 0% menjadi 100% pada obyek properties.

Kemudian buat keyframe di frame berikutnya dan rubah Alpha menjadi 100%.

6. Buat motion tween diantara frame Alpha 0% dan Alpha 100%. Sehingga akan menghasilkan animasi seperti ini.

7. Untuk mengelinkkan iklannya buat sebuah tombol. Pertama buat object tombol di layer tombol tentunya kemudian rubah object menjadi button (f8). Tombol bisa diperindah dengan animasi dan ubah tombol kelika kursor diarahkan seperti berubah warna atau berubah bentuknya. Dengan cara insert keyframe pada frame Over dan rubah bentuk tombol atau ganti warna yang lain.

8. Setelah selesai jangan diexport dulu kita harus memberikan Instance Name pada button dan sebuah actionscript agar button dapat mengelink kan dimana iklan itu menuju. Beri Instance Name terserah pada button properties.

Untuk memberikan actionscript klik kanan button lalu pilih action tambahkan code actionscript 2.0 di bwah ini. Ganti "order_btn" sesuai dengan Instance Name yang diberikan tadi.

//script button
order_btn.onPress = function()
{
   getURL("http://udinnjaen.blogspot.com", "_blank");
}

9. Setelah selesai export menjadi file SWF dan tambahkan widget ke dalam template blog, dengan cara seperti pada postingan saya sebelumnya. Untuk hasil akhirnya dapat dilihat sendiri dibanner bagian bawah blog saya.

Terimakasih semoga membantu dan bermanfaat. ;D