ANIMASI MOTION TWEEN

Sebelum membuat animasi motion tween dengan Flash, pastikan terlebih dahulu anda mengenal tentang software
Adobe Flash, Fitur-fitur yang dimiliki, dan istilah-istilah terkait seperti keyframe, blank keyframe, frame, timeline,
symbol, library, properties, frame rate, drawing tool dsb. Pada tutorial ini akan dijelaskan cara membuat animasi bola
yang bergerak dari kiri ke kanan, sebagai berikut:

1. Buatlah sebuah project baru dengan memilih menu File > New Pilih opsi Action Script 3

2. Selanjutnya buka panel properties (biasanya terdapat di bawah (CS3) dan di samping kanan (CS 4+),
Kemudian pastikan kolong Frame rate terisi dengan 30. 30 adalah standart frame rate untuk animasi 2D
dan 45 - 60 untuk animasi 3D.

3. 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.
4. Selanjutnya seleksi linkaran 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 dan
pilih Movieclip pada opsi Type. Lihat gambar!

5. 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 dan
pilih Movieclip pada opsi Type. Lihat gambar!

6. Klik kanan Frame 60 pada timeline kemudian pilih Insert Keyframe. Keyframe adalah sebuah frame
khusus yang digunakan sebagai titik penentu gerakan animasi. Pemilihan frame ke 60 dimaksudkan untuk
membuat animasi sepanjang 2 detik (30 fps = 1 detik menggunakan timeline sepanjang 30 frame).
7. 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.

8. Klik kanan Frame 25 pada timeline kemudian pilih Create Motion Tween untuk CS3 ke bawah
atau Create Classic Tween untuk CS4 ke atas. Maka timeline akan berubah menjadiberwarna biru dan
bergaris. Frame 25 adalah frame diantara 2 keyframe (frame 1 dan frame 60). Anda bebas memilih frame
berapapun selama itu berada diantara 2 keyframe yang akan diberikan animasi tween.

9. Simpan project, 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 ANIMASI MOTION TWEEN

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.