attachment tutorial flash

kali ini kita akan belajar membuat banner flash menggunakan software pembuat banner flash instan (tidak serumit menggunakan macromedia flash MX).
kita siapkan bahan2 :

software Aleo Flash Intro Banner Maker, bisa di download di sini (petunjuk instalasi software tidak disertakan,& kalau bisa gunakan software yg asli *coz yang ini gretongan*).

bahan2 gambar untuk dasar dan icon pada banner nanti, bisa di download di sini.

setelah semuanya siap, pembuatan banner bisa dimulai.

1. buka software Aleo Flash Intro Banner Maker yang sudah diinstal terlebih dulu, pilih tab "Size and Sound". atur "width", "Height", "Frame Rate" dan "Shape" seperti pada gbr1 fungsi dari parameter tadi berturut-turut adalah untuk mengatur : lebar, tinggi, frame rate (kecepatan frame perdetik), dan bentuk banner flash.
2. beralih ke tab background, atur parameter seperti pada gbr2 dan tambahkan gambar dasaran ungu.png sebagai dasar banner. 
3. beralih ke tab effect,gunanya untuk menambahkan dekorasi pada banner, atur sesuai gbr3. tampilan sementara akan terlihat seperti pada gbr4.
4. beralih lagi ke tab "Text and Image", ini bagian paling rumit. tombol "add image" untuk menambahkan gambar, sementara tombol "add text" untuk menambahkan tulisan/text (gbr5).
5. kita mulai pada "add image" dulu, setelah tombol di klik, maka akan muncul jendela "Select Image File" seperti pada gbr6. tambahkan gambar seperti yang dimaksud dan pilih "display as static image on background >klik OK (jendela "Select Image File" akan tertutup dan kembali pada jendela utama).
   
6. kita atur besar gambar dan posisi pada banner nantinya sesuai dengan parameter pada gbr7. size and position harus diatur ke "custom" agar gambar dapat diatur posisinya. nilai Left berfungsi untuk mengatur batasan dari kiri gambar. nilai Top berfungsi untuk mengatur batasan atas gambar, dan Scale befungsi untuk mengatur skala tampilan gambar pada banner.
7. beralih ke sub-tab "Web Link", berguna untuk mengatur link yang akan dituju bila gambar di klik. contreng "open web page when user clicks on the image", pada "URL target" pilih "_blank" (agar terbuka tab baru pada saat kita klik gambar). isikan URL yang dituju pada "URL address" (dalam hal ini saya mengisikan URL http://3snahouse.multiply.com karena gambar ini berfungsi sebagai tombol HOME pada banner).
8. ulangi proses pada nomor 5 sampai nomor 7 dengan menambahkan gambar yang berbeda dan link yang berbeda untuk icon  dengan link ke "BLOG", "PHOTOS", "MUSIC", "VIDEO", dan "LINKS", hasilnya seperti pada gbr9.
9. setelah menambahkan gambar, kini giliran text berisi link. lakukan sesuai prosedur pada gbr10 , klik "add Text", ketikkan "home" pada jendela "input text", pilih "display as dynamic text" & klik "OK".
10. beralih ke gbr11, edit font pada text "home" dengan mem-block terlebih dahulu, kemudian pilih "edit font style" (dilingkari merah, paling bawah), atur parameter sesuai pada gambar.
11. lakukan pengaturan position dengan memilih "use absolute position", dan sesuaikan nilai left dan top seperti pada gambar, parameter yang lain biarkan default saja.
12. tambahkan web link seperti pada point nomor 7 (gambar tidak sapa sertakan karena sama persis) pada contoh yang saya buat, tulisan ini saya arahkan menuju link http://3snahouse.multiply.com.
13. ulang proses pada point nomor 10-12 untuk menambahkan tulisan "BLOG", "PHOTOS", "MUSIC", "VIDEO", dan "LINKS" dan tambahkan web link ke URL yang diinginkan (contoh : http://3snahouse.multiply.com/journal untuk "BLOG", http://3snahouse.multiply.com/photos untuk "PHOTOS").
14. banner dengan icon dan tulisan disertai link sudah jadi, tinggal menambahkan sedikit dekorasi text atau animasi (falling maple) seperti pada gbr13.
15. setelah selesai, klik Tab publish, klik tombol Publish. keluar Jendela baru, pada pilihan "select file type" pilih format SWF, dan contreng pilihan "create html file" dan Klik "OK" (gbr14).
16. arahkan pada direktori penyimpanan. hasilnya terdapat 2 file dengan nama yang sama namun berbeda ekstensi yaitu *.html dan *.swf. upload file swf ke webhosting dan copy linknya untuk dipasang pada header MP anda.
    

contoh file flash bisa dilihat dengan meng-klik button berikut ini :


 

mohon maaf bila ada kekurangan
semoga berguna
terima kasih.

Attachment: bannertux.swf
Attachment: bannertux.html
Attachment: bahan.rar
Attachment: favicon.ico