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.

Modul

4

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