4

Modul ANIMASI FLASH

Bagian 2

KOMPETENSI
Setelah menyelesaikan modul ini, mahasiswa diharapkan dapat
mengetahui dan membuat jenis animasi path, masking, movie clip,button
dan graphic.

1. TUJUAN
• Mahasiswa mengerti tentang konsep animasi
• Mahasiswa mengerti tentang jenis-jenis animasi
• Mahasiswa mengerti dasar-dasar menggambar objek dalam flash
• Mahasiswa mengerti metode pembuatan animasi dalam flash

2. TUGAS PENDAHULUAN
a. Jelaskan apa yang anda ketahui tentang Animasi Path?
b. Sebutkan macam-macam simbol dalam Macromedia Flash !
c. Apa perbedaan animasi movie clip,button, dan graphic ?
d. Apa itu masking animation?

3. TEORI
1.1 Animasi Path
Adalah animasi dari objek yang gerakannya mengikuti garis lintasan yang sudah
ditentukan. Contoh animasi jenis ini adalah animasi kereta api yang bergerak mengikuti
lintasan rel. Biasanya dalam animasi path diberi perulangan animasi, sehingga animasi
terus berulang hingga mencapai kondisi tertentu. Dalam macromedia flash, animasi
jenis ini didapatkan dengan teknik animasi path, teknik ini menggunakan layer
tersendiri yang didefinisikan sebagai lintasan gerakan objek.
1.2 Symbol dalam animasi flash
Dalam animasi flash kita diperkenalkan dengan symbol-symbol berupa Graphic,
Button, dan Movie Clip. Ketiganya dapat kita pergunakan untuk mempermudah dalam
pembuatan animasi.
a. Graphic.
 Symbol yang dapat di isi dengan objek diam, semisal objek binatang atau
pemandangan.
b. Button.
Symbol jenis ini akan membuatnya menjadi tombol, jika diberikan arah alamat
atau perintah tertentu, maka ketika diklik symbol ini akan menuju alamat yang
diberikan atau melakukan perintah yang dikenakan pada tombol tersebut.
c. Movie Clip.
Dalam movie clip dapat diisi dengan objek bergerak, semisal, untuk membuat
animasi orang berjalan, anda hanya perlu membuat orang melangkah sebanyak dua
kali dalam objek movie clip, karena movie clip akan melakukan pengulangan secara
otomatis pada animasi yang terkandung di dalamnya dengan catatan tidak ada skrip
atau perintah yang menghentikan pengulangan animasi itu.
1.3 Masking
Animasi masking adalah animasi yang pada intinya menampilkan objek yang
semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu
area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak
diperbolehkan.

1.4 PRAKTIKUM
a. Peralatan dan Bahan
• Perangkat komputer / PC / Laptop / Notebook / Netbook
• Sistem operasi Windows
• Macromedia Flash versi 8.0 atau di atasnya

b. Keselamatan Kerja
• Baca dan pahami semua langkah kerja dari praktikum ini dengan cermat
• Pastikan diri anda terlindungi dari efek kejutan listrik yang dapat dikarenakan oleh
grounding instalasi listrik yang tidak sempurna.
c. Langkah Kerja
 • Siapkan alat dan bahan praktek.
• Selalu memperhatikan keselamatan kerja.
• Jalankan perangkat dengan menggunakan tools Macromedia.
• Organisasikan dengan baik folder pribadi anda untuk masing – masing modul
praktikum.
4. METODE PEMBUATAN ANIMASI
1. Animation Path
Animasi ini merupakan dasar dari animasi game balapan mobil atau motor, yaitu
bahwa mobil/motor bergerak mengikuti jalur/track yang sudah ditentukan. Hati-hati
dalam membuat animasi ini, karena langkah tidak sesuai prosedur, maka animasi tidak
akan berhasil. Adapun Langkah-langkahnya sebagai berikut:

1. Buat objek persegi menggunakan rectangle tool dan convert object to symbol (F8),
pilih Movie Clip

2. Klik kanan pada layer 1, pilih Add Motion Guide

3. Buat jalur bebas menggunakan Pencil Tool di layer guide

4. Gunakan Selection Tool, klik frame 30, dan insert keyframe di layer guide
5. Pilih kembali layer 1, Klik kanan frame 1, Pilih Create Mottion Tween
6. Pindahkan objek ke pangkal jalur, posisikan objek dengan tepat, sehingga terlihat
lingkaran kecil di tengah-tengah objek persegi

menjadi:

7. Klik Kanan frame 30 pada layer 1, lalu Insert Keyframe

 8. Pindahkan objek dari pangkal ke ujung sesuai jalur yang dibuat, hati-hati pada
langkah ini !
9. Tekan Ctrl + Enter.

2. Animasi Movie Clip

1. Langkah pertama adalah masukan gambar dengan cara klik New Import Import
to Library

2. Lalu pilih beberapa gambar yang akan di gunakan lalu klik open

3. Maka akan tampil pada list Library

4. Langkah selanjutnya untuk membuat Movie Clip adalah Klik menu Insert New
Symbol Pilih type Movie clip. Maka akan tampil seperti dibawah ini :

5. Untuk memasukan gambar kedalam Stage lakukan dengan cara Drag and drop
 6. Setelah Semua gambar di masukan maka Movie Clip telah jadi lalu Klik pada tulisan
Scane

7. Setelah kembali mada scane Drag Symbol yang sebelumnya telah kita bikin ke dalam
Stage. Dapat dilihat pada gambar :

8. Untuk memberi efect pada Symbol maka Insert Keyframe (disini insert Keyframe di
lakukan pada frame 45) Lalu Kembalikan pada frame awal lalu klik kanan
pilih Create Motion Tween.
9. Utuk Melihat nya maka tekan ctrl+enter

3. Button Clip
Langkah awal untuk membuat button pada flash ini hamper sama seperti membuat movie
clip ssebelumnya.
1. Pilih menu insert New Symbol dan pilih Symbol
2. Setelah klik oke maka akan muncul tampilan seperti dibawah ini :

3. Gambarlah sebuah Objek pada Stage Up (sebagai contoh menggambar lingkaran)

Lalu pada Over klik kanan pilih Insert Keyframe lalu ubahlah warna lingkaran
(pilih pada fill color) . Lakukan langkah yang sama untuk Down dan Hit.

4. Setelah kembali mada scane Drag Symbol yang sebelumnya telah kita bikin ke dalam
Stage. Dapat dilihat pada gambar

5. Utuk Melihat nya maka tekan ctrl+enter

4. Masking Animation
1. Buka file baru atau Ctrl+N.
2. Disini kita akan berkerja dengan area background berwarna hitam, jadi pada
properties.kita ubah dulu warna background menjadi warna hitam.

3. Kemudian buat dua buah layer.dengan nama layer “text” yaitu layer yang di mask dan
layer “masked” yaitu layer masking.

4. Pada layer text frame ke-1 buat sebuah tulisan “ANIMASI MASKING” dengan warna
putih seperti pada gambar.

5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame.

6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam,
letakkan di samping kiri dari stage.
 7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi
lingkaran elips ke samping kanan stage.

8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween.

9. Pada layer masked, klik kanan pilih mask

10. Kemudian tekan Enter untuk melihat hasilnya.

6. EVALUASI DAN PERTANYAAN

1) Jelaskan perbedaan Frame by Frame, Tweened dan Motion Shape animation ?

7. STUDI KASUS
Buatlah sebuah animasi sederhana dengan menggunakan teknik/metode yang sudah
dipelajari!

8. KESIMPULAN
9. Hasil Review
Date Result (1 – 5) Signature