BAB 4 | MEMBUAT ANIMASI PESAWAT - Membuat animasi pesawat dengan classic dan motion tween

Indikator Hasil Belajar

1. Siswa memahami animasi classic tween.
2. Siswa memahami animasi motion tween.
3. Siswa mampu membuat animasi classic tween.
4. Siswa mampu membuat animasi motion tween.
5. Siswa mampu menempatkan file gambar di library.

ANIMASI PESAWAT

Pada materi kali ini kita akan mencoba membuat pesawat sedang terbang, namun disini kita tidak membuat pesawat dengan adobe flash, untuk bahan yang kita perlukan adalah:

• Objek pesawat bisa kita cari melalui internet, format file bisa berupa .png atau .jpg.
• Baling dibuat dengan aplikasi corel draw, export file menjadi .png atau .jpg.
• Awan dibuat dengan tool adobe flash. 
• Background sendiri kita buat dengan adobe flash.

Setelah semua bahan pendukung tersedia langkah selanjutnya adalah membuat animasi pesawat tersebut seolah terbang diawan atau dilangit, disini yang akan kita berikan animasi adalah awan dan baling sedangkan untuk pesawat dan background tetap diam ditempat.

MEMBUAT DAN IMPORT OBJEK

Untuk membuat animasi pesawat sedang terbang dan awan seolah bergerak berikut langkah-langkahnya, pembuatan masih dilakukan dengan action script 2.0:

• Buatlah file baru dengan pengaturan Stroke Color: None, Fill Color: Gradasi, klik Free Transform Tool  lalu double klik Layer 1 rename menjadi sky, berikan warna gradasi background dengan warna biru langit gambar 4.1, gunakan Gradient Transform Tool  ubah gradasi menjadi seperti gambar 4.2

Gambar 4.1 Warna gradasi backround sky

Gambar 4.2 Gradient Transform Tool

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

Gambar 4.3 Membuat layer plane

Gambar 4.4 Atur posisi plane ditengah

• Tambahkan layer baru beri nama baling.
• Klik Free Transform Tool  atur posisi baling seperti digambar 4.6

Gambar 4.5 di Library hasil Import to Stage

Gambar 4.6 Mengatur letak baling

• Tambahkan layer baru kemudian beri nama cloud.
• Buatlah pengaturan Stroke Color: None  dan Fill Color: #FFFFFF , kemudian di frame 1 buatlah objek awan dengan Oval Tool  diluar stage.

Gambar 4.7 Buat layer cloud

Gambar 4.8 Membuat awan di luar stage

• Maka sampai disini pekerjaan membuat dan meletakkan objek sudah selesai, langkah selanjutnya adalah memberikan animasi pada objek baling dan cloud.

MENAMBAHKAN ANIMASI PADA OBJEK

• Pilih layer sky, klik kanan frame 30 pilih Insert Keyframe.
• Pilih layer plane, klik kanan frame 30 pilih Insert Keyframe.
• Pilih layer baling, klik kanan frame 30 pilih Insert Keyframe.
• Pilih layer cloud, klik kanan frame 30 pilih Insert Frame.

Gambar 4.9 Hasil Insert Keyframe

Gambar 4.50 Hasil Insert Frame

• Pilih layer baling, klik kanan frame 1 Create Classic Tween.
• Untuk baling supaya berputar klik frame 1 pada panel Properties>>Tweening>>Rotate: CW.

Gambar 4.51 Create Classic Twen

Gambar 4.52 Rotate: CW

• Pilih layer cloud, klik frame 1 klik menu Modify>>Convert to Symbol...(F8)>> name: cloud, type: movie clip lalu klik OK.
• Pilih layer cloud, klik frame 1, klik kanan Create Motion Tween. Lalu Klik kanan frame 30 pilih Insert Keyframe>>Position.

Gambar 4.53 Convert to Symbol

Gambar 4.54 Insert Keyframe Position

• Dengan Free Transform Tool  tarik awan kenan, akan tampak garis putus-putus.
• Tekan enter untuk melihat hasilnya.

LATIHAN

1. Tambahkan cloud sehigga menjadi dua cloud yang bergerak dari kiri ke kanan.
2. Buatlah pesawat sedang terbang dari kanan ke kiri dengan menggunakan Motion Tween.
3. Ubahlah objek plane dan baling menjadi movie clip.

Gambar 4.55 Buat dua cloud

Gambar 4.56 Plane dan baling dijadikan movie clip

Gambar 4.57 Hasil Layer Plane Motion Tween

PERTANYAAN

1. Jelaskan langkah-langkah membuat animasi sebuah objek yang dapat bergerak dari kanan ke kiri!
2. Apakah fungsi Create Motion Tween?
3. Apakah fungsi Create Classsic Tween?
4. Apakah sungsi Rotate CW?
5. Apakah fungsi Rotate CCW?