Beranda :: Basis Web :: Pemrograman Flash :: Animasi frame blur menggunakan Adobe Flash CS3
AddThis Social Bookmark Button
Animasi frame blur menggunakan Adobe Flash CS3 PDF Cetak E-mail
Oleh Purbo Kusuma   
Senin, 19 Oktober 2009 16:53

Di postingan Pemprograman Flash pertama ini, kita akan membuat animasi blur sederhana menggunakan actionscript 2 pada Adobe Flash CS3. Kelebihan dari penggunaan Actionscript ini ukuran file akan menjadi semakin kecil dan itu baik sekali untuk animasi banner atau foto, di website.

  • Buatlah sebuah project baru dan simpan dengan nama animasi frame blur.fla
  • Klik Dokument Properties dan ketik dimention 280 x 200 pixel. Dan ganti juga frame rate nya 99, ini untuk mengubah kecepatan animasi.
  • Import sebuah gambar dengan ukuran 250 x 180 px. Otomatis gambar berada di Library, drag ke stage, lalu tekan F8 dan jadikan Movie, beri nama foto_mc, lalu Ok.
  • Klik foto_mc pada stage dan beri nama instance name nya foto_mc sama seperti nama movie nya.
  • Buatlah layer baru, disini kita akan mulai menulis script animasinya.

// sript ini untuk memanggil kegunaan filter pada Flash
foto_mc.filters = [new flash.filters.GlowFilter()];
 
// script ini untuk menentukan pengulangan animasi kembali pada point 1
var dir:Number = 1;
 
// point 1 dimulai disini
foto_mc.blur = 7;
 
// apabila blur di angka 30 animasi akan kembali blur 7
foto_mc.onEnterFrame = function() {

    foto_mc.blur += dir;
    if ((foto_mc.blur >= 30) || (foto_mc.blur <= 7)) {
    dir *= -1;
    }

    var filter_array:Array = foto_mc.filters;
    filter_array[0].blurX = foto_mc.blur;
    filter_array[0].blurY = foto_mc.blur;
    foto_mc.filters = filter_array;
};

Sebagai contohnya silahkan lihat pada SWF di bawah ini :
 
 
 
Terakhir Diperbaharui pada Selasa, 03 November 2009 14:02