Membuat Animasi Sederhana Dengan Motion Tween

Motion Tween adalah gerakan dari suatu objek dalam flash dengan mengubah nilai dari property yang sama pada setiap frame. Contohnya :

Bola memiliki koordinat x dengan nilai 0 pada frame 1
Kemudian pada frame 2 nilai koordinat x-nya berubah menjadi 1
Kemudian pada frame 3 nilai koordinat x-nya berubah menjadi 2
...

Ada beberapa Motion Tween :

1. Motion Tween yang megubah posisi objek
   Seperti pada contoh diatas, motion tween dapat mengubah posisi suatu objek secara periodik.
2. Motion Tween yang merotasi objek
   Misalnya seperti roda yang berputar, dapat dibuat dengan menggunakan motion tween yang merotasi objek
3. Motion Tween yang mengubah besar objek
   Digunakan untuk memperbesar ukuran objek secara periodik. Misalnya seperti membuat balon yang ditiup
4. Motion Tween untuk mengubah warna
   Digunakan untuk mengubah warna objek secara periodik. Misalnya untuk effect kabut yang kelamaan hilang.

Membuat Motion Tween :

1. Buat file flash dan save dengan nama sesuai keinginan.
2. Klik rectangle tool atau tekan R untuk shortcutnya.
3. Buat persegi atau persegi panjang dengan cara : klik pada stage > tahan sambil digeser > lepaskan klik.
4. Pastikan objek persegi adalah objek drawing dengan cara menseleksinya :
   

   Object Drawing	Break Apart Object

   Apabila objek masih berupa break apart object, jadikanlah objek drawing dengan menyeleksinya dan tekal Ctrl + G untuk merubahnya menjadi objek drawing.
5. Klik pada frame 15 pada layer 1 di timeline, lalu klik kanan dan pilih insert keyframe atau tekan F6 untuk shortcutnya.
6. Pindahkan objek pada frame 15 ke tempat lain. 
7. Pilih frame antara frame 1 dan 15, misalnya frame 10, lalu klik kanan dan pilih create motion tween(untuk macromedia flash 8 ) untuk adobe flash cs4 pilih Create Classic Tween.
   
   
8. Jika Benar, maka diantara frame 1 dan 15 akan tampak gambar panah ke kanan.
   
   
9. Jalankan dengan menekan Ctrl + Enter. Maka anda akan mendapatkan objek kotak bergerak dari frame 1 ke frame 2. Untuk animasi memperbesar, buat objek kotak pada frame 15 menjadi lebih besar atau kecil.
10. Untuk Membuat animasi berputar, pilih salah satu frame antara 1 sampai 15(yang ada panahnya).
11. Lihatlah pada bagian property panel bagian tween.
    

    Tween Panel Adobe Flash CS4	Tween Panel Macromedia Flash 8

    Untuk memutar objek searah jarum jam, ganti option rotate dengan CW untuk sebaliknya dengan CCW dan angka disebelah kanannya untuk mengatur berapa putaran yang akan dilakukan.
12. Pada Property ease digunakan untuk melakukan percepatan, apabila negative akan diperlambat.

animasi, animasi sederhana, animasi flash, tutorial animasi, dasar animasi, animasi pemula, belajar animasi, tutorial flash, belajar flash, membuat animasi, motion tween, animasi motion tween, flash motion tween, animasi menggunakan motion tween

Read More

Dasar Dasar Animasi dalam Flash

Animasi flash sebenarnya hanyalah sekumpulan gambar-gambar yang ditampilkan secara berurutan dengan kecepatan tertentu sehingga gambar terlihat bergerak. Semakin cepat gambar berurutan bergantian diperlihatkan maka akan semakin halus gerakan animasi. Semakin banyak gambar yang sama yang ditampilkan berurutan maka animasi akan terlihat kaku.

Dalam animasi untuk character game atau pembuatan film, kita harus memperhatikan mood pemain atau penonton. Jangan sering membuat sebuah tokoh diam sama sekali dan tidak melakukan gerakan 1 pun, buatlah paling tidak tokoh bergerak walaupun sedikit, contohnya seperti bernafat(mengangkat dada dan bahu), atau melakukan gerakan setiap beberapa detik character didiamkan(dalam game).

Dalam animasi dikenal dengan ease, terdapat ease in dan ease out, ease in adalah gerakan object yang makin cepat atau dalam fisika seperti GLBB dipercepat, contohnya gerakan bola jatuh, sedangkan ease out adalah sebaliknya.

Contoh animasi bola jatuh tanpa ease

Contoh animasi bola jatuh dengan ease

Di flash kita akan mengenal animasi motion tween, shape tween, dan frame by frame animation.

Motion tween, animasi ini hanya merupakan perubahan rotasi, ukuran, dan letak benda dalam flash. contohnya seperti berputar, berpindah tempat, mengecil, dll. Animasi ini dapat digunakan untuk membuat ban mobil yang berputar dan berpindah tempat.

Contoh animasi dengan motion tween 

Shape tween, adalah animasi untuk membuat object berubah menjadi object yang berbeda, misalnya persegi menjadi lingkaran dsb. Dapat digunakan untuk membuat animasi ombak, dll.

Contoh animasi dengan shape tween

Frame by Frame animation, adalah animasi yang umumnya paling sulit dibuat karena animasi ini akan membuat gambar gambar yang berbeda setiap framenya, biasanya digunakan untuk membuat animasi yang sudah tingkat tinggi. Contoh animasi orang berjalan.

Demo animasi frame by frame

animation, flash animation, flash animation tutorial, tutorial animation, flash animasi, animasi, animasi tutorial, tutorial animasi, flash game animation tutorial

Read More