Membuat Animasi Loading dengan Macromedia Flash - alif-ilmu

alif-ilmu

Kumpulan Tutorial Desain

"Design like you. So Beautiful"

Monday 1 August 2011

Membuat Animasi Loading dengan Macromedia Flash

Alif Ilmu | Sebutir nasi Ide yang muncul dapat membuat saya berimajinasi untuk membuat tutorial ini Walau perut terasa sangat lapar. Kali ini saya akan mencoba membuat Animasi Loading dengan Macromedia Flash..

1. Buka Software Macromedia Flash.
2. Buatlah Stage baru dengan cara klik File > New / Ctrl+N, untuk ukuran stagenya bisa kamu sesuaikan sesuai selera.
3. Aktifkan Oval Tool lalu tekan Shift+Drag, untuk membuat bulatan sempurna dan beri warna #fc4798.
4. Copy Bulatan tadi dengan cara klik kanan pada objek/bulatannya lalu klik kanan Paste in Place (agar objek yang dicopy tadi dipastekan ditempat semula), bingung yah penjelasannya? mohon dimaklum perut lagi kelaperan lagi puasa. hehehehe
5. Setelah bulatan tadi dicopy langsung ganti warnanya dengan warna apa saja, setelah itu klik sembarang pada stage. klik lagi bulatan yang baru dirubah warnanya lalu tekan Delete, maka hasilnya akan seperti dibawah ini.
6. Buatlah 4 buah garis kotak dengan menggunakan Ractangle Tool dan beri warna seperti pada gambar dibawah.
7. Setelah itu tempatkan ke-4 garis kotak tadi seperti gambar dibawah ini.
8. Pilih salah satu kotak tadi maka kotak yang lainnya pun akan ikut terpilih, tekan Delete pada Keyboard, dan hasilnya akan seperti ini.
9. Pilih salah satu potongan bulat tadi, tekan F8 > pada pilihan Type pilih Movie clip dan untuk nama bisa kamu sesuaikan.
10. Buatlah layer baru, beri nama (contoh : Potongan 1) untuk penempatan potongan bulat tadi yang sudah diubah menjadi Movie clip dengan cara  klik kanan Copy > pilih layer baru > klik kanan Paste in Place.
11. Double klik pada potongan bulat yang sudah diubah menjadi Movie clip tadi maka akan muncul tampilan timeline baru yang masih kosong
, klik kanan pada frame 16 lalu pilih Insert Keyframe.
12. Klik kanan pada Pertengahan frame 1-16 lalu pilih Create Motion Tween.
13. Klik frame 16 lalu klik pada potongan bulatnya, pada Property Inspector (F9) pilih Color : Alpha 0%, Lihat gambar dibawah.
14. Double klik sembarang pada stage, ulangi langkah ke 9-13 untuk potongan bulat yang lainnya secara berurut, lihat gambar dibawah
15. Setelah itu atur posisi setiap frame hingga seperti gambar dibawah (terlalu panjang untuk saya uraikan dengan kata-kata) hehehehe.
16. Buatlah layer baru, beri nama (contoh : coding) dan posisikan layer diurutan paling atas, lalu pada frame 17 dan frame 31/frame akhir klik kanan > Insert Keyframe.
17. Masih dilayer coding, pada frame 17 buka Property Inspector  (F9) lalu pada frame label beri nama loop, fungsi loop tersebut untuk mengulang!
pada frame 31 buka Property Inspector  (F9) lalu pada Tab Actions masukkan script berikut :
                                                     gotoAndPlay("loop");

18. Tekan Ctrl+Enter untuk melihat hasilnya.
maka hasilnya akan seperti dibawah ini.




17 comments:
Write komentar
  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. sangat bermanfaat, dicoba dulu ya

    ReplyDelete
  3. Thx infonya^^

    membantu bgt nih

    ReplyDelete
  4. @Haruna
    sama-sama gan, makasi juga udah mau berkunjung ^_^

    ReplyDelete
  5. Thanks modulnya

    ReplyDelete
  6. thanks ya lae...
    fauzul from medan

    ReplyDelete
  7. ngga mudeng.. susah loncat2. ngga detail padahal aku tertarik bikin kaya ginian. aduh

    ReplyDelete
  8. penjelasannya lerlalu cepat

    ReplyDelete
  9. makasih ilmunya gan, ane musti coba nih :D

    ReplyDelete
  10. terima kasih kakak tapi terlalu cepat penjelasanya

    ReplyDelete
  11. cara menghilangkan background pada flash gimna ya ?
    terima kasih

    ReplyDelete
  12. wahhh bolehhh nichhh

    thank's dach gan...

    ReplyDelete
  13. mungkin klo bagi pemula agak rumit,, tpi w ngrti bro thnk ilmunya

    ReplyDelete
  14. bro, biar setelah loading langsung ke page selanjutnya gmna?

    ReplyDelete
  15. bang admin saya gxngerti,, yg no 15 ,, mint bantuanya,, saya masih pemula

    ReplyDelete
  16. terimakasih, ilmunya sangat bermanfaat

    ReplyDelete

Berkomentarlah sesuai dengan topik yang dibahas.
Sebuah komentar manjadi sebuah inspirasi saya untuk terus berkarya, berkomunikasi dan berimajinasi.

Hey, we've just launched a new custom color Blogger template. You'll like it - https://t.co/quGl87I2PZ
Join Our Newsletter