Membuat "Growing Vines" dengan Flash

Okeeee, pos kedua~

Bismillahirohmanirrohim~ :D

Assalamu’alaikum,

Hallo,

ketemu lagi sama saya, udah lama banget nih gak ngepos -_- gak kangen kan? Hehe *ditimpuk

Pada pos kali ini saya akan memberikan tutorial Flash (menurut saya termasuk level Intermediate), yaitu cara membuat “Growing Vines”. Apa itu “Growing Vines”? Bingung ya? Ya saya juga bingung -_- saya sebut begitu karena saya sendiri juga kurang tau istilah tepatnya, hehehe *malah ketawa

“Growing Vines” itu mungkin bisa dibilang sulur atau batang tanaman yang tumbuh. Dalam membuat hal tersebut, kita akan menggunakan Shape Tween dan Masking. Mungkin bagi yang sudah mengenal Flash istilah-istilah tersebut sudah tidak asing, karena memang dua istilah tersebut merupakan hal dasar.

Oh iya, disini saya menggunakan Software Adobe Flash CS6, jadi saya menghimbau bagi yang ingin mengikuti tutorial ini untuk menggunakan Adobe Flash veris CS4 ke atas. Sebenernya gak masalah juga kalo mau pake CS3 kebawah , atau Macromedia Flash 8, hanya saja versi-versi tersebut sudah jauh berbeda dengan versi yang saya sebutkan sebelumnya.

Oke lah daripada berlama-lama nanti keburu basi, mendingan kita LANJUUUUT~

Langkah Pertama, gambar bentuk seperti batang melengkung atau sulur pada layer 1. Akan lebih bagus jika bercabang atau berdaun dan berbunga, meskipun akan jadi lebih ribet nantinya. (gambar bisa dibuat di Software lain, seperti Photoshop, CorelDRAW, Illustrator, dsb)
Langkah kedua buat layer baru (layer 2) dan posisikan dibawah layer 1. Kemudian buat persegi panjang dengan Rectangle tool pada pangkal sulur.
Lalu pada layer 2 tekan F6 (Insert keyframe) di frame 40 (terserah), dan tekan F5 (Insert frame) pada layer 1. Pada layer 2 frame 40, ubah persegi panjang yang telah dibuat dengan Transform tool seperti gambar dibawah.
Langkah selanjutnya tambahkan Shape Tween pada layer 2 frame 1 dengan cara klik kanan- pada frame – Create shape tween. Kemudian klik kanan – Mask pada layer 1.

Jebreet!! dan hasilnya begini~

Keren kaaan? gak sih, biasa aja.. hehe :D
Ini cara sederhananya, masih ada lanjutannya dibawah untuk cara yang lebih rumit. Yang mau lanjut silakan scroll kebawah lagi Hehehe
Oke, lanjut dari poin ke-2
Jika pada poin ke-3 kita hanya mengubah persegi panjang menjadi lebih lebar, pada poin ke-5 ini perubahan persegi panjang akan lebih banyak (berubah sesuai bentuk sulur). Seperti pada gambar dibawah ini.

klik gambar untuk memperbesar

*Catatan: jarak antar keyframe tergantung seberapa besar jarak perubahan bentuk antara keyframe dengan keyframe selanjutnya. Semakin besar perubahan bentuknya, disarankan agar jarak antar keyframe juga semakin lebar agar pergerakan animasi menjadi lebih teratur.
Lalu berikan Shape motion pada setiap keyframe (kecuali keyframe terakhir). Jangan lupa beri Mask pada layer 1.
Daaaan jadi tuh!!

Jelek ya? Gak beraturan ya? Lanjut ke poin selanjutnya aja, hehe.
Pada poin ke 6, kemungkinan hasilnya menjadi tidak beraturan/beratakan. Bagaimana cara mengatasinya? Cara mengatasinya bisa dengan Shape Hint. Apa itu Shape Hint? Shape Hint merupakan fitur untuk membantu perubahan Shape tween. Fitur Shape Hint terdapat pada menu Modify – Shape.
Setelah menggunakan Shape hint:

*Catatan: Untuk cara penggunaannya sengaja tidak saya bahas karena akan menjadi sangat panjang, tapi kalian bisa cari hal tersebut di google, ada banyak tutorial tentang Shape Hint. Mohon maaf -__-