Animasi Perpindahan Motion Tween

[Pemrograman Animasi I] Manajemen Informatika | POLITAMA LATIHAN A 03 Membuat Animasi perpindahan (Motion Tween) Animasi perpindahan adalah animasi yang menunjukkan perpindahan suatu benda dari tempat pertama menuju ketempat kedua atau berikutnya. Contoh animasi perpindahan balok 1. Buat file baru di Flash 2. Pada timeline di Frame1 buat suatu balok dengan menggunakan rectangle tool 3. kemudian klik frame 1 di timeline pilih menu insert > create motion tween 4. kemudian pilih salah satu frame disebelah kanan frame 1. misalnya frame 10. Maka klik frame 10 kemudian pilih menu Insert Keyframe. 5. Masih tetap bekerja di frame 10. klik balok kemudian drage ke tempat yang lain. Misalnya kesebelah kanan. Drag

Gambar 5.8. Animasi perpindahan 6. Jalankan animasinya. Animasi Motion Guide Tween Yang dimaksud dengan animasi motion guide tween adalah animasi yang mengikuti suatu alur/jalur/lintasan. Cara membuatnya: 1. Buat file baru di Flash 2. Pada timeline di Frame1 buat suatu bola dengan menggunakan oval tool 3. kemudian klik frame 1 di timeline pilih menu insert > create motion tween 4. kemudian pilih salah satu frame disebelah kanan frame 1. misalnya frame 10. Maka klik frame 10 kemudian pilih menu Insert Keyframe. 5. Masih tetap bekerja di frame 10. klik bola kemudian drage ke tempat yang lain. Misalnya kesebelah kanan. drag

Gambar 5.9. Animasi perpindahan bola 6. kemudian pilih menu insert > motion guide, maka di timeline akan muncu; layer baru dengan nama Guide layer.

Gambar 5.10. Guide layer pada di timeline 7. pada guide : layer 1, klik frame 1, lalu klik pencil tool dan gambarlah garis seperti berikut:

Gambar 5.11. garis sebagai lintasan

Modul by Heru W | herusastro.web.id

1

[Pemrograman Animasi I] Manajemen Informatika | POLITAMA 8. setelah garis selesai dibuat. Secara otomatis bola pada frame 1 akan menepati pada awal lintasan, dan bola pada frame 10 (frame terakhir) akan menempati ujung garis (akhir lintasan) dan animasi siap untuk dijalankan. Membuat Bola Memantul dengan Animasi Gerak Efek bola memantul dari atas ke bawah dan kembali lagi keatas dibuat dengan hanya dengan mengubah posisi bola tersebut, yaitu dengan memindahkannya ke bawah dan kemudian memantulkannya lagi keatas.

Gambar 5.12 Animasi bola memantul a. b. c. d. e. f. g. h.

i. j. k.

Buat file Flash baru. Pada Timeline, pilih Frame 1 Dalam toolbox,pilih Tool Oval untuk membuat bola Hilangkan stroke dengan mengunakan Stroke Color pada bagian color dalam Toolbox, dan kemudian klik No Color. Masih di frame 1. gunakan Insert
Create Motion Tween untuk membuat animasi gerak. Flash mengubah bola menjadi suatu symbol dan menempatkannya di library. Pada timeline, klik frame 5 Gunakan menu insert
keyframe. Pada frame 5, klik tool arrow, kemudian pindahkan bola ke bawah untukmembuat gerakan bola jatuh ke bawah, pada timeline flash mengganti tanda garis-garis dengan tanda anak panah yang menandakan bahwa animasi gerak telah lengkap. Perhatikan juga bahwa Flash secara otomatis mengubah frame 5 menjadi suatu keyframe dengan menambahkan suatu tanda bulatan hitam pada frame. Untuk memantulkan bola ke atas, tambahkanlah frame dengan mengklik frame 10 kemudian pilih Insert
keyFrame. Pindahkan bola kembali keatas. Mainkan animasi dengan Control
Test Movie.

Animasi Rotasi Animasi Rotasi adalaah animasi objek atau teks yang berputar seperti putaran roda, jam, kincir angin, helicopter, dan lain-lain. Kita bisa memutarnya searaah jarum jam (CW : Clock Wise) atau sebaliknya (CCW : Counter Clock Wise) Pada contoh ini,kita akan membuat abjek segiempat panjang yang memutar searah jarum jam dari kiri ke kanan. a. Klik rectangle Tool lalu gambarlah segiempat panjang di layar. b. Pada timeline, klik kanan pada frame 1, pilihlah Create Motion Tween. c. Klik kanan pada frame 15, pilihlah Insert keyframe, lalu pindahkankan segi empat panjang ke kanan layar.

Modul by Heru W | herusastro.web.id

2

[Pemrograman Animasi I] Manajemen Informatika | POLITAMA d. Klik Frame 1 untuk kembali ke frame 1. lalu atur Properties isikan pada Rotate : CW dengan nilai 2.

Rotate : CW

Gambar 5.13 Animasi Rotasi

Modul by Heru W | herusastro.web.id

3