Tuesday, December 2, 2014

Tutorial Membuat Teknik Motion Tween Pada Animasi DI Adobe Flash

Cara Membuat Teknik Motion Tween Pada Animasi Di Adobe Flash CS3

Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3
Kali ini saya akan membahas Cara Membuat Teknik Motion  Tween Pada Animasi Di Adobe Flash CS3. Untuk dasar – dasar Adobe Flash CS3 tidak akan di bahas di sini, kamu bisa belajar dengan CD Interaktif yang sudah di buat Arya Creative Design. Dapat di Download Gratis di link berikut : Flash Study.

Baik, sekarang kita lanjut ke pembahasan. Untuk mendukung latihan kamu admin sudah menyediakan bahan pendukung yang bisa di download. Dan untuk artikel pada saat 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

Sekian artikel Cara Membuat Teknik Motion Tween Pada Animasi Di Adobe Flash CS3.

No comments:

Post a Comment