Tutorial Membuat Animasi Motion Tween
Menggunakan AdobeFlash CS3


Motion Tween

Kali ini kita akan membahas Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3. Dan artikel ini kita akan membuat animasi awan yang berjalan menggunakan teknik Motion Tween, Dan berikut step – stepnya :
Step 1.
Buka Adobe Flash CS3 yang kamu miliki, baik dari desktop maupun dari start menu. Setelah Software terbuka di kolom Create New, pilih Flash File ( ActionScrip 2.0) untuk membuat file baru.
Step 2
Maka akan muncul lembar kerja baru. Latihan kali ini kita akan membuat 2 layer, layer 1 untuk Background dan layer 2 untuk objek animasi awan. Buat layer baru dengan mengklik icon yang di tunjukan tanda panah.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Step 3
Ganti nama layer, dengan double klik pada layer, kemudian ganti nama layer 1 menjadi Background, dan layer2 menjadi Animasi.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Step 4
Letakkan objek background di layer Background frame 1. Begitu juga dengan objek awan di layer Animasi frame 1.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Step 5
Selanjutnya klik kanan pada objek awan dan pilih Convert to symbol.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Maka akan muncul jendela baru dan beri nama Symbol “Awan” dengan Type “Movie Clip” serta Registration tepat di tengah – tangah.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Step 6
Klik kanan pada layer Animasi frame 1 dan pilih Create Motion  Tween.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Jangan lupa untuk backgroundnya, pada leyer background klik kanan pada frame 40 dan pilih insert frame.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Selanjutnya klik kanan pada layer Animasi frame 40 pilih Insert Keyframe.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Pada layer Animasi frame 40 klik objek awan dan geser ke kanan, ini untuk memberikan animasi awan yang berjalan.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Step 7
Selanjutnya kita akan memberikan efek transisi pada awan. Klik kanan pada layer Animasi frame 5 dan pilih Insert Keyframe.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Klik objek awan yang berada di layer animasi frame 1 dan lihat pada property panel pada pilihan color pilih Alpha dan atur agar menjadi 4persen. Maka objek awan akan menjadi transparan.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Step 8
Klik kanan pada layer Animasi frame 35 dan pilih Insert Keyframe.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Kemudian klik objek awan yang berada di layer Animasi frame 40. Dan lakukan hal yang sama dengan memberikan efek alpha 4 persen pada objek awan.
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Dan ini adalah hasilnya :
Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3

Komentar