MEMBUAT ANIMASI 2D DENGAN ADOBE FLASH CS6

(Bagian 1)

Menyiapkan bahan vector

Pada kesempatan kali ini sebelum melakukan pembuatan animasi kita persiapkan terlebih
dahulu bahan vector. Pada kesempatan kali ini pembuatan vectornya menggunakan
CorelDraw X7, berikut bahan vektornya.

Gambar 01. Pergerakan pertama

Gambar 02. Pergerakan kedua

 Gambar 03. Pergerakan ketiga

Gambar 04. Pergerakan keempat

Gambar 05. Pergerakan kelima

 Gambar 06. Pergerakan keenam

Gambar 07. Pergerakan ketujuh

Gambar 08. Pergerakan kedelapan

Tugas 1
Lakukan pembuatan vector seperti gambar diatas sebanyak 8 gambar (pergerakan burung)
dengan menggunakan CorelDraw.
Membuat stage baru
Buatlah sebuah stage pada Adobe Flash CS6 dengan ketentuan sebagai berikut

Pembuatan animasi
Copy dan paste vector pergerakan pertama ke stage adobe flash kemudian sesuaikan
ukuran dan sumbu (X dan Y) seperti gambar di bawah. Untuk mengubah ukuran bisa
mengaktifkan Free Transform Tool (Q) kemudian klik Frame 1
Selanjutnya convert objek tersebut menjadi sebuah Movie Clip dan beri nama
“mc_pergerakan1” dengan cara klik Frame 1 kemudian klik kanan objek tersebut pilih
Convert to symbols ubah namanya kemudian pastikan tipenya Movie Clip setelah itu klik
OK

Selanjutnya convert kembali objek tersebut (mc_pergerakan1) menjadi Movie Clip kembali
dengan nama “mc_animburung”
Tahap selanjutnya buka isi dari “mc_animburung” tersebut dengan cara klik kanan objek
tersebut kemudian pilih Edit in Place atau bisa juga dengan cara klik ganda objek tersebut
Berikut tampilannya

Selanjutnya tambahkan Blank Keyframe pada Frame 2 dengan cara klik kanan pada frame
2 selanjutnya pilih Insert Blank Keyframe

Copy dan paste kembali objek vector pergerakan 2 pada Frame 2 dan atur ukuran beserta
sumbunya (X dan Y) seperti pada gambar berikut.
Tahap berikutnya convert kembali objek tersebut menjadi Movie Clip dan beri nama
“mc_pergerakan2”

Selanjutnya tambahkan Blank Keyframe pada Frame 3

Copy dan pastekan objek vector pergerakan ketiga pada Frame 3

Convert objek tersebut menjadi Movie Clip dengan nama “mc_pergerakan3”

Tambahkan kembali Blank Keyframe pada Frame 4

Copy dan Paste objek vector pergerakan keempat pada Frame 4

Convert kembali menjadi Movie Clip dengan nama “mc_pergerakan4”

Selanjutnya tambahkan kembali Blank Keyframe pada Frame 5

Copy dan Paste objek vector pergerakan kelima pada Frame 5

Convert kembali menjadi Movie Clip dengan nama “mc_pergerakan5”

Selanjutnya tambahkan kembali Blank Keyframe pada Frame 6

Copy dan Paste objek vector pergerakan kelima pada Frame 6

Convert kembali menjadi Movie Clip dengan nama “mc_pergerakan6”

Selanjutnya tambahkan kembali Blank Keyframe pada Frame 7

Copy dan Paste objek vector pergerakan kelima pada Frame 7

Convert kembali menjadi Movie Clip dengan nama “mc_pergerakan7”

Selanjutnya tambahkan kembali Blank Keyframe pada Frame 8

Copy dan Paste objek vector pergerakan kelima pada Frame 8

Convert kembali menjadi Movie Clip dengan nama “mc_pergerakan8”

Tahap selanjutnya keluar dari “mc_animburung” dengan cara klik Scene 1

Penyimpanan file animasi
Lakukan penyimpanan file dengan cara klik File > Save kemudian tempatkan file tersebut
pada Folder ANIMASI 2D di Local Disk D

Selanjutnya klik Save

Langkah terakhir jalankan animasi tersebut dengan menekan Ctrl + Enter

 MEMBUAT ANIMASI 2D DENGAN ADOBE FLASH CS6
(Bagian 2)

Membuka file animasi

Sebelumnya kita sudah membuat animasi (frame by frame) dan sudah kita simpan pada
folder “ANIMASI 2D”. Pada tahap ini kita coba untuk membuka file yang kita simpan
sebelumnya, pastikan aplikasi adobe flash sudah kita jalankan seperti gambar di bawah

Untuk membuka file animasi yang pernah kita simpan dengan cara klik File > Open
selanjutnya pilih file animasi yang akan kita buka selanjutnya klik OK
Berikut tampilan file animasinya

Menambahkan Background
Setelah kita berhasil membuat pergerakan animasi burung, selanjutnya kita tambahkan
sebuah background agar animasinya lebih hidup. Sebelum menambahkan sebuah
background langkah pertama kita ubah nama Layer 1 menjadi “anim_burung” dengan cara
klik dua kali pada Layer 1 tersebut

Selanjutnya tambahkan Layer baru dengan cara klik New Layer kemudian ubah nama Layer
tersebut dengan nama “background”

Selanjutnya posisikan Layer background berada di bawah Layer anim_burung dengan cara
click and drag Layer background berada di bawah Layer anim_burung
Aktifkan frame 1 Layer background kemudian tambahkan sebuah background lakukan
cara yang sama seperti sebelumnya Copy dan Paste apabila pembuatan background
dikerjakan pada CorelDraw sebagai contoh saya tambahkan background seperti gambar di
bawah. Pada contoh tersebut sengaja saya buat ukuran background lebih besar dari
ukuran stage

Animasi motion tween

Ubah ukuran burung dengan menggunakan Free transform tool serta letakan posisi burung
seperti gambar di bawah
Klik kanan pada frame 1 layer anim_burung setelah itu pilih create motion tween

Tahap selanjutnya tambahkan keyframe pada frame 60 dengan cara klik kanan pada frame
60 kemudian pilih Keyframe > Position

Tambahkan frame pada frame 60 Layer background

Aktifkan frame 60 Layer anim_burung

Selanjutnya geser posisi burung seperti gambar di bawah

Masking
Buat layer baru dengan nama “masking”
Pada layer masking buatlah sebuah objek persegi dengan menggunakan Ractangle Tool
dengan ukuran sesuai dengan stage

Selanjutnya klik kanan layer masking tersebut kemudian klik Mask

Maka tampilan layernya sepeti gambar di bawah

Setelah itu drag layer background masuk ke dalam masking letakan dibawah layer
anim_burung

Tahap terakhir kunci layer background dengan cara klik titik yang sejajar dengan simbol
gembok, lihat gambar di bawah

Maka perubahannya seperti gambar di bawah

Menyimpan file animasi

Lakukan penyimpanan kembali dengan cara klik File > Save

Menjalankan animasi
Tahap akhir silahkan jalankan animasi dengan cara klik Ctrl + Enter

TUGAS
Buatlah animasi 2 Dimensi dengan alur cerita seperti berikut :
“Disebuah perkotaan yang ramai lalu lalang (aktivitas), Adi seorang pelajar yang hendak
berangkat menuju sekolah yang tanpa dia sadari bahwa waktu sudah menunjukan pukul
06:45 wib. Adi yang panik akan terlambat masuk sekolah akhirnya Adi pun yang tadinya
hanya berjalan terpaksa dia harus berlari agar tidak terlambat masuk sekolah”.