Motion Tween dan Shape Tween (Part 2 End)

Halo sahabat bloger Saya balik lagi! Kalau di postingan sebelumnya udah bagian motion tween, nah sekarang bagian yang gak kalah serunya Shape Tween! Shape tween itu pada dasarnya adalah animasi 2D yang bisa merubah bentuk shape awal ke shape tujuan tanpa perlu repot edit shape lagi, cuma modal 2 shape berbeda saja, gampang kan? masih gak ngeh? oke penjelasan khususnya gini,

Shape Tween, adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween. Nah untuk lebih paham kita akan mulai membuat shape tween sederhana di bawah ini

Buat objek bola dari Oval Tool (O)

Snoop Dogg & Wiz Khalifa Feat Bruno Mars - Young Wild and Free

• Buat kembali lembar kerja baru, ukuran bebas, lagi Saya menggunakan lembar kerja ukuran 400x400 px. 
• Kemudian pada layer 1 buatlah sebuah objek bola dari Oval Tool, untuk bulat sempurna tekan Shift + Drag  

Tahapan kita selanjutnya yaitu membuat objek baru lagi, namun sebelum membuat objek baru kita perlu menambahkan Insert Keyframe pada frame ke 20. Karena kita ingin melihat perubahan yang signifikan Saya pilih membuat shape bentuk bintang, dengan tool PolyStar Tool. Berikut tahapannya di bawah,

Insert Keyframe

Sebelum menggambar bintang dengan PolyStar Tool, perlu di ketahui polystar tool mempunyai dua sub menu atau yang bisa dibilang mempunyai dua bidang yang bisa di buat yaitu, membuat Polygon dan Star, karena kita ingin membuat shape bentuk bintang, maka kita memakai Star, 

Caranya pilih PolyStar Tool > pilih Options pada page properties dibawah > kemudian pilih Star, biarkan saja nilainya default, lalu pilih Ok.

Pilih Star!

Gambarlah bintang di frame ke 20 saja tepat di sisi sebelah kanan shape bola, lalu hapus shape bola yang ada pada frame ke 20 tersebut hingga hasilnya tinggal shape bintang seperti pada gambar di bawah,

Six Degree of Separation - The Script (duh lagunya bang..)

Hapus shape bola pada frame 20 saja!

Dan tahapan akhirnya yaitu pada rentang layer 1 dari frame 1- 20 klik kanan dan pilih Create Shape Tween. dan akan terlihat seperti pada gambar di bawah,

Setelah di Create Shape Tween

Jika Anda mengikuti tahapan saya dari awal, seharusnya akan berjalan dengan baik, untuk melihat animasinya berjalan tekan Ctrl + Enter. Berikut adalah hasil dari tahap-tahapan yang telah di lakukan barusan, dan terdapat juga file .fla jika Anda berminat,

Hasil akhir, selamat mencoba!

Link Unduh shape-tween.fla : shape-tween.fla

Waah selesai sudah tulisan "Motion Tween dan Shape Tween (Part 2 End)" akhirnya terima kasih telah membaca tulisan saya, semoga bermanfaat. Dan satu lagi ingin request tutorial? kirim ke email aja atau bisa komentar di bawah. Sampai jumpa di postingan berikutnya cheerrrss!