Uraikan yang anda ketahui tentang shape tweening (animasi perubahan bentuk)

TEKNIK ANIMASI TWEENING

Pengertian tweening

Tweening adalah proses mebuat sebuah animasi pergerakan dengan cara memberikan perubahan pada bentuk atau posisi objek dengan menentukan keyframe awal dan akhir sehingga dapat terbentuk frame-frame baru.fungsinya adalah untuk menggerakkan objek-objekdari satu titik ke titik lainnya.animasi ini sangat menghemat waktu karena tidak perlu membuat animasi secara frame per frame.sebaliknya hanya membuat frame awal dan akhir saja. Animasi shape tweening Perubahan bentuk dari suatu objek ke objek lain.untuk shape tween objek yang dianimasikan harus berjenis shape.shape tweening biasa digunakan untuk membuat animasi perubahan bentuk.yang perlu diperhatikan,shape tweening hanya dapat diterapkan untuk menganimasi objek shape,tidak untuk melakukan shape tween untuk grub,symbol,atau teks. cara membuat animasi motion shape sebagai berikut :

buka file baru atau tekan ctrl+N pada frame pertama buatlah sebuah objek lingkaran dengan menggunakan oval tool.

2. selanjutnya pada frame 20 buatlah sebuah keyframe.setelah itu pada frame 20 yang telah dibuat ebuah keyframe,dihapus dengan cara klik frame 20 kemudian tekan delete pada keyboard.

3. setelah keyframe nya kosong,buat sebuah objek persegi pada frame 20tersebut.klik frame 1 kemudian buka panel properties,pada pilihan animasi tween pilih shape.

4. tekan enter untuk melihat hasilnya

keyframe awal dan akhir sehingga dapat terbentuk frame-frame baru. Fungsiutama tweening adalah untuk menggerakkan objek dari satu titik ke titiklainnya.Animasi motion tween digunakan apabila kita ingin membuat gerakananimasi yang teratur. Animasi ini sangat mengurangi waktu karena kita tidakperlu membuat animasi secara frame per frame. Sebaliknya, kita hanya perlumembuat frame awal dan frame akhir saja. Dua alasan utama mengapaAnimasi motion tween sangat baik yaitu karena mengurangi pekerjaanmengambar dan meminimalkan ukuran file karena isi dari setiap frame tidakperlu disimpan.

642. Cara Kerja TweeningPrinsip kerja dari animasi motion tween adalah membuat objek pada framepertama dan terakhir saja, sedangkan frame-frame diantaranya akan dibuatsecara otomatis. Objek yang dapat diaplikasikan dalam motion tween adalahobjek instance (simbol), group dan teks. Animasi motion tween biasadigunakan untuk membuat animasi objek bergerak, berputar, dan mengubahukuran (skala). Kita hanya perlu menentukan posisi pertama dan posisiterkakhir obyek.Pada Adobe Flash Pro CS5, ada 3 jenis fitur tweening yang digunakan, yaituMotion Tween, Shape Tween, dan Classic Tween. Untuk Adobe seri CS3,fitur Motion Tween berubah menjadi Classic Tween pada seri CS5.Sedangkan pada CS5 ada tambahan fungsi yang lebih memudahkanpengguna pada fitur Motion Tween, yakni munculnya garis guide secaraotomatis sehingga memungkinkan pengguna untuk melakukan edit garisguide secara lebih bebas.3. Contoh animasi dengan tweening:Pada kegiatan ini akan diberi contoh cara pembuatan animasi sederhanamenggunakan teknik tweening. Langkah – langkahnya sebagai berikut :1) Buka halaman baru FileNewFile FlashOK2) Pada menu Propeties tentukan size atau ukuran stage 550 x 200 pixel,warna Background Putih dan jumlah Frame per detik 12.3)Ubahlah nama untuk Layer 1 dengan nama layer “Bola”.4) Seleksi frame 1 pada layer BolaGambar 5.1 Seleksi frame 1 pada layer bola5) Dengan menggunakanOval Tool [O]buatlah lingkaran seperti padalatihan animasi frame by frame dan le takkan gambar bola di stagesebelah kiri.

65Gambar 5.2 Menggambar menggunakan Oval Tool6)Klik kanan pada object dan klik “Convert to Symbol”, kemudian beri namasymbol dengan bola. Setelah itu klik kanan lagi pada object dan klik“Create Motion Tween”. Penunjuk timeline merah otomatis akan bergeserke frame 25. Penunjuk tersebut bisa digeser ke kanan dan ke kiri untukmenentukan dimana akhir animasi objek sesuai dengan kebutuhanjumlah frame yang diperlukan.12

66Gambar 5.3. Create Motion tween7) Klik pada frame 25 layer Bola,kemudian geserobject ke arah kanan,secara otomatis akan terbentuk garis guide arah.Gambar 5.4 Bola yang berada di frame 25, geser ke kanan8) Keadaan frame setelah ditambahMotion TweenGambar 5.5 Motion Tween9) Cek hasil Movie dengan menekanCtrl + EnterGambar 5.6 Hasil Movie Tween10)Saudara juga bisa bereksperimen dengan menambahkan frame setelahframe terakhir, dan menggeser kembali arah bola ke posisi yang lain.