Animasi

Tweening

Tweening
Tween animation sangat mengurangi waktu karena Anda tidak perlu membuat animasi secara frame per frame. Sebaliknya Anda hanya membuat frame awal dan frame akhir saja. Dua alasan utama mengapa tween animation sangat baik yaitu karena mengurangi pekerjaan mengambar dan meminimalkan ukuran file karena isi dari setiap frame tidak perlu disimpan. Ada 2 jenis tween animation yaitu Shape tween dan Motion tween, dimana masing-masing memiliki karakter yang unik.

Motion Tweening (Animasi gerak)

Motion tween tidak hanya berguna untuk menggerakkan groups, simbol, atau teks yang dapat diedit dari satu tempat ke tempat lain. Motion tween menolong Anda untuk merubah ukuran, memutar, merubah warna dan transparansi simbol. Motion tween hanya bisa digunakan pada satu objek pada satu layer. Jadi jika ingin mengerakkan banyak objek maka membutuhkan banyak layer.

Membuat Motion Tween

Buat file baru Buatlah sebuah object pada Frame 1 Klik kanan di Frame 1 Pilih Create Motion Tween Tentukan posisi akhir dari Frame (misal : Klik Frame 30) Klik kanan, Pilih Insert KeyFrame Pindahkan posisi Object ke posisi yang diinginkan Coba jalankan

Membuat Motion Tween (cara lain)

Langkah-langkah membuat sebuah motion tween adalah : 1. Sorot frame di mana Anda ingin membuat animasi. Jika belum berupa sebuah keyframe maka rubahlah menjadi keyframe. 2. Gambar atau imporlah gambar yang Anda ingin lakukan animasi. Anda hanya dapat melakukan animasi pada group, simbol, dan teks yang dapat diedit.
Jika Anda menggunakan sebuah gambar, grouplah gambar tersebut atau ubah menjadi sebuah simbol. Jika Anda mempunyai gambar berupa simbol di library, Anda cukup mendrag gambar dari library ke stage. Jika Anda menggunakan teks yang dapat diedit, Anda tidak perlu melakukan apa pun karena sudah berupa objek.

Membuat Motion Tween

3. Sorot frame dimana animasi akan berakhir. ubahlah frame ini menjadi sebuah keyframe dengan memilih menu Insert | Keyframe. 4. Pindahkanlah gambar dalam stage ke tempat yang ingin dituju. Ingatlah Anda tidak hanya dapat menggerakkan gambar, Anda juga bisa melakukan putaran, merubah ukuran, dan merubah efek warna. 5. Klik kanan pada sebuah frame di antara kedua keyframe dan pilih Create Motion Tween. 6. Teslah animasi Anda.

Menambah Keyframe
Apabila anda ingin menambah animasi dari suatu Motion Tween, dapat dilakukan dengan menambah KeyFrame baru, kemudian pindahkan object ke posisi yang diinginkan

 Jika Anda ingin mengubah properties motion tween, klik ganda pada salah satu frame yang berada di antara kedua keyframe untuk membuka kotak dialog Frame Properties. Pilih tab Tweening. Anda dapat melakukan perubahan properties, seperti pada gambar di bawah ini :

 Tween scaling Jika Anda ingin mengubah ukuran. Rotate

Orient to path direction

Jika Anda ingin memutar objek. Pilih jenis putaran pada menu dropdown dan kemudian angka rotasi pada kotak times. Jika Anda mengetik 0 pada kotak times, atau memilih None pada menu dropdown, tidak ada putaran yang dilakukan. Ketika objek mengikuti sebuah alur, pilihan ini menyebabkan objek berada di tengah alur.

 Ease.

menentukan bagaimana animasi Anda dari awal sampai akhir. Ini berguna jika Anda ingin menciptakan efek mempercepat atau memperlambat. Jika Anda ingin anmiasi Anda mulai dengan lambat dan kemudian cepat, geser slider ke arah in. Untuk animasi yang permulaannya cepat, dan kemudian melambat, geser slider ke arah out. Jika Anda ingin kecepatan animasi konstan maka biarkan slider berada di tengah. Anda dapat juga mengetik besar dari Easing yaitu dari 100 sampai 100.

Motion Guide
Motion guide dipakai untuk mengatur pergerakan objek agar mengikuti alur gerak tertentu, seperti mengikuti alur kurva atau garis yang tidak beraturan.

contoh
Buatlah file baru, pilih menu File - New Menggunakan Ovale tools, buatlah lingkaran pada stage di sebelah kanan.

 Klik kanan pada keyframe 1 pilih Create motion tween

 Klik kanan pada frame 60 pilih Insert keyframe

 Klik kanan pada layer 1 - pilih Add motion guide

 Akan terbentuk sebuah layer baru bernama Motion Guide

 Klik frame 1 pada layer Motion guide yang terbentuk kemudian dengan Menggunakan pencil tools, buatlah lengkungan sebagai lintasan.

 Klik pada frame akhir / 60 pada layer 1, pindahkan objek ke titik terakhir garis.

 Jalankan animasi dengan menekan tombol Enter atau Test Movie dengan menekan tombol Ctrl + Enter

Animasi Mask
Buatlah file baru, pilih menu File - New Menggunakan teks tool, buatlah tulisan dengan Text Tool. Tebalkan dan perbesar tulisan tersebut dari property teks di Property Inspector. Klik kanan pada keyframe 40 - pilih Insert frame Tambahkan layer baru menggunakan tombol Insert layer pada pojok kiri bawah timeline. Pilih layer baru tersebut. Menggunakan Ovale tool, buatlah lingkaran di sebelah kiri teks. Klik kanan pada frame 40 - pilih Insert keyframe Pindahkan lingkaran ke sebelah kanan teks. Klik kanan pada frame 1 - pilih create motion tween. Pilih layer 2 (layer paling atas) - pilih mask Jalankan animasi dengan menekan control+Enter

Animasi Alpha
Buatlah file baru, pilih menu File - New Menggunakan Oval, buatlah bentuk lingkaran. Klik kanan pada keyframe 30 - pilih insert keyframe Klik kanan pada frame 1 - pilih create motion tween. Lakukan juga pada frame 30 Klik Frame 1, kemudian Klik Object,kemudian pada kolom color di Property Inspector ubah property dari none ke alpha. Pada kotak pilihan alpha, masukkan nilai antara 0% hingga 100 % pada kotak prosentase untuk memberi efek penampakan objek. Jalankan animasi anda

Animasi Transform
Buatlah file baru, pilih menu File - New Menggunakan Rectangle tools, buatlah kotak persegi panjang. Klik kanan pada keyframe 1 - pilih Create motion tween Klik kanan pada frame 30 Pilih insert keyframe, kemudian Pilih tool Free Transform. Klik objek bantu persegi panjang yang terbentuk, transformasikan ke bentuk yang anda inginkan. Jalankan animasi dengan menekan enter.

Symbol / Library
Library = perpustakaan Definisi : perpustakaan dimana object disimpan sehingga dapat digunakan berulang kali Contoh: animasi yang berulangkali dipakai logo perusahaan, menu navigasi, icon-icon

Symbol Graphic
Cara membuat symbol Gambar object Select object Insert | Convert to Symbol (F8), beri nama object dan pilih Graphic Object telah menjadi symbol dan perhatikan otomatis telah ter-group

Meng-edit Symbol: Icon kanan : Edit Symbol Edit Symbol

Catatan: perhatikan workarea yang aktif saat edit symbol dan saat Scene Melihat daftar Symbol dan Preview Window | Library ( Ctrl + L)

 Catatan: tidak perlu proses group untuk tweening Motion karena otomatis akan ter-group. Panel Effect
Brightness Alpha = Opacity Tint (perubahan warna) Advanced gabungan antara alpha dan tint

Catatan : pada panel symbol, symbol dapat dikelompokkan berdasarkan category tertentu New Folder

Symbol Movie Clip

Cara membuat symbol New Symbol Gambar object Select object Insert | Convert to Symbol (F8), beri nama object dan pilih Movie Clip Tweening

Tips
Preview movie Control | Test Movie (Ctrl + Enter) Movie Clip hanya dapat dilihat pada mode Preview Movie Movie clip yang diinsertkan ke stage bisa dianimasi (movie into movie) Symbol bisa dipanggil lagi dalam symbol