Panduan Membuat Animasi Bergerak dengan Motion Tween dengan Adobe Flash Pro CS5

Panduan Membuat Animasi Bergerak dengan Motion Tween dengan Adobe Flash Pro CS5

Motion Tween adalah animasi pergerakan suatu objek dari keadaan awal sampai keadaan akhir. Motion tween dapat digunakan untuk jenis animasi yang merubah posisi objek, merubah ukuran objek, merubah visibilitas, kecerahan (brightness), dan transparansi warna benda. Sebagai contoh, pada tutorial berikut akan dibuat sebuah animasi motion tween bola yang bergerak dari kiri ke kanan layar. Perhatikan langkah-langkah berikut : 

1. Buatlah sebuah file baru 

2. Dengan menggunakan Oval Tool buatlah sebuah lingkaran, dengan cara drag and release pada Stage. Perlu diketahui bahwa Flash adalah program berbasis vector. Setiap objek gambar memiliki 2 penyusun yaitu outline/stroke (garis tepi) dan fill (isian). Anda dapat merubah warna, ukuran dan posisi objek gambar dengan menggunakan panel properties (dynamic panel)

3. Selanjutnya seleksi lingkaran yang anda buat (stroke dan fill nya), kemudian pilih menu Modify > Convert to Symbol atau menekan tombol F8. Kemudian anda ketikan “bola” pada kolom Name, pilih Movieclip pada opsi Type dan pilih tengah pada opsi Registration Lihat gambar!

4. Untuk membuat animasi bola sepanjang 2 detik, klik kanan Frame 60 pada timeline kemudian pilih Insert Keyframe.

5. Selanjutnya geser posisi bola yang berada di Frame 60 seperti di gambar. Jadi di frame 1 bola berada di posisi sebelah kiri stage dan di frame 2 berada di kanan.

6. Klik kanan Frame di antara 2 Key Frame (bebas antara frame 2 sampai frame 59, misal anda klik kanan frame 25) pada timeline kemudian pilih Create Create
Classic Tween. Maka timeline akan berubah menjadi berwarna biru dan bergaris.

7. Simpan file, kemudian jalankan animasi dengan menekan tombol Ctrl+Enter Maka akan terbentuk sebuah file animasi bertipe SWF dimana bola bergerak dari kiri ke kanan selama 2 detik dan looping secara terus menerus.

Prinsip Dasar Animasi Tween Dalam Flash 

1. Objek harus di convert menjadi symbol jika tidak flash secara otomatis akan mengkonvert objek dengan nama otomatis, yang akan mempersulit kita ketika sudah memiliki banyak objek untuk dianimasikan. 

2. Satu keyframe khusus untuk satu symbol dalam animasi tween, 1 keyframe hanya boleh ditempati 1 buah symbol. Apabila terdapat 2 objek atau lebih maka garis putus-putus pada timeline akan muncul dan animasi tween tidak akan terbentuk sempurna. Gunakan beberapa layer untuk menganimasikan beberapa objek sekaligus 

3. Minimal harus memiliki 2 keyframe animasi motion-tween selalu membutuhkan keyframe awal dan keyframe akhir.