BAB 3 | MEMBUAT ANIMASI SHURIKEN - Membuat animasi shuriken dengan motion tween

Indikator Hasil Belajar

1. Siswa memahami fungsi rectangle tool.
2. Siswa memahami fungsi oval tool.
3. Siswa memahami fungsi free transform tool.
4. Siswa mampu membuat animasi motion tween.
5. Siswa mampu menempatkan objek ke library.

ANIMASI SHURIKEN

Animasi shuriken yang akan kita pelajari kali ini adalah animasi motion tween, dimana animasi ini memiliki ciri, objek yang akan diberi animasi harus diconvert ke simbol. Setelah objek menjadi simbol baru bisa dberikan animasi, animasi inilah yang diberi nama motion tween. Animasi shuriken yang akan kita pelajari membutuhkan bahan pendukung diantaranya adalah:

• Objek  Shuriken file ini bisa dalam bentuk format .png atau .jpg bisa dibuat sendiri bisa juga dicari di internet.
• Objeck Background, untuk background bisa kita buat sendiri atau mencari di internet dalam bentuk format file berupa .png atau .jpg.
• Objek Pohon kita buat sendiri dengan menggunakan tool adobe flash.

Pada animasi ini yang akan diberikan animasi adalah objek shuriken, sementara objek yang tidak kita berikan animasi adalah background dan pohon.

MEMBUAT DAN IMPORT OBJEK

Langkah pertama yang perlu kita lakukan adalah membuat dan meng import objek kedalam stage yang kita buat, berikut langkah-langkahnya, pembuatan masih dilakukan dengan action script 2.0:

• 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 lalu klik Open file bakcground 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.
• Double klik Layer 1 lalu rename dengan nama background.

Gambar 3.1 Mengatur background

Gambar 3.2 Rename layer 1 menjadi background

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

Gambar 3.3 Objek di library

Gambar 3.4 Mengatur posisi shuriken

• Klik New Layer  pada Timeline sudut kiri bawah kemudian tambahkan layer baru, dengan Double Klik rename Layer 3 menjadi pohon.
• Aturlah Stroke color:  #993300 dan Fill Color:  # CC9966, lakukan pengaturan Fill stroke:0,10 lalu Stroke:4,00.
• Gunakan Rectangle Tool untuk membuat batang pohon. 
• Letakkan shuriken disebelah kanan. 
• Gunakan Free Transform Tool  untuk mengatur besar kecil rectangle.

Gambar 3.5 Mengatur stroke Fill dan Stroke

Gambar 3.6 Membuat Rectangle

• Klik Selection Tool  lalu bentuklah rectangle menjadi batang pohon yang memiliki dahan, dengan cara: 
• Arahkan kursor ke tepi rectangle sampai tanda kursor berubah.
• Jika kursor diarahkan ke empat titik sudut rectangle tanda kursor menjadi siku.
• Jika kursor diarahkan pada tepi kiri, kanan, atas atau bawah rectangle maka tanda kursor menjadi lengkung.
• Selanjutnya tarik dan bentuklah batang pohon sampai menjadi objek pohon yang sebenarnya.
• Jika hendak menambahkan bentuk baru pada rectangle tekan dan tahan alt di keyboard arahkan pada tepi objek lalu tarik objek yang akan dibuat bentuk baru.

• Klik Oval Tool  lalu lalu atur Stroke Color: None  dan Fiil Color: #33CC33  buatlah daun sesuai selera.

Gambar 3.7 Membuat daun dengan Oval Tool

• Pilih layer background, lalu klik kanan frame 25 pilih insert frame.
• Pilih layer shuriken, lalu klik kanan frame 25 pilih insert frame.
• Pilih layer pohon, klik kanan frame 25 pilih insert keyframe.
• Pilih layer shuriken, klik frame 1 klik menu Modify>>Convert to Symbol...(F8)>> name: shuriken, type: movie clip lalu klik OK.

Gambar 3.8 Menambahkan frame

Gambar 3.9 Convert to Symbol

• Pilih layer shuriken, klik kanan frame 25 Create Motion Tween.
• Pilih layer shuriken, klik kanan frame 25 Insert Keyframe>>Position.

Gambar 3.8 Menambahkan frame

Gambar 3.9 Convert to Symbol

• Klik Selection atau Free Transform Tool lalu tarik shuriken ke kanan sejajarkan dengan pohon, tekan enter untuk melihat hasilnya, namun objek shuriken belum bisa berputar.
• Untuk membuat shuriken berputar, klik pada frame 1 atau frame 40 lalu di Properties>>ROTATION>>Direction: pilih  CW, artinya putaran searah jarum jam. Tekan Ctrl+enter untuk menjadikan file .swf.

Gambar 3.10 Tarik shuriken ke kanan

Gambar 3.11 Mengatur direction

• Sampai disini animasi sudah selesai.

LATIHAN

1. Dengan Free Transform Tool, buatlah daun seolah-olah bergoyang ke kiri dan kanan.
2. Gantilah ROTATION>>Direction: CW menjadi CCW, lalu berikan penjelasan kalian.

PERTANYAAN

1. Jelaskan secara singkat membuat animasi sebuah Motion Tween!
2. Apakah fungsi Free Transform Tool? Jelaskan!
3. Apakah fungsi Selection Tool? Jelaskan!
4. Apakah fungsi Motion Tween? Jelaskan!
5. Apakah fungsi Direction CCW?