BAB 1 | MEMBUAT ANIMASI BUNGA - Membuat Animasi Bunga dengan Classic Tween

Indikator Hasil Belajar

1. Siswa memahami fungsi oval tool.
2. Siswa memahami fungsi line tool.
3. Siswa memahami fungsi classic tween.
4. Siswa mampu membuat objek bunga.

URAIAN MATERI

Pada materi kali ini kita akan membuat animasi bunga sederhana yang keseluruhan objeknya akan kita buat dengan adobe flash. Kemudian dengan fungsi oval tool dan line tool yang disediakan oleh aplikasi ini seperti membuat tangkai, membuat putik dan membuat kelopak bunga dan pemberian warna dengan fill color dan stroke color.

Setelah pembuatan objek bunga selesai, langkah terakhir bisa memberikan animasi pada objek kelopak bunga, dimana kelopak bunga tersebut berputar searah jarum jam, sedangkan untuk tangkai dan putik bisa di kreasikan sendiri.

MEMBUAT ANIMASI BUNGA

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

• Buatlah file baru dengan klik menu File>>New>>ActionScript 2.0 lalu klik OK. akan tampil lembar kerja baru.

Gambar 1.1 Membuat Document Baru

• Untuk menjadi tampilan seperti dibawah ubah di menu bar manjadi animator.

Gambar 1.2 Lembar Kerja Baru

• Double klik Layer 1, ganti dengan nama tangkai.
• Klik Line Tool pada Properties ubah Fill Color : None , Stroke Color: #006633 (hijau)  atur supaya tangkai di tepi kanan bawah. Supaya tangkai bisa melengkung gunakan Selection Tool atau Free Transform Tool  dengan cara:
• Tanpa di seleksi, arahkan kursor ke tepi  objek garis sampai tanda kursor berubah.
• Jika kursor diarahkan ke empat titik sudut garis tanda kursor menjadi siku.
• Jika kursor diarahkan pada tepi kiri, kanan, atas atau bawah garis maka tanda kursor menjadi lengkung.
• Tarik dan bentuklah tangkai sampai menjadi objek tangkai melengkung.

Gambar 1.3 Tangkai dibuat melengkung

• Tambahkan layer baru dengan cara Klik New Layer  pada Timeline sudut kiri bawah, Ganti nama Layer 2 dengan cara Double Klik Layer 2 menjadi kelopak.
• Aturlah Stroke Color : None  dan Fill Color : #FF0000(merah) , kemudian dengan Oval Tool  klik layer kelopak di frame 1, lalu gambarlah sebuah oval. 
• Untuk mengatur posisi objek oval gunakan Selection Tool   atau Free Transform Tool  dengan cara klik objeknya lalu geserlah objek tersebut hingga sesuai.

Gambar 1.4 Rename Layer

Gambar 1.5 Membuat Oval dengan Oval Tool

• Copy objek oval yang sudah dibuat dengan cara Klik Free Transform Tool , lalu klik objek oval Pilih menu Edit>>Copy atau bisa dengan shortcut (Ctrl+C).
• kemudian pastekan dengan cara klik menu Edit>>Paste in Center atau bisa dengan shortcut (Ctrl+V)
• atur posisi objek sehingga hasilnya menjadi seperti gambar 1.6.
• Lakukan seperti langkah 7, copy dan paste objeck oval dengan cara yang sama kemudian ubah fill color untuk membedakan supaya warna tidak sama.
• gunakan fill color warna kreasikan sendiri. Untuk rotate objek oval gunakan Free Transform Tool lalu arahkan kursor ke salah satu sudut tanda kotak sampai muncul tanda panah melingkar.
• kemudian tarik dan tahan lalu putarlah objek sesuai dengan yang kita inginkan lihat gambar 1.7.

Gambar 1.6 Mengcopy objek oval

Gambar 1.7 Copy and paste ubah fill color

• Lakukan seperti langkah 7 dan langkah 8 sehingga menghasilkan objek kelopak bunga seperti gambar 1.8.
• sampai disini membuat objek kelopak bunga selesai, langkah selanjutnya adalah membuat putik bunga.
• Tambahkan layer baru dengan cara Klik New Layer  pada Timeline sudut kiri bawah. 
• Ganti nama Layer 3 dengan cara Double Klik Layer 3 menjadi putik.

Gambar 1.8 Mengatur posisi tiang

Gambar 1.9 Membuat layer putik

• Langkah selanjutnya adalah membuat putik bunga di layer putik. Klik layer putik posisi di frame 1.
• Atur fill color supaya tidak sama dengan warna kelopak, lalu Klik Oval Tool  kemudian buatlah objek menjadi bulat dengan cara tekan tombol shift di keyboard bersamaan pada saat menarik objek. 
• Gunakan Free Transform Tool untuk mengatur posisi kelopak. Langkah selanjutnya adalah memberikan animasi pada kelopak supaya berputar.

Gambar 1.10 Membuat kelopak

• Pilih layer tangkai, lalu klik kanan frame 20 pilih insert frame.
• Pilih layer kelopak, lalu klik kanan frame 20 pilih insert keyframe.
• Klik kanan frame 1, pilih Create Classic Tween.
• Klik  frame 1, pada Properties sebelah kanan atur TWEENING>>Rotate: CW.

Gambar 1.11 Menambahkan Create Classic Tween

Gambar 1.12 Mengatur Rotate: CW

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

LATIHAN

1. Pada Kelopak ubahlah rotate menjadi CCW.
2. Buatlah tangkai dengan menggunakan Pen Tool.

PERTANYAAN

1. Sebutkan jenis-jenis toolbar pada adobe flash CS 5.5 Profesional yang bisa digunakan untuk membuat tangkai, kelopak dan putik bunga?
2. Apakah fungsi Free Transform Tool? Jelaskan!
3. Apakah fungsi Selection Tool?
4. Bagaimana caranya menambahkan Layer baru dari Timeline?
5. Bagaimana caranya supaya objek yang kita buat bisa bergerak searah jarum jam? Jelaskan!