ANIMASI SHAPE TWEEN

Animasi Shape Tweening/Tween

Animasi Shape Tween dikenal dengan Animasi Bentuk atau Animasi Perubahan bentuk suatu Objek yang sering digunakan untuk teknik Morphing. Dalam membuat Animasi dengan Shape Tween dibutuhkan tambahan blank keyframe untuk menambahkan bentuk objek yang berbeda pada keyframe sebelumnya. Cukup kali ya untuk teorinya, kita langsung aja membuat contoh animasi dari Shape Tween ini.

• Seperti biasa buatlah sebuah Documen baru dan setting untuk area stagenya W=550; H=200 dengan Bacground Color “#000033” (kalau lupa bisa lihat kembali pada postingan mengenai Animasi Motion Tween).

• Klik frame-1 pada Layer-1. Buatlah sebuah Objek Amplop dengan menggunakan rectangle Tool untuk objek kotak warna fill “#0000FF” dan warna stroke “#FFFFFF” height=6.
• Atur objek agar berada tepat ditengah stage dengan menggunakan Panel Align, Klik “Align Horizontal” Center dan “Align Vertical Center”

• Masih pada Frame – 1, Pegunakan Line Tool untuk objek tutup amplop dengan height =6; color=”#FFFFFF” (lihat pada gambar)

• Selanjutnya Klik Kanan pada Frame-5, pilih Insert New Frame atau Tekan F6

• Selanjutnya pada Frame 25 klik kanan, pilih insert blank key frame atau tekan F7.

• Masih pada Frame-25, ketik folder-x@gmail.com , dengan jenis font Times New Roman, warna= “#FFFF00” font size=48px, Bold.
• Tempatkan tulisan tersebut ditengah-tengah stage dengan menggunakan Panel Align, Klik “Align Horizontal” Center dan “Align Vertical Center”

• Masih dalam keadaan frame 25 aktive, klik kanan pilih “break apart”. Terlihat pada gambar masing2 huruf sudah terpisah masing-masing.

• Lakukan hal yang sama sehingga masing-masing huruf terdapat titik-titik kecil. (Mengenai apa yang dimaksud dengan titik-titik kecil tsb akan dijelaskan pada posting lainnya.

• Pada Frame 30 Layer-1,Klik Kanan pilih Insert Frame atau tekan F5

• Klik pada Frame-5 Layer-1, pilih shape tween pada panel properties, dan akan terlihat garis panah hitam dari Frame–5 sampai Frame–25 sepertu gambar dibawah ini

• Proses untuk membuat animasi shape tween sudah selesai.

macam macam animasi

Macam-macam Animasi

Animasi dalam aplikasi Flash MX terdapat dua metode atau dua macam, yaitu : Animasi Tween dan Animasi Frame-by-Frame.
Terdapat pula dengan cara pemograman menggunakan Action Script, yaitu dengan mengubah properti-properti sebuah objek, simbol atau instance.
Akan tetapi cara tersebut lebih sulit daripada Animasi Tween dan Animasi Frame-by-Frame.

a) Animasi Tween
Sebuah cara yang efektif untuk membuat animasi berupa pergerakan dan perubahan-perubahan ukuran objek, putaran, perubahan warna, atau perubahan atribut-atribut lainnya pada keseluruhan waktu tayang untuk meminimalkan ukuran file.
* Animasi Flash MX dapat membuat dua jenis animasi tween, yaitu :

1. Animasi Motion Tween :
Sebuah animasi yang dibuat dengan menentukan properti posisi, ukuran, dan rotasi sebuah objek pada suatu titik. Animasi ini juga dapat dibuat mengikuti sebuah alur (path) nonlinear.

2. Animasi Shapes Tween
Sebuah animasi yang dibuat dengan menggambar sebuah bentuk pada suatu titik. Aplikasi ini akan menyisikan nilai-nilai atau bentuk-bentuk pada frame-frame diantaranya untuk membuat animasi.

b) Animasi Frame-by-Frame
Animasi yang dibuat dengan mengubah isi-isi objek animasi pada stage dalam setiap framenya. Animasi ini sangat cocok digunakan untuk pembuatan animasi-animasi yang sangat kompleks dalam membuat perubahan-perubahan image dalam setiap frame.

Animasi Frame-by-Frame dapat meningkatkan ukuran file lebih banyak dengan cepat daripada animasi tween.

# Dalam Animasi Frame-by-Frame, aplikasi Flash MX meletakkan nilai-nilai untuk setiap frame dan key frame secara lengkap, sehingga membutuhkan ruang penyimpanan data yang lebih banyak.
# Dalam Animasi Tween hanya menyimpan data keyfraame awal dan keyframe akhir.

Macromedia Flash

Adobe Flash (formerly Macromedia Flash) is a multimedia platform used to add animation, video, and interactivity to web pages. Flash is frequently used for advertisements, games and flash animations for broadcast. More recently, it has been positioned as a tool for "Rich Internet Applications" ("RIAs").
Flash manipulates vector and raster graphics to provide animation of text, drawings, and still images. It supports bidirectional streaming of audio and video, and it can capture user input via mouse, keyboard, microphone, and camera. Flash contains an object-oriented language called ActionScript and supports automation via the Javascript Flash language (JFSL).
Flash content may be displayed on various computer systems and devices, using Adobe Flash Player, which is available free of charge for common web browsers, some mobile phones and a few other electronic devices (using Flash Lite).
Some users feel that Flash enriches their web experience, while others find the extensive use of Flash animation, particularly in advertising, intrusive and annoying, giving rise to a cottage industry that specializes in blocking Flash content. Flash has also been criticized for adversely affecting the usability of web pages.^[1]