TEKNIK INFORMATIKA – UNIVERSITAS TANJUNGPURA

2009

MEMBUAT ANIMASI DENGAN MACROMEDIA

FLASH 8 Animasi-Animasi Paling Dasar

Þÿ Irni Irmayani

I R N I I R M A Y A N I

I r n i I r m a y a n i Page 2

Membuat Animasi paling dasar di Macromedia Flash Sering searching di internet nyari-nyari bahan tentang flash step-by-step. Tapi aku jarang banget nemuin tutorial Flash yang memang bener-bener dari dasar (terutama yang berbahasa indonesia).

Nah, karena itulah ketika sedikit mempunyai ilmu tentang dasar-dasar Flash saya juga ingin berbagi. Kali ini aku menggunakan Macromedia Flash 8.

Berikut ini adalah taha-tahap pembuatan animasi Flash sederhana:

1. Buat document baru dengan cara klik Flie >> new Document ini juga dapat kita modifikasi dengan mengubah warna dan besar pixelnya pada bagian property(panel bagian bawah).

2. Buat sebuah lingkaran dengan menggunakan Oval Tool yang berada pada bagian Tools Panel. 3. Dengan menggunakan selection tools klik lingkaran yang telah kita buat.

I r n i I r m a y a n i Page 3

4. Klik modify convert to symbol.

5. Tuliskan “lingkaran” untuk name dan movie clip untuk type. 6. Saat OK dikik, secara otomatis tab library akan muncul diagian kanan jendela. Jika library tidak

ditemukan. Kita dapat memunculkannya dengan cra mengklik : window >> library.

7. Geser lingkaran kebidang bagian paling kiri.

8. Pada menu TimeLine klik frame 20 pada layer 1.

9. Kemudian klik : insert >> timeline >> frame.

10. Klik insert >> timeline >> keyframe. 11. Geser lingkaran hingga ke bagian paling kanan frame.

12. Pada posisi lingkaran berada di bagian kanan frame. Klik frame 1 pada layer 1 di TimeLine. 13. Pada menu property pilih motion pada tab tween.

I r n i I r m a y a n i Page 4

Hingga pada timeline berbentuk seperti pada gambar dibawah ini: 14. Save document dengan cara : File >> Save. 15. Save document dengan nama simpleFlash.fla 16. Lihat hasil dengan cara mengklik : control >> test movie.

Nah, untuk mempublikasikan animasi flash yang telah kita buat kedalam sebuah flash, dapat menggunaka tahap-tahap seperti dibawah ini:

1. Klik File >> Publish setting. Pilih type Flash dan HTML.

2. Kemudian klik tab HTML. Pilih Flash Only pada menu template. Lalu tekan OK.

I r n i I r m a y a n i Page 5

3. Klik File >> Publish.

4. Kemudian buka web browser yang ada pada computer anda. Klik File >> open dan pilih SimpleFlash.html

Inilah tahap-tahap untuk membuat sebuah animasi sederhana menggunakan Macromedia Flash. Sekarang animasi sederhana anda telah lengkap. Mudah-mudahan bermanfaat yach.

I r n i I r m a y a n i Page 6

Memperbesar atau Memperkecil Gambar dengan Mennggunakan Macromedia Flash 8

Nulis lagi nech tentang Flash. Habis belajar sedikit, terus mau bagi-bagi ilmu dech. Yach walaupun ilmunya masih sedikit, tapi kalau sedikit demi sedikit memang lama-lama menjadi bukit khan.:)

Ok! Pada kesempatan pertama dulu aku telah nulis tentang dasar membuat animasi bergerak dari kiri kekanan. Sekarang, bagaimana saat bergerak lingkaran yang telah kita buat membesar atau mengecil.

Proses pertama yang harus kita lakukan adalah membuat animasi pergeseran seperti yang telah ditulis sebelumnya di “Membuat Animasi paling dasar di Macromedia Flash”. Setelah semuanya siap, barulah dimulai tahap-tahap dibawah ini.

1. Klik frame 20 pada menu TimeLine pada layer 1. 2. Saat berada di frame 20, klik free transform tool pada bagian tool panel.

3. Pada lingkaran, drag gambar hingga ukurannya membesar sesuai dengan keinginan.

4. Tekan Enter untuk melihat hasil animasi. 5. Lakukan hal yang sama untuk modus pengecilan.

I r n i I r m a y a n i Page 7

MEMBUAT ANIMASI BERPUTAR DENGAN MACROMEDIA FLASH 8

Melanjutkan tulisan aku tentang dasar-dasar membuat Animasi dengan Macromedia Flash 8. Setelah kita bisa membuat gambar berjalan dan kemudian membesar atau mengecil, sekarang aku akan membagi sedikit ilmu aku tentang bagaimana cara gambar yang ada tampak seolah-olah seperti berputar. Pertama-tama kita harus menyiapkan animasi pergeseran yang telah kita buat di tulisan sebelumnya. Setelah itu lakukan langkah-langkah berikut ini:

1. Klik Selection Tool pada Tool Panel kemudian klik kanan pada lingkaran dan kemudian pilih edit in place.

2. Dalam kondisi gambar ter-select Klik Paint Bucket Tool pada Tool Panel.

3. Pada jendela color mixer pilih radial pada type.

I r n i I r m a y a n i Page 8

4. Klik pada lingkaran (jangan di bagian tengah). Ini digunakan untuk membuat efek berputar pada lingkarannya.

5. Klik Scene 1 pada menu untuk menutup menu edit.

6. Klik pada frame 20 pada TimeLine. 7. Kemudian klik Modify >> Transform >> Scale and Rotate.

8. Tulis 180 degree pada Rotate. Ini dimasukkan agar lingkaran nantinya akan berputar 180 derajat.

9. Tekan Enter untuk melihat hasil Animasi.

I r n i I r m a y a n i Page 9

Mentransformasi bentuk sederhana dengan Macromedia Flash 8

Nah, setelah kita mengetahui sedikit dasar-dasar untuk membuat animasi bergerak sederhana. Sekarang kita buat animasi sederhana untuk mentransformasi atau merubah bentuk. Kali ini aku akan mencoba mempraktekan merubah bentuk lingkaran menjadi persegi panjang.

1. Buat lingkaran pada bidang kerja. 2. Klik frame 30 pada TimeLine, kemudian klik kanan. Pilih convert to blank keyframe.

3. Setelah bidang telah kosong. Buat bentuk persegi panjang pada tempat yang sama pada Lingkaran

tadi. 4. Klik frame 1 kemudian pilih shape pada tween di menu properties.

5. Tekan Enter untuk melihat hasil animasi.

Hasil animasi yang ada masih tampak kurang rapi dalam pentransformasiannya. Untuk membuat tansformasi menjadi lebih baik. Dapat dilakukan hal-hal sebagai berikut :

1. Klik frame 1 pada menu TimeLine. 2. Pilih Modify >> Shape >> Add Shape Hint.

I r n i I r m a y a n i Page 10

3. Lakukan ini sebanyak 4 kali. Setelah itu bentuk shape hint hingga menjadi seperti gambar berikut ini.

4. Klik frame 30 pada TimeLine. Lakukan proses yang sama dengan Lingkaran pada persegi panjang.

Hingga terbentuk seperti gambar dibawah ini.

5. Tekan Enter untuk melihat hasilnya.