Cari di blog ini

Memuat...

21 November 2009

MEMBUAT ANIMASI MOTION TWEEN


Apa sih motion tween itu? Pertama, bayangkan sebuah kotak yang diletakkan di atas meja. Sekarang, bayangkan setelah 10 detik, kotak itu menghilang dan muncul tiba-tiba di sebelah kanan tempat asalnya. aneh kan?

motion tween adalah animasi pergerakan suatu objek dari suatu tempat ke tempat yang lain.

Tutorial ini akan menjelaskan tentang cara membuat motion tween dalam Flash MX 2004, dan saya harap kamu dapat mengerti tentang motion tween tersebut. contoh hasilnya dapat kamu download di bawah ini:
http://www.ziddu.com/download/6790190/basictween.swf.html


Pelajari bagaimana cara men-Tween:
  1. Pertama, buka program Flash MX 2004. Setelah dibuka, kamu akan lihat area kosong yang baru yang disebut workspace. Jika kmu tidak melihat apapun seperti kotak putih, buat sebuah animasi baru dengan mengklik File lalu Flash Document.
  2. Sekarang, klik Rectangle tool dari kumpulan icon di sebelah kiri. Icon Rectangle tool terlihat seperti gambar di bawah ini:

[klik icon rectangle tool]
  1. Geser mouse ke area gambar, gambar sebuah persegi dengan mengklik dan mendrag mouse dan lepaskan setelah terbentuk persegi. Pastikan persegi kamu dekat dengan batas kiri area gambar:

[gambar sebuah persegi. Pastikan mepet dengan batas kiri kertas]
  1. Lihat pada timeline. Timeline adalah area besar yang terletak di atas dengan kotak vertikal yang kecil dan bernomor. Catat bahwa pada Frame 1, ada bulatan hitam penuh:

[ terdapat bulatan hitam penuh pada timeline]
  1. titik hitam menyatakan bahwa ada sesuatu pada frame tersebut - Frame 1. dalam kasus ini, the "sesuatu" tersebut adalah persegi yang kita buat! Sekarang lihat ke sebelah kanan dan cari angka 20. Klik kanan pada kotak di bawah label nomor 20 dan pilih "Insert Keyframe":

[ pilih Insert Keyframe pada Frame 20 ]
  1. Kamu akan lihat titik hitam lain muncul di Frame 20. Jangan khawatir - itu hal yang baik! sekarang pastikan kamu memilih keyframe pada Frame 20 dengan mengkliknya.  
  2. Dalam keadaan keyframe terpilih, tekan tombol panah kanan beberapa kali agar persegi berpindah tempat hingga berjarak beberapa centimeter dari batas kanan kertas:

[ persegi bergerak ke sebelah kanan kertas ]
  1. Klik Frame 1. Lihatlah pada perseginya! berada di kiri. sekarang klik Frame 20. Perhatikan bahwa persegi berada di kanan. Klik pada Frame 10, dan perhatikan bahwa persegi berada di kiri.
  2. Cukup saya mengoceh, waktunya untuk motion tween! Klik Frame 1 dan blok semua frame dari Frame 1 hingga Frame 20. Klik kanan dan pilih "Create Motion Tween"

[ blok semua frame dan pilih "Create Motion Tween" ]

  1. Jika semuanya berjalan dengan baik, frame-frame yang terblok akan berwarna ungu dengan gambar panah yang besar dari Frame 1 hingga Frame 20. Klik di sembarang tempat pada timeline, dan kamu dapat menjalankan persegi tersebut melalui perjalanan 20 frame.
  2. Buka File , Save untuk menyimpan animasi. Dari sini, buka File -> Publish Preview -> HTML. Kamu akan melihat pergerakan si kotak dari kiri ke kanan secara bertahap.

klik link di bawah ini untuk mendownload contoh file fla yang saya buat:
http://www.easy-share.com/1908491154/belajar membuat motion tween.zip

1 komentar:

Terima kasih Anda sudah mau mengomentari tulisan ini.
Mohon maaf kalau komentar Anda tidak langsung muncul karena akan ditinjau terlebih dahulu. Ini dilakukan agar saya tahu kalau ada komentar yang baru.