Motion Tween dengan Rotasi

Konsep Dasar

Dalam animasi, rotasi merupakan salah satu gerak yang sering dipakai. Sebagai contoh : gerakan roda, perubahan sudut gerak dan sebagainya. Flash memiliki opsi rotasi pada animasi motion tween yang bisa mempermudah kita untuk memperoleh animasi yang kita butuhkan.

Rotasi terbagi menjadi 3 yaitu :

  1. CW (Clockwise) yaitu rotasi searah jarum jam
  2. CCW (Counter Clockwise) yaitu rotasi berlawanan jarum jam
  3. Auto rotation yaitu rotasi otomatis tergantung perubahan rotasi yang dilakukan dengan transform tool.






Animasi Motion Tween dengan rotasi

Pada tutorial ini akan dibahas tentang teknik animasi motion tween dengan penambahan rotation sebagai berikut:

  1. Buatlah sebuah file baru, kemudian dengan menggunakan drawing tool buatlah sebuah gambar roda sederhana seperti pada gambar.
  2. Seleksi roda tersebut kemudian convert menjadi movieclip dengan menekan menu Modify > Convert to Symbol atau menekan tombol F8. Ketikan roda pada nama, dan pastikan titik registrasi berada di tengah. Titik registrasi ini merupakan titik pusat rotasi (disebut sebagai pivot point).
    tutorial animasi by wandah_w
  3. Dengan cara yang sama dengan tutorial membuat animasi motion tween lakukanlah langkah-langkah sebagai berikut : Klik Kanan Frame 60 pilih Insert Keyframe, geser posisi roda dan kemudian klik kanan Frame 25 dan pilih Add Motion Tween.
    tutorial animasi by wandah_w
  4. Selanjutnya klik frame 25 (salah satu diatara 2 keyframe) dan buka panel properties. Kemudian pada opsi rotate pilih CW dan ketikan 2 pada kolom times untuk mendapatkan efek 2 kali putaran
    tutorial animasi by wandah_w
  5. Simpan project, kemudian jalankan animasi dengan menekan tombol Ctrl+Enter Maka akan terbentuk sebuah file animasi bertipe SWF dimana 2 bola bergerak dari kiri ke kanan dengan rotasi 2 putaran searah jarum jam. Perhatikan gambar!
    tutorial animasi by wandah_w

Output


Get Adobe Flash player

File Sumber


download