TUTORIAL ANIMASI

FLASH 8
Avies
Tutorial ini diperuntukkan bagi mereka
yang ingin belajar animasi dengan
menggunakan macromedia flash. Tutorial
ini masih dalam tingkat dasar sehingga
mudah untuk dicoba sendiri / otodidak
FMIPA UNS
LABKOM LT.II GED.A
FMIPA UNS
avies.staff.mipa.uns.ac.id

TUTORIAL PEMBUATAN ANIMASI PESAWAT TERBANG DENGAN

MACROMEDIA FLASH 8
[part 1]
Pada tutorial ini akan dibahas step by step mulai dari pembuatan gambar
sampai dengan pembuatan animasi tiap obyek yang ada dalam project.
Langkah pertama buka mac.flash 8 dan pilih Flash Document

Membuat layer dan menggambar obyek.

Membuat 3 layer : background , pesawat, awan dan sayap

Create new layer

Untuk mengganti nama layer silakan anda double click pada layer yang
bersangkutan.dan untuk menggambar tiap tiap obyek dalam macromedia
flash, klik dilayer yang bersangkutan. Misal ingin menggambar background
silakan anda click pada layer background.
2

Untuk menggambar / memberi warna pada background anda dapat

menggunakan rectangle tool (R) atau anda cukup menekan keyboar R, dan
mulailah menggambar kotak dengan cara mendrag sesuai dengan lebar
kanvas yang ada di halaman utama.

Langkah selanjutnya menggambar pesawat terbang, dan tool yang saya

gunakan adalah oval tool (O) dan rectangle tool (R). Silakan anda gambar
sesuka hati

Lakukan seleksi pada area pesawat yang telah anda buat

Kemudian klik kanan convert to

symbol

Aktifkan gambar pesawat dan masuk ke action movie clip yang ada dimenu
bawah.

Ketikkan script berikut :

onClipEvent(enterFrame)
{
kecepatan=10
if(Key.isDown(Key.RIGHT))
{
_x+=kecepatan
}
if (Key.isDown(Key.LEFT))
{
_x-=kecepatan
}
if (Key.isDown(Key.UP))
{
_y-=kecepatan
}
if (Key.isDown(Key.DOWN))
{
_y+=kecepatan
}
}

(case sensitif, tuliskan dengan benar)

Lakukan pengetesan awal dengan cara tekan Ctrl+Enter atau F12
Jika anda sukses maka pesawat dapat anda gerakkan sesuai dengan gerak
anak panah yang ada di papan keyboard anda.

Langkah yang ketiga adalah menggambar awan dan membuat animasinya.

Anda dapat menggunakan oval tool (O) untuk menggambar awan dan
jangan lupa untuk mengaktifkan layer awan agar halaman yang aktif tepat
pada layer awan.

Saya gambar diatas background supaya nanti awan akan berjalan dari luar
halaman kemudian masuk dan keluar halaman lagi dengan cara :
Seleksi ketiga awan tersebut, klik kanan convert to symbol, setelah itu
double click awan tersebut maka anda akan dibawa ke scene awan.
Untuk membuat animasi awan yang ada anda dapat membuat animasi
dengan cara:
1. Pada Layer 1, klik kanan pada frame pertama create motion tween
kemudian klik juga diframe 30 kemudian lakukan insert keyframe
dengan cara klik kanan insert keyframe
2. Geser awan tersebut dari atas kebawah.
3. Klik pada scene 1 untuk kembali ke halaman utama.

GESER

Jika proses step by step anda sukses maka akan anda dapati sebuah
pesawat yang dapat anda gerakan dengan keyboard dan awan yang berjalan
dari atas kebawah.
Untuk tahap berikutnya yaitu membuat rudal yang dapat ditembakkan dari
pesawat yang akan saya lanjutkan episode berikutnya hehe ^_^.
Tobe continued . . .
7

Nama
TTL
Pekerjaan
Alamat

:
:
:
:

Blog

Aktivitas
Hobby

:
:

Contac Person

Avies Pitagoras Mukhtar, A.Md.

24 Desember 1988
Staff Karyawan FMIPA UNS
Labkom Lt.II Ged. A FMIPA UNS
Ir. Sutami No.36 A Surakarta 57126
http://avies.staff.mipa.uns.ac.id
http://avies.blog.uns.ac.id
Bekerja+Kuliah
- Baca Buku (Motivasi, Islami, Psikologi,
Biografi, Komputer/ IT, dll)
- Olahraga (Taekwondo,Joging)
- Touring
- Blogging
YM : aphispm
FB : http://www.facebook.com/avies
Email : avies.uns@gmail.com, avies@facebook.com