TUTORIAL ANIMASI FLASH 8

F M I P A U N S

L A B K O M L T . I I G E D . A

F M I P A U N S

a v i e s . s t a f f . m i p a . u n s . a c . i d

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

1

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

2

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.

3

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.

4

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.

5

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.

6

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.

7

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 . . .

GESER

8

Nama : Avies Pitagoras Mukhtar, A.Md. TTL : 24 Desember 1988

Pekerjaan : Staff Karyawan FMIPA UNS Alamat : Labkom Lt.II Ged. A FMIPA UNS

Ir. Sutami No.36 A Surakarta 57126 Blog : http://avies.staff.mipa.uns.ac.id

http://avies.blog.uns.ac.id Aktivitas : Bekerja+Kuliah

Hobby : - Baca Buku (Motivasi, Islami, Psikologi, Biografi, Komputer/ IT, dll)

- Olahraga (Taekwondo,Joging) - Touring

- Blogging Contac Person : YM : aphispm

FB : http://www.facebook.com/avies Email : avies.uns@gmail.com, avies@facebook.com