47
Gambar 57. Library
4. Untuk menambahkan pendulum kedua, klik frame 1 layer 2, kemudian drag symbol pendulum dari library ke stage
. Atur posisinya, sesuaikan dengan pendulum pertama.
Gambar 58. Menambahkan symbol dari library ke stage 5. Karena gerakan pendulum adalah gerakan melengkung parabola, kita harus
memperhatikan titik pusat rotasi. Dengan menggunakan Free Transform Tool,
geser titik pusat rotasi pivot point menuju ke ujung atas benang. Lakukan ada ke dua pendulum.
Gambar 59. Menggeser Pivot Point
6. Setelah pengaturan pivot point kedua pendulum, dengan menggunakan Free Transform Tool
atur posisi ke dua pendulum tersebut ke posisi awal. Untuk
merotasi objek dekatkan mouse ke ujung objek sehingga muncul ikon rotasi, kemudian drag sesuai dengan kebutuhan. Lihat gambar
Gambar 60. Posisi awal pendulum
7. Perlu diperhatikan bahwa gerakan pendulum akan berulang, dimana gerakan utama pendulum ada tiga langkah seperti pada gambar 62, sehingga masing-
masing layer membutuhkan 3 buah Key Frame. 8. Karena posisi awal dan posisi akhir dari pendulum sama, maka langkah yang
paling tepat adalah mengerjakan terlebih dahulu posisi awal dan akhir. Seleksi
frame 40 layer 1 dan layer 2 dengan menahan tombol shift + klik pada frame
40, kemudian pertahankan posisi mouse, klik kanan dan pilih Insert Key Frame
.
Gambar 61. Insert Keyframe 40 – tanpa perubahan apapun
9. Ketika posisi pendulum sedang turun di tengah di bawah, maka waktu yang tepat adalah setengah dari waktu total. Karena waktu total adalah 40 frame, maka
setengah dari waktu adalah 20 frame. Seleksi frame 20 layer 1 dan layer 2
dengan menahan tombol shift + klik pada frame 20, kemudian pertahankan
posisi mouse, klik kanan dan pilih Insert Key Frame. Kemudian dengan menggunakan Free Transform Tool, atur posisi kedua
pendulum sesuai dengan gambar berikut:
49
Gambar 62. Pengaturan Keyframe pendulum
10. Untuk menambahkan animasi, seleksi seluruh frame layer 1 dan layer 2 klik
frame 1 layer 2, tahan tombol shift dan klik frame 2 layer 1. Pertahankan posisi
kursor mouse, klik kanan dan pilih Create Classic Tween.
Gambar 63. Menambahkan Classic Tween pada seluruh layer
11. Jalankan aplikasi dengan menekan tombol Ctrl+Enter. Maka akan terbentuk
animasi gerakan pendulum. Namun demikian jika anda perhatikan gerakan tersebut masih terkesan kaku tidak alami, karena efek grafitasi tidak bekerja.
12. Untuk membuat animasi tersebut lebih terkesan realis, perlu ditambahkan ease.
Ketika objek tertarik grafitasi frame 1 sampai frame 20 maka diperlukan ease
bernilai negatif ease in dan sebaliknya ketika objek memantul ke atas maka
pendulum akan semakin melambat, sehingga diperlukan ease bernilai positif
ease out. Untuk mengatur ease, klik frame 10 layer 1 dan layer 2. Pada panel properties
ubah nilai parameter ease menjadi -100 ease in. Selanjutnya klik frame 30 layer 1 dan layer 2
lalu ubah nilai parameter ease menjadi 100 ease out.
Gambar 64. Pengaturan ease
13. Jalankan aplikasi dengan menekan Ctrl+Enter. Maka animasi pendulum yang
dihasilkan akan lebih realis.
Gambar 65. Perbedaan Animasi pendulum tanpa dan dengan ease
Animasi Tween dengan Rotasi
Dalam animasi, rotasi merupakan salah satu gerak yang sering dipakai. Sebagai contoh : gerakan roda, perubahan sudut gerak dan sebagainya. Flash memiliki opsi rotasi pada
animasi motion tween yang bisa mempermudah kita untuk memperoleh animasi yang kita butuhkan.
Rotasi dalam Flash terbagi menjadi 3 yaitu : 1. CW Clockwise yaitu rotasi searah jarum jam
2. CCW Counter Clockwise yaitu rotasi berlawanan jarum jam 3. Auto rotation yaitu rotasi otomatis tergantung perubahan rotasi yang dilakukan
dengan transform tool. Pada tutorial berikut, akan dijelaskan proses pembuatan animasi roda yang berputar dan
bergerak dari kiri ke kanan. Perhatikan langkah-langkah berikut :
1. Buatlah sebuah file baru. Kemudian dengan menggunakan Oval tool buatlah sebuah lingkaran sempurna dengan menahan tombol Shift saat membuat
lingkaran. Agar lingkaran terlihat berputar, maka perlu ditambahkan beberapa jari-jari dan warna pembeda. Dalam contoh ini lingkaran dibagi menjadi 4.
