Animasi shape akan lebih mudah diingat jika disebut sebagai animasi perubahan bentuk. Disebut demikian karena animasi shape akan berjalan normal sebagai pergerakan perubahan bentuk objek. Animasi shape akan berjalan jika objek yang mengalami perubahan bentuk bukan dalam sebuah symbol baik movieclip, graphic, ataupun bitmap. Langsung saja ya kita praktikkan daripada bingung 😀
Animasi Shape
Dalam demo ini, kita akan membuat contoh sederhana untuk perubahan kotak menjadi bola. Pastikan kalian sudah memiliki aplikasi Flash versi berapapun yang terinstal dalam PC kalian.
- Buat dokumen baru. Agar lebih mudah kalian pakai dokumen dengan Action Script 2 terlebih dahulu.
- Buat objek kotak dengan Rectangle Tool, posisikan di sebelah kiri stage. Kalian boleh memberikan warna bebas dan saya sarankan jangan pakai garis tepi untuk membuat objek dengan menonaktifkan bagian Stroke color. Berikut cara melakukannya.
- Buatlah keyframe kosong baru di frame ke-10 dengan klik kanan frame > Insert Blank Keyframe.
- Lanjutkan dengan membuat objek baru berupa lingkaran di blank keyframe yang tadi telah kita buat dengan menggunakan Oval Tools. Letakkan lingkaran di stage sebelah kanan.
Lho, Oval Tool-nya di mana? Letak Oval Tool berada satu posisi dengan Rectangle Tool. Tekan agak lama Rectangle Tool, maka akan muncul pilihan tools lain di sebelahnya. Hal ini bisa kalian lakukan untuk mengetahui tools lain.
- Jika objek kotak dan lingkaran sudah terbuat, langkah terakhir yang harus kalian lakukan adalah memberikan animasi shape. Jadi, perubahan yang terjadi nantinya berupa perubahan bentuk kotak menjadi lingkaran.
- Pada frame antara keyframe 1 dan keyframe 10, lakukan klik kanan > Create Shape Tween
- Sampai sini kalian sudah selesai. Namun, satu hal penting yang harus kalian perhatikan dalam membuat animasi shape adalah pastikan pada frame antara keyframe 1 dan keyframe 10 bertanda HIJAU, bukan tanda yang lain. Tanda ini menunjukkan bahwa animasi yang berjalan adalah animasi shape.
Jika semua sudah sesuai skenario di atas, lakukan testing dengan menekan Ctrl + Enter secara bersamaan dan lihat hasilnya. Apakah terjadi perubahan? Harusnya iya dong hehe. Jika belum, silahkan berikan komentar di bawah ini ya 🙂
