Membuat Animasi Motion Shape

Mungkin beberapa dari Anda pernah melihat lucunya film kartun, baik 2D maupun 3D. Seperti, Spongebob Squarepants, Big Hero 6, Mickey Mouse, dll. Tahukah Anda ? Kartun-kartun tersebut dibuat dengan menggunakan proses yang panjang, mulai dari proses penentuan tema, ide cerita, pembuatan karakter, dan proses penganimasiannya. Kita dapat membuat rancangan sketsa karakter menggunakan Adobe Photoshop, Adobe Illustrator, dan sebagainya. Lantas bagaimana cara menganimasikannya? Kita dapat menggunakan software Adobe Flash atau bahkan produk keluaran terbaru dari Adobe yaitu Adobe Animate CC 2015. Keduanya  hampir serupa, tapi tak sama. Ada fitur-fitur baru pada Adobe Animate ini. Nah , dalam tutorial kali ini, kita akan belajar bersama membuat animasi motion shape.Membuat Motion Shape

Motion Shape

Adalah sebuah animasi yang berupa pergantian suatu bentuk objek menjadi bentuk yang lain, sesuai dengan yang kita inginkan. Misalnya saja, perubahan dari lingkaran menjadi persegi. Mari kita pelajari tutorial berikut :

  1. Buka Adobe Animate CC, lalu buat document baru dengan memilih Action Script 3.0 seperti iniMembuat Motion Shape
  2. Buat background menggunakan rectangle tool dengan klik R pada keyboard. Lalu lock objek agar tidak bergerak.Membuat Motion Shape
  3. Lalu kita buka bahan berupa gambar yang akan digerakkan seperti ini. Disini saya menggunakan beberapa icon flat design karakter superhero.Membuat Motion Shape
  4. Copy gambar tersebut dengan klik Ctrl+C lalu pastekan di halaman kerja.Membuat Motion Shape
  5. Seleksi gambar batman tersebut lalu ubah menjadi movie clip dengan klik kanan Convert to symbol (F8) lalu pilih movie clip. jenis symbol yang diperlukan untuk membuat objek animasi yang memiliki multiframe sendiri sebagai timelinenya. Jadi symbol yang dihasilkannya bisa dimainkan secara terpisah dari movie utamaMembuat Motion ShapeMembuat Motion Shape
  6. Double klik pada movie clip tersebut. Lalu beri keyframe baru pada frame awal lalu tambahkan lingkaran dengan ellipse tool. Baru pada keyframe kedua gambar batman. Jadi seolah olah lingkaran tersebut berubah menjadi batman.Membuat Motion Shape
  7. Lalu beri jarak antar keyframe. Seleksi semuanya kemudian klik kanan create shape tween.Membuat Motion Shape
  8. Nah , objek lingkaran akan berubah menjadi batman. Membuat Motion ShapeAnda bisa mengkreasikan cara pemunculan lingkaran pada bagian awal. Disini saya memakai teknik pop up. Jadi lingkaran akan muncul membesar lalu mengecil dan berubah menjadi batman.Membuat Motion Shape
  9. Selanjutnya kita akan menganimasikan logo batman menjadi sebuah boomerang. Masukkan logo itu ke dalam movie clip batman tadi, di layer bagian bawah batman tersebut.Membuat Motion Shape
  10. Animasikan geser memutar dengan cara memberi keyframe perubahan posisinya, lalu klik kanan create classic tween. Gerakan memutarnya dapat kita buat dengan cara klik arah panah pada motion tween yang telah dibuat lalu cari menu ini. Membuat Motion ShapePutar ke arah CW ataupun CCW.Membuat Motion Shape
  11. Lalu saya beri animasi menggeser ke samping lalu berubah menjadi persegi panjang.Membuat Motion Shape
  12. Selanjutnya saya beri layer baru dibagian atas batman tersebut dengan logo batman yang tadi, sambung bagian persegi panjang hitam itu menjadi logo yang besar. Sehingga seolah olah logo itu lewat didepan mata lalu menghilang.Membuat Motion Shape
  13. Setelah itu, saya buat layer baru dibagian bawah logo besar tadi. Buat background baru pada layer tersebut. Animasikan mengikuti bergeraknya logo yang besar tadi. Jadi semakin logo ke kanan , semakin backgroundnya menutup ke kanan (seolah-olah menyapu background)Membuat Motion Shape
  14. Untuk efek menghilang batmannya saya buat hanya membesar lalu mengecil (Seperti pop-up)Membuat Motion Shape
  15. Lalu diganti dengan kemunculan icon captain america dari kecil ke besar (seperti pop up) dengan membuat layer baru setelah keyframe terakhir diatas background kedua.Membuat Motion Shape
  16. Lalu kita animasikan logo batman tadi, (di layer pergerakan logo). Perkecil ukurannya, gerakkan memutar mendekati icon captain america tadi dengan cara yang sama seperti bagian awal. Lalu tambahkan keyframe dan geser ke arah menjauhi.Membuat Motion Shape
  17. Masukkan perisai icon captain america pada layer baru, lalu animasikan dari hilang di balik icon lalu keluar ke samping icon menghalau icon batman tadi. Jadinya, icon batman tersebut seolah olah memantul.Membuat Motion Shape
  18. Dasar dari motion shape dan motion tween telah anda pelajari, anda bisa menambahkan icon icon yang lain.Membuat Motion Shape

Nah, itulah sedikit uraian dari dasar motion shape dan motion tween, selamat mencoba dan berkreasi. Semoga bermanfaat. Jika anda masih mengalami kesulitan, anda bisa menyaksikan video tutorial pada link http://www.karismaacademy.com

Advertisements
This entry was posted in Adobe Animate CC and tagged , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s