Senin, 19 Oktober 2009

Animasi Mouse Trail Flash

Langkah untuk membuatnya adalah sebagai berikut :
Buat file baru. Ubah ukuran stage menjadi 600 x 360 pixels pada panel Properties.

Buat symbol baru dengan cara pilih menu Insert > New Symbol. Beri nama ”bintang” lalu padabehavior pilih Movie clip. Tekan OK.The image “http://gapra.files.wordpress.com/2009/07/gambar-3-31.jpg” cannot be displayed, because it contains errors.


Pilih Oval Tool, lalu buat objek lingkaran dengan ukuran 60 x 60 posisikan tepat di tengah-tengah stage dengan cara memilih objek lalu tekan Ctrl + Alt + 2 lalu tekan Ctrl + Alt + 5. Beri warna merah tua (#990000) pada Fill Color dan tanpa Stroke Color.

The image “http://gapra.files.wordpress.com/2009/07/gambar-3-32.jpg” cannot be displayed, because it contains errors.

Buat symbol baru lagi, pilih menu Insert > New Symbol…. pilih behavior Button dan beri nama tombol.
kemudian klik di frame Hit lalu klik kanan pilih Insert Keyframe. Pada frame Hit buat objek kotak dengan Rectangle Tool dengan ukuran 60 x 60 pixels, dan beri warna pada Fill Color biru dan tanpa Stroke Color. Posisikan tepat ditengah-tengah stage.

http://gapra.files.wordpress.com/2009/07/gambar-3-34.jpg

Objek masih dalam keadaan terpilih, pada panel Color Mixer ubah nilai Alpha menjadi 20%. Maka hasilnya objek akan terlihat transparan.

http://gapra.files.wordpress.com/2009/07/gambar-3-35.jpg

Buat symbol baru lagi dan beri nama ”animasi” pada behavior pilih Movie clip, tekan OK.
Buka panel Library, lalu seret tombol ke stage dan posisikan tepat pada tengah-tangah stage.

http://gapra.files.wordpress.com/2009/07/gambar-3-37.jpg

Setelah itu, klik di frame 2 lalu klik kanan pilih Insert Blank Keyframe.
Seret symbol movie clip bintang dari panel Library ke stage dan posisikan tepat pada tengah-tengah stage.

The image “http://gapra.files.wordpress.com/2009/07/gambar-3-39.jpg” cannot be displayed, because it contains errors.

Klik di frame 20 lalu klik kanan dan pilih Insert Keyframe. Masih di frame 20, pilih objek lalu ubah ukuran menjadi 10 x 10 pixels. Pada panel Properties pilih Color : Tint lalu pilih warna kuning (#FFCC00) dan alpha 50%. (lihat gambar).

http://gapra.files.wordpress.com/2009/07/gambar-3-40.jpg

Klik frame 2 lalu klik kanan pilih Create Motion Tween. Lalu klik di frame 1 lalu buka panel Action dan tuliskan script berikut :

http://gapra.files.wordpress.com/2009/07/gambar-3-411.jpg
Selanjutnya pilih objek tombol pada frame 1, buka panel action lalu tuliskan script berikut :

http://gapra.files.wordpress.com/2009/07/gambar-3-42.jpg
Buat symbol baru dan beri nama ”animasi group” pada behavior pilih Movie clip lalu tekan OK.
Tampilkan grid dan atur ukuran grid-nya dengan cara tekan Ctrl + Alt + G, ubah ukuran menjadi 60 x 60 pixels.

http://gapra.files.wordpress.com/2009/07/gambar-3-44.jpg

Pilih menu View > Snapping > Snap to Grid. Agar posisi objek dapat diatur ditempatkan persisi pada setiap grid. Lalu pilih lagi menu View > Grid > Show Grid. Maka layar akan berubah seperti gambar berikut :

http://gapra.files.wordpress.com/2009/07/gambar-3-45.jpg

Kemudian pada panel Library, seret movie clip animasi ke stage dan atur posisi seperti berikut tepat di kotak Grid dibawah sebelah kanan tanda +.

http://gapra.files.wordpress.com/2009/07/gambar-3-46.jpg

Lakukan penyalinan pada objek, tekan Ctrl + C lalu tekan Ctrl + Shif + V dan geser objek tepat di sebelah kanan objek pertama.
http://gapra.files.wordpress.com/2009/07/gambar-3-47.jpg


Lakukan penyalinan lagi hingga terdapat lima buah objek dalam satu baris seperti gambae berikut :

http://gapra.files.wordpress.com/2009/07/gambar-3-48.jpg

Pilih ke lima objek lalu lakukan penyalinan lagi dan tempatkan persis di bawahnya sehingga akan terlihat seperti gambar berikut :


http://gapra.files.wordpress.com/2009/07/gambar-3-49.jpg
Kembali ke scene 1 atau ke modus edit dokumen, tekan Ctrl + E untuk kembali ke modus edit dokumen.
Pada panel Library, seret movie clip animasi group ke dalam stage dan posisikan tepat berada pada pojok kiri atas seperti gambar berikut :


http://gapra.files.wordpress.com/2009/07/gambar-3-50.jpg
Objek masih dalam keadaan terpilih, lalukan penyalinan objek sebanyak lima kali dan posisikan masing-masing objek seperti gambar berikut sehingga memenuhi semua stage.

The image “http://gapra.files.wordpress.com/2009/07/gambar-3-51.jpg” cannot be displayed, because it contains errors.

Jadi di dalam stage terdapat enam buah movie clip animasi group.
Simpan file, dan jalankan movie tekan Ctrl + Enter.

http://gapra.files.wordpress.com/2009/07/gambar-3-52.jpg

Semoga bermanfaat……….
Terima kasih.

Image and video hosting by TinyPic



Tidak ada komentar:

Posting Komentar

My Kumpulbloger.com

My Album

Ngobrol yuks

tab 1 - Click >> Edit

tab 3 - Click >> Edit

tab 2 - Click >> Edit

Tab 5 - Click >> Edit

sdfsd

hgj