Sunday 12 April 2009

tips membuat banner flash sederhana (by request)




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.

23 comments:

  1. Mak Nyuss nih... gue juga dah punya..

    ReplyDelete
  2. siiip...gampang banget..
    tp Q pengen bisa flashMX...

    ReplyDelete
  3. errr, perlu siapin cemilan jg nda ?? *sambil ngemil ayam goyeng*

    ReplyDelete
  4. mangap bule.....yang 1 tadi draft..tp ikutan ke-post waktu nge klik..kikiki...dasar culun mupeng mah...

    ReplyDelete
  5. xixixixixixixi.. nda mama, Chayank
    practice makes it perfect.. otreh beibehh ;)

    ReplyDelete
  6. ajarriiiinn...kalo bisa ebooknya minta donk

    ReplyDelete
  7. seeepp..sekarang pulang dulu ahhhh...udah soree....

    ReplyDelete
  8. Hahaha... Belajar aja sendiri Cak..!!

    Ni gue kasih link Download Ebook nya :

    Tutorial FlashMX - Indonesia | 400 KB
    Macromedia FlashMX - Indonesia | 1.3 MB
    Met belajar aja Cak..


    ReplyDelete
  9. Satu lagi... Ntar kalo udah pinter, gantian ajarin akyu...

    ReplyDelete
  10. hihihi...kita blajar bareng wae y kang :)

    ReplyDelete
  11. THANX gan...
    ane ijin nyoba y and ijin sedot dlu gan


    sukses buat agan

    ReplyDelete
  12. sama2..silahkeun Gan..*pasti Kaskuser yahh*

    ReplyDelete
  13. hehehheeeeeeeeeeeee...

    tau aj ni si agan... :ngacir:

    ReplyDelete

"berkatalah yang baik atau diam"