BAB 2 | MEMBUAT ANIMASI KIPAS - Membuat animasi kipas dengan classic tween

Indikator Hasil Belajar

1. Siswa mampu memahami animasi classic tween.
2. Siswa mampu membuat animasi kipas.
3. Siswa mampu menempatkan objek ke library.

ANIMASI KIPAS

Animasi kipas yang akan kita pelajari kali ini adalah animasi classic tween, langkah awal dalam pembuatan animasi kipas yang kita lakukan hanyalah menempatkan file yang sudah kita sediakan atau kita buat sebelumnya. untuk membuat objek sendiri seperti: tiang kipas, tutup kipas dan dan kipasnya sendiri bisa menggunakan aplikasi corel draw atau bisa gunakan aplikasi lain. Kemudian yang terakhir kita butuh background supaya kelihatan menarik.

Pada animasi ini yang akan diberikan animasi adalah objek kipas, sementara objek yang lainnya sebagai pendukung sehingga objek kipas kelihatan menjadi berputar.

MEMBUAT ANIMASI KIPAS

Pembuatan animasi kipas dilakukan dengan action script 2.0, kemudian objek yang akan kita import seluruhnya ada empat, berikut langkah-langkahnya:

• Buatlah file baru, lalu import file background ke stage dengan cara pilih menu File>>Import>>Import to Stage...(Ctrl+R) 
• carilah file yang akan kita import misal: cartoon living room lalu klik Open file cartoon living room akan tersimpan di Library.
• Klik Selection Tool  lalu Atur posisi background agar sesuai dengan ukuran stage, gunakan Align horizontal center  dan Align vertical center.
• lalu untuk mengatur lebar dan tinggi gunakan Match size: klik Match width and hight  di Panel Align. Jangan lupa checklist Align to stage
• Double klik Layer 1 lalu rename dengan nama bg. 
• lalu klik gambar gembok di Timeline gunanya layer tersebut tida bisa bergerak atau diedit. Karena dianggap sudah selesai.

Gambar 3.1 Panel Library

Gambar 3.2 Rename layer 1 menjadi bg lalu klik lock

• Klik New Layer  pada Timeline sudut kiri bawah kemudian tambahkan layer baru, dengan Double Klik rename Layer 2 menjadi tiang.
• Pilih menu File>>Import>>Import to Stage(Ctrl+R)... carilah file tiang-kipas.jpg yang sudah kita siapkan sebelumnya jika sudah>>Open maka secara otomatis file tiang-kipas.jpg tersimpan di panel Library, dengan Free Transform Tool  atur posisi tiang-kipas seperti digambar 3.3.
• Klik New Layer  pada Timeline sudut kiri bawah kemudian tambahkan layer baru, dengan Double Klik rename Layer 3 menjadi baling.
• Pilih menu File>>Import>>Import to Stage(Ctrl+R)... carilah file baling-kipas.jpg yang sudah kita siapkan sebelumnya jika sudah>>Open maka secara otomatis file baling-kipas.jpg tersimpan di panel Library, dengan Free Transform Tool  atur posisi baling-kipas seperti digambar 3.4.

Gambar 3.3 Mengatur posisi tiang

Gambar 3.4 Mengatur posisi tutup kipas

• Klik New Layer  pada Timeline sudut kiri bawah kemudian tambahkan layer baru, dengan Double Klik rename Layer 4 menjadi tutup.
• Pilih menu File>>Import>>Import to Stage(Ctrl+R)... carilah file tutup-kipas,jpg yang sudah kita siapkan sebelumnya jika sudah>>Open maka secara otomatis file tutup-kipas.jpg tersimpan di panel Library.
• Dengan Free Transform Tool  atur posisi tutup-kipas seperti digambar 3.6. sampai disini penempatan objek selesai, selanjut adalah menambahkan frame dan animasi.

Gambar 3.5 Layer animasi kipas

Gambar 3.6 Mengatur posisi posisi kipas

• Pilih layer bg, lalu klik kanan frame 20 pilih insert frame.
• Pilih layer tiang, lalu klik kanan frame 20 pilih insert frame.
• Pilih layer baling, klik kanan frame 20 pilih insert keyframe. Klik frame 1, klik kanan pilih Create Classic Tween. Pada panel Properties pilih Tweening>>Rotate: CW.

Gambar 3.7 Menambahkan Create Classoc Tween

Gambar 3.8 Mengatur Rotate

• Pilih layer tutup, lalu klik kanan frame 20 pilih insert frame.
• Tekan enter untuk melihat hasil.

LATIHAN

1. Buatlah tutup kipas dengan menggunakan Rectangle Tool dan Line Tool.
2. Pada baling ubahlah rotate menjadi CCW, lalu berikan penjelasan!

PERTANYAAN

1. Jelaskan secara singkat membuat animasi sebuah Classic Tween!
2. Apakah fungsi Import to Stage? Jelaskan!
3. Apakah fungsi Free Transform Tool?
4. Bagaimana caranya menambahkan Layer baru dari Timeline?
5. Apakah fungsi Rotate CCW?