Tutorial Membuat Animasi 2D Sederhana

"Animasi Dinosaurus Berjalan"

Pada laporan ini saya akan menjelaskan langkah-langkah membuat animasi 2D
sederhana. Contoh animasi 2D yang akan dibuat adalah animasi dinosaurus yang sedang
berjalan di tengah hutan.
Langsung saja persiapkan software Adobe Flash. Pada tutorial ini saya
menggunakan Adobe Flash CS6.

Setelah itu, pilih Create New -> ActionScript 3.0. Maka akan tampil dokumen flash
yang masih kosong.

Untuk menjaga keamanan file, sebaiknya kita save terlebih dahulu. Beri nama file yang
akan kita buat dengan nama dinosaurus.fla (nama file boleh bebas).

Setelah itu kita mulai dengan menambahkan background untuk desain animasi yang akan
kita buat dengan Rectangle Tools (yang ada di panel sebelah kiri). Lalu ubah warnanya
menjadi #CCE7ED.

Kemudian kita akan membuat ilustrasi gunung menggunakan Pen Tools.

Kemudian pilih bidang gunung yang kita buat tadi, dan ubah warnanya menjadi #bdbdce.

Setelah itu hapus stroke (garis pinggir) yang ada pada bidang gunung, dengan cara click
pada garis pinggir kemudian pilih warna stroke pada panel FILL AND STROKE (di
sebelah kanan) ubah dari warna hitam menjadi tanpa stroke.

Sekarang kita akan menambahkan ilustrasi tanah dengan menggunakan Rectangle Tools
(pada panel kiri) sebelumnya buat layer baru terlebih dahulu. Kemudian set warnanya
menjadi #ced639.

Kemudian buat layer baru untuk membuat ilustrasi bukit (caranya sama seperti membuat
gunung) menggunakan pen tools.

Sekarang kita akan membuat ilustrasi daun. Sebelumnya buat terlebih dahulu layer baru,
lalu buat ilustrasi daun menggunakan Pen Tools.

Kemudian untuk memberikan warna, disini saya menemukan sedikit permasalahan

karena kita tidak bisa langsung memberikan warna kepada objek yang terkait (ilustrasi
daun). Maka untuk memberi warna, kita terlebih dahulu harus memilih Subselection
Tool pada panel bagian kiri. Kemudian klik pada garis ilustrasi daun -> pilih Modify
(pada toolbar) -> Combine Object -> Union.

Jika sudah, maka klik pada objek ilustrasi daun tersebut kemudian ganti warnanya
menjadi #6b739c dan hilangkan garis pinggirnya.

Selanjutnya perbanyak jumlah daun dengan cara copy paste dan tempatkan pada tempat
yang sesuai.

Selanjutnya adalah membuat batang menggunakan Rectangle Tool (sebelumnya buat

dahulu layer baru yang bernama batang). Kemudian perbanyak jumlahnya menggunakan
teknik copy paste.

Masih bermain dengan objek yang sama, namun kali ini kita akan membuat ilustrasi
semak dan daun yang berwarna hijau. Pertama buat dahulu layer baru bernama semak.
Copy ilustrasi daun yang tadi kita buat dan paste di layer semak, kemudian ubah
warnanya menjadi hijau. Lakukan juga duplikasi pada semak tersebut dengan cara copy
paste.

Kemudian buat layer baru bernama batang semak, yang akan dibuatkan ilustrasi batang
menggunakan Rectangle Tool. Copy paste batang tersebut sehingga terlihat bagus.

Selanjutnya membuat ilustrasi awan menggunakan Pen Tool. Tapi sebelumnya ingan
membuat layer baru bernama awan. Kemudian ubah warnanya menjadi putih dan
hilangkan garis pinggirnya.

Copy dan paste ilustrasi awan tadi sehingga terlihat bagus (dengan sedikit mengatur
ukuran yang berbeda dan dengan transparansi warna yang berbeda).

Sekarang kita mulai membuat ilustrasi dinosaurusnya. Bagian yang pertama kita buat
adalah bagian kepalanya. Pada panel Rectangle Options ubah ketumpulan sudutnya
menjadi 30.

Kemudian ubah warna kepalanya dan buat mulutnya menggunakan pen tool.

Setelah itu, buat gambar matanya menggunakan Oval Tool (pada panel sebelah kiri di
grup rectangle tool).

Buat juga bagian mata yang lagi satunya. Kemudian klik kanan pada bagian tersebut ->
pilih Arrange -> Send to Back.

Buat garis pada mata yang kiri dengan menggunakan Pen Tool.

Nah, agar lebih mudah mengelola dan membuat animasi dari beberapa ilustrasi yang
sudah kita buat, maka rapikan dulu layer-layer yang sudah ada.

Mulai Membuat Animasi 2D

Pada tahap pembuatan animasi ini saya hanya menggunakan teknik yang sangat
sederhana (mungkin ini tidak terlalu teoritis). Hal pertama yang saya lakukan adalah
mengkopi semak-semak tadi di kiri screen, sehingga panjangnya bertambah (double).
Karena ini nantinya akan ditarik dari posisi awal ke posisi akhir, sehingga terlihat
bergerak.

Lakukan juga hal yang sama pada ilistrasi tanah.

Lakukan juga hal yang sama pada ilustrasi bukit dan pohon (tepatnya ada pada grup
pohon bg).

Terlihat seperti gambar dibawah ini, ilustrasi bukit dan pohon terlihat lebih panjang
(karena gerakannya akan lebih cepat).

Pada bagian Timeline (panel bawah). Kita akan mengatur panjangnya durasi animasi
dengan membeli tanda pada Frame 125. Klik layer background -> klik kanan pada frame
ke 125 -> pilih Insert Frame.

Lakukan hal yang sama pada layer yang bernama tanah.

Sekarang kita akan membuat animasi gerakan pada ilustrasi pohon bagian belakang,
caranya pilih group pohon bg kemudian klik kanan pada frame ke 125 -> pilih Insert
Keyframe -> klik pada keyframe yang ke 125 tadi -> ubah posisi/geser ke arah tujuan
bagaimana gambar itu akan bergerak. Setelah klik kembali group pohon bg hingga
semua frame (frame 1-125) pada baris pohon bg terseleksi, kemudian klik kanan-> pilih
Create Classic Tween.

Lakukan hal yang sama dengan group semak dpn. Langkah-langkahnya seperti gambar
di bawah ini.

Jika sudah, sekarang kita akan membuat animasi untuk gambar dinosaurus.

Pada bagian ini kita akan membuat gerakan perbagian dari frame satu ke frame
selanjutnya secara bertahap hingga frame ke 125. Letak frame hanya ditentukan dengan
logika, agar nantinya animasi dinosaurus terlihat bergerak dengan baik.

Tahap pertama adalah pada frame ke 15 -> klik kanan insert keyframe -> kemudian klik
pada frame ke 15 dan pindahkan posisi dinosaurus ke posisi tujuan. Lakukan hal yang
sama pada frame ke 25.

Lakukan juga hal yang sama pada frame ke 55.

Lakukan juga pada frame ke 80.

Lakukan juga hal yang sama pada frame ke 110.

Lakukan juga hal yang sama pada frame ke 125.

Nah, kemudian klik pada group dino sehingga baris frame tersebut terseleksi -> klik
kanan -> Create Classic Tween.

Selanjutnya membuat animasi awan (lakukan hal yang sama seperti animasi pohon).
Klik pada frame ke 125 -> klik kanan -> Insert Keyframe -> klik frame ke 125 -> geser
ke posisi tujuan -> klik pada layer awan sehingga baris tersebut terseleksi -> klik kanan
pada baris frame yang terseleksi -> pilih Create Classic Tween.

Jika sudah dicoba untuk dijalankan dan sudah berhasil, maka selanjutnya ingat untuk
menyimpan file latihan dengan cara klik File -> Save. Untuk mengubah atau menyimpan
animasi dalam bentuk format *.gif anda dapat melakukannya dengan cara klik File ->
Export -> Export Movie.

Kemudian pilih format file yang akan digunakan (pilih Animated GIF). Berikan nama
pada file yang akan disimpan (misalnya dinosaurus.gif).

Kemudian klik Save untuk menyimpannya.

Selanjutnya mengatur resolusi dan ukuran file (kita akan menggunakan resolusi 150 dpi).

Tunggu hingga proses exporting selesai.

Sekian tutorial tentang membuat animasi 2D sederhana ini dari saya. Dalam
tutorial ini masih banyak kekurangan karena tidak dijelaskan bagaimana dasar-dasar
Adobe Flash CS6.
Terima Kasih,
Mahesa Kama