MEMBUAT PRELOADER dengan Flash


  • Buat sebuah persegi panjang dan jadikan movie clip pada stage.
  • Klik ganda movieclip (atau klik kanan>edit in place). Buat layer baru di atas layer pertama. Klik Fill dari kotak, klik kanan>cut. Kemudian klik layer kedua. Klik kanan>paste in place. Pada contoh ini layer pertama : layer garis, layer kedua :layer fill. (Untuk mengubah nama layer tinggal klik dua kali di nama layer tersebut)
  • Klik kanan frame 50 pada layer garis, kemudian klik “insert Frame” (atau tekan f5 untuk lebih mudah)
  • Klik kanan frame 50 pada layer fill, kemudian klik “insert keyframe” (atau tekan f6)
  • Sekarang kita mau membuat animasi loading. Pertama-tama Lock layer garis (dengan mengklik titik kedua dari kiri hingga muncul tanda gembok). Klik frame pertama, kemudian klik layer fill. Dengan selection tool, blok fill seluas area pada gambar, kemudian tekan delete.






Seharusnya jadi seperti ini 


  • Sekarang pada layer fill , frame 49, klik kanan, dan pilih “Create Shape Tween” hingga jadinya seperti ini        
 
         Sekarang kita punya animasi preloader sederhana, bisa di tes dengan tekan enter.

  • Pada frame 1 layer fill, masukkan Action Script stop();
  • Klik Scene, atau klik bebas selain objek pada stage.
  • Sekarang kita punya sebuah movieclip kan? Klik movieclip tersebut dan pada properties beri nama bar_mc

  • Sekarang klik Text Tool, buat text box dengan property Dynamic text dan memiliki instance name persen_txt
 
  • Sekarang klik Windows>Other panels>Scene.
  • Pada dasarnya ada sebuah scene 1 yang merupakan workspace kita tadi. Klik ganda scene tersebut dan ganti namanya menjadi “preloader”.
  •  Kemudian klik Add scene (tanda +), sama seperti cara di atas, beri namanya menjadi “your movie” catatan : scene layaknya sheet pada kawan-kawan yang sering menggunakan Excel.
  • Kembali ke scene “preloader”
  • Klik pada frame [ BUKAN PADA MOVIECLIP!! ] dan masukkan AS2 berikut
    stop();
    loaded = 0;
    full = 0;
    persen = 0;
    _root.onEnterFrame = function() {
    loaded = Math.round(_root.getBytesLoaded());
    full = Math.round(_root.getBytesTotal());
    persen = Math.round((loaded/full)*100);
    persen_box.text = persen+"%";
    if (full<=loaded) {
    delete this.onEnterFrame;
    gotoAndPlay(2);
    } else {
    _root.loader_mc.gotoAndStop(persen/2);
    }
    };
  • Sekarang kita bekerja di scene “your movie”. Klik scene tersebut. Beri keyframe pada layer 10. Kemudian beri action script stop();
  • Buat kotak dengan rectangle tool dan jadikan “button”.
 
  • Klik tombol tadi dan masukkan script berikut:
    on(press){
    gotoAndPlay(1);
    }
    Sudah jadi preloadernya. Yuk tekan ctrl+enter untuk ngetesnya ! loh… kok nggak jalan? Karena script kita bergerak pada loading bytes dan realtime, jadi tidak ada ngaruhnya (karena nggak ada yang didownload, cumin di dalam komputer sendiri). Untuk itu kita perlu mengsimulasikannya.
    1. Tekan ctrl+enter
    2. Pada player klik view>simulate download.
  •                                                                                                                                                         3. Download akan bersimulasi. Mungkin agak terlalu cepat, kita bisa mengubah “seolah-olah kecepatan download kita” dengan klik view>Download Settings, dan pilih kecepatan download.
    4. Kalau mungkin masih terlalu cepat (karena file yang kita buat terlalu kecil), bisa diubah kecepatan “seolah-olah download” dengan view>Download Settings>Costumize. Bit rate nya bisa kita ubah sendiri.
    5. Lebih mudahnya, kita bisa menaruh beberapa file yang lumayan besar (misalnya foto) pada scene “your movie”.
    6. Selamat mencoba!

         Sumber Tiian dari BabaFlash.

Subscribe to receive free email updates:

0 Response to "MEMBUAT PRELOADER dengan Flash"

Poskan Komentar