Animasi Sederhana Perahu Bergerak

Pada postingan kali ini merupakan sebuah tugas tutorial untuk mata kuliah softskill Pengantar Animasi dan Desain Grafis Universitas Gunadarma

Animasi yang akan dibuat yaitu Animasi Sederhana sebuah perahu yang nantinya akan bergerak, langkah pembuatannya akan dilakukan secara bertahap step by step mulai dari menggambar suatu desain dasar terlebih dahulu.

Software yang diperlukan dalam membuat animasi ini yaitu :

Adobe Photoshop
Adobe Flash Player

Animasi yang akan dibuat akan berjalan seperti ini :

Jika tidak bisa di play, klik link ini https://youtu.be/b4wBDYJzYtw

Langkah apa saja yang akan dilakukan untuk membuat animasi seperti itu, sebagai berikut :

Tahap Desain

Perlu diperhatikan pada saat mendesain, setiap object yang ada dibuatkan layer masing-masing agar mempermudah untuk tahap animasi

Membuat Desain dasar animasinya menggunakan adobe photoshop, Create New lalu buat size menjadi 1080px X 1080px.
Pertama membuat background awal, disini saya menggunakan software Adobe Photoshop. Background berwarna MidnightBlue dengan kode hexacolor : #1d2451. Cukup dengan mengganti warna background awal lalu dengan tools fill color. Untuk kesan tema malam hari

Background

Gambar gunung dengan menggunakan triangle tools membuat 2 segitiga untuk kesan warna dua sisi berbeda. Segitiga dan warna dapat disesuaikan saja.

Gunung | Triangle

Buatkan segitiga kecil pada bagian atas gunung untuk kesan terlihat bersalju. Kemudian merge gunung tersebut menjadi satu kesatuan layer lalu duplicate menjadi 3 gunung. Dan teruntuk gunung yang di posisi tengah agak di perbesar ukurannya.

3 Gunung

Tambahkan 2 lingkaran dengan Ellipse Tools, untuk membuat suatu daratannya di gunung tersebut,

Daratan Gunung

Berikan sedikit gambar ilustrasi sebuah pegunungan dengan pepohonan pinus, perkemahan, perapian. Pada bagian atas daratan / diatas layer daratan sebelumnya yang telah dibuat.

Perkemahan

Buat laut dibagian bawah daratan, dengan menggunakan persegi dan campuran lingkarng untuk ombaknya. Layer laut berada diatas layer daratan.

Laut

Tambahkan awan-awan dengan menggunakan lingkaran yang digabung-gabungkan hingga membentuk awan lalu layer lingkaran tersebut digabungkan / merge agar menjadi satu kesatuan layer.

Gunung dan Lautan

Tahap desain telah selesai kemudian save project tersebut dengan ekstensi psd, mari kita lanjut ke tahap pembuatan animasi. Tentunya tidak harus terpaku dengan desain diatas, kendaraan lain pun bisa seperti mobil ataupun lainnya.

Oke mari kita lanjutkan .......

Tahap Animasi

Buka adobe flash player, pada kolom Create New pilih Action Script 3.0

New Project Flash

Ketika lembar putih telah muncul menandakan project berhasil dibuat, lalu ubah size dari Workspace tersebut samakan dengan size desain kita pada photoshop yaitu 1080 x 1080 pixel. Pada tab Properties pojok kanan atas lalu ubah size.

Import project photoshop ekstensi psd yang telah dibuat dengan cara klik File > Import > Import To Library

Akan muncul suatu tindakan apa saja untuk object yang dibuat sebelum dilakukan import, klik pada object lalu ceklis pada Create Movie Clip dan isikan namenya dengan nama objectnya. Lakukan untuk masing-masing object lainnya.

Tab Library pada pojok kanan atas akan terisi object-object yang telah dibuat sebelumnya menggunakan Photoshop

Drag ekstensi psd pada library ke workspace, maka akan muncul desainnya. Dan sesuaikan posisinya

Edit pada library bagian perahu

Tambahkan keyframe pada timeline dengan cara klik kiri terlebih dahulu untuk menentukan pada frame berapa lalu klik kanan insert keyframe. Posisikan perahu terserah kalian pada frame akhir lalu klik kanan Create Classic Tween untuk pergerakan object secara smooth. Lakukan hal yang sama dengan object lainnya yang akan bergerak, tentunya langkah ini sama persis.

Agar ketika di jalankan object terlihat berjalan dari luar layar maka posisikan object diluar layar dan untuk ketika dijalankan object menghilang ketika keluar layar maka buatkanlah sebuah Mask