Motion Tween dengan Ease

Konsep Dasar

Ease bisa disebut sebagai perlambatan atau percepatan sebuah animasi. Untuk mendapatkan kesan realis dalam sebuah animasi, kita perlu mengacu pada kondisi riil di dunia nyata. Sebagai contoh ketika kita membuat animasi bola memantul dari atas ke bawah, akan ada efek percepatan dan perlambatan akibat adanya grafitasi. Ketika bola baik ke atas, maka bola akan melambat karena tertarik grafitasi dan ketika bola bola bergerak ke bawah maka bola akan tertarik grafitasi (mengalami percepatan). Coba perhatikan contoh animasi berikut:


Get Adobe Flash player

Ease terbagi menjadi 2 yaitu :

  1. Ease In atau percepatan yaitu animasi akan berjalan lambat di keyframe awal dan menjadi lebih cepat di keyframe akhir. Contoh penggunaan : benda jatuh, mobil yang mulai bergerak maju, sesuatu yang terlempar dan sebagainya. Dalam flash ease in bernilai negatif (lihat tutorial di bawah untuk memahami maksudnya)
  2. Ease Out atau perlambatan yaitu animasi akan berjalan cepat di keyframe awal dan menjadi lebih lambat di keyframe akhir. Contoh penggunaan : benda yang bergerak naik dan tertarik grafitasi, mobil mengerem lalu berhenti, respon dari benda yang tertabrak dan sebagainya. Dalam flash ease in bernilai positif.






Animasi Motion Tween dengan ease

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

  1. Lanjutkan project sebelumnya (animasi motion tween)
  2. Kita akan membuat perbandingan antara 2 objek yang bergerak menggunakan motion tween dan salah satunya mengalami penambahan Ease. Karena akan ada 2 bola yang kita animasikan, maka kita membutuhkan sebuah Layer baru. Untuk membuatnya tekan tombol Insert Layer, maka layer baru akan terbentuk diatas layer 1.
    tutorial animasi by wandah_w
  3. Selanjutnya kita akan membuat sebuah animasi dengan posisi objek bola dan timing yang sama. Untuk mempermudah proses tersebut kita dapat melakukan Copy-Paste Frame. Seleksi seluruh frame aktif pada layer 1 dengan cara klik Keyframe 1 Layer 1 - tahan tombol SHIFT - klik Keyframe 60 Layer 1. Selanjutnya klik kanan seleksi tersebut dan pilih Copy Frames.
    tutorial animasi by wandah_w
  4. Seleksi seluruh frame pada Layer 2 dengan cara yang sama dengan langkah sebelumnya atau langsung double click timeline layer 2. Kemudian klik kanan dan pilih menu Paste Frames maka anda akan mendapatkan animasi motion tween yang sama persis dengan yang ada di layer 1.
    tutorial animasi by wandah_w
  5. Selanjutnya klik Frame 1 layer 2 lalu geser movieclip bola ke atas. Kemudian klik Frame 60 layer 2 dan geser movieclip bola ke atas. Lihat gambar!
    tutorial animasi by wandah_w
  6. Sekarang kita memiliki 2 animasi bola yang sama persis gerakan dan waktunya. Untuk menambahkan Ease, klik frame 25 layer 2 kemudian buka panel properties. Pada bagian Ease drag slider ke atas atau masukan angka 100 (kita akan menambahkan perlambatan).
    tutorial animasi by wandah_w
  7. 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 selama 2 detik (waktu yang sama) akan tetapi untuk bola yang diberikan ease akan mengalami perlambatan. Perhatikan gambar!
    tutorial animasi by wandah_w

Output


Get Adobe Flash player

File Sumber


download