[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. Buat file Flash baru.

b. Pada Timeline, pilih Frame 1
c. Dalam toolbox,pilih Tool Oval untuk membuat bola
d. Hilangkan stroke dengan mengunakan Stroke Color pada bagian color dalam Toolbox,
dan kemudian klik No Color.
e. Masih di frame 1. gunakan Insert
Create Motion Tween untuk membuat animasi
gerak. Flash mengubah bola menjadi suatu symbol dan menempatkannya di library.
f. Pada timeline, klik frame 5
g. Gunakan menu insert
keyframe.
h. 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.
i. Untuk memantulkan bola ke atas, tambahkanlah frame dengan mengklik frame 10
kemudian pilih Insert
keyFrame.
j. Pindahkan bola kembali keatas.
k. 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