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