Tutorial Animasi Classic Tween dan Shave Tween Adobe Flash

CLASSIC TWEEN DAN SHAPE TWEEN

INDIKATOR

Dapat memahami, menggunakan dan membuat Classic Tween.

Dapat memahami, menggunakan dan membuat Shape Tween.

URAIAN 1

CLASSIC TWEEN

Classic Tween adalah fasilitas pada Adobe Flash yang berfungsi untuk menggerakkan object dalam satu layer. Agar object yang lain tidak ikut bergerak maka object tersebut harus diletakkan pada layer yang berbeda. Pada Classic Tween kita dapat menggerakkan object berdasar posisi maupun berputar, bahkan kita dapat mengubah warnanya.

Posisi awal dan posisi akhir pada sebuah gerakan (tween) ditandai dengan adanya keyframe. Jadi keyframe ini memuat data objek. Data object yang dimuat dalam keyframe adalah data posisi, warna, ukuran dan rotasi. Kita juga bisa memasang keyframe di tengah-tengah tween bila kita menginginkan ada perubahan di tengah tween.

Tutorial Animasi Classic Tween

a. Buatlah Gambar seperti dibawah ini dan letakkan pada stage

Panjangkan frame hingga frame 25 dengan cara mengklik kanan frame ke 30 pada layer tersebut kemudian pilih insert keyframe. Lihat gambar barikut.

b. Kemudian buatlah classic tween pada layer roda dengan mengklik kanan keyframe roda (keyframe disimbolkan dengan frame yang ada titiknya) lalu pilih create classic tween, Jika benar maka timeline menjadi biru dan terdapat garis putus-putus dan akan menjadi seperti gambar dibawah ini.

c. Kemudian buatlah keyframe pada frame terakhir dengan mengklik frame terakhir roda lalu pilih insert keyframe.

d. Pada saat ini kita sudah memiliki dua posisi object ditandai dengan dua keyframe. Jadi keyframe adalah status classic tween. Untuk membuatnya bergerak kita tinggal merubah posisi pada keytrame yang lain. Caranya klik keyframe yang belakang lalu ubah posisi roda ke sebelah kanan seperti gambar berikut.

e. Tekan enter untuk melihat hasil tween. Bila classic tween berhasil maka roda akan bergerak dan kiri ke kanan. Untuk membuat rodanya berputar maka klik Tween Properties seperti gambar dibawah ini.

f. Jika semua telah selesai dan benar dikerjakan maka setelah ditekan enter akan terlihat roda yang mengguling dari kiri ke kanan. Untuk membuat perubahan warna atau transparansinya kita dapat mengklik posisi frame kemudian meng-klik object yang akan kita ubah. Untuk parameternya dapat dilihat pada object properties berikut.

g. Jika semua telah selesai dan benar dikerjakan maka setelah ditekan enter akan terlihat

roda yang mengguling dan kiri ke kanan dan berubah warna.

URAIAN 2

SHAPE TWEEN

Shape Tween adalah fasilitas pada Adobe Flash yang berfungsi untuk mengubah bentuk object dalam satu layer. Object yang dapat diubah bentuk adalah object shape. Bila object tersebut bukan sebuah shape maka kita harus mengubah object tersebut menjadi object shape dengan cara menekan CtrI+B (Break Apart). Contoh object bukan object shape adalah object Teks.

Ease : linieritas tween

Rotate CW : berputar searah jarum jam CCW : Berlawanan Jarum jam

Tutorial Animasi Shape Tween

a. Buatlah gambar seperti dibawah ini pada stage.