Kamis, 24 Juli 2014

Membuat Animasi Tween Huruf Melompat dengan Adobe Flash CS3

Halo warga PalComTech !
Jumpa lagi dengan saya Terry Irawan, tentunya dengan tutorial yang lebih menarik lagi. Kali ini saya akan menjelaskan bagaimana cara membuat animasi tulisan bahkan huruf pada animasi bisa melakukan lompatan yang lucu apabila dianimasikan pada Adobe Flash CS3. Berikut hasil projek yang ingin saya buat:
Baiklah to the point saja ya, simak tutorialnya dibawah ini :

Langkah 1

Pertama, buatlah sebuah text.
Screen shot 2013-04-18 at 8.37.40 AM

Langkah 2

Selanjutnya, pecah text tersebut menjadi pecahan beberapa huruf dengan Break Apart.
Screen shot 2013-04-18 at 8.37.46 AM
Apabila text telah pecah menjadi beberapa huruf, lanjutkan dengan Distribute to Layers. Nantinya tiap huruf akan memiliki layer.
Screen shot 2013-04-18 at 8.37.54 AM

Langkah 3

Terakhir pilih semua huruf dan Break Apart lagi sehingga semua huruf menjadi Shape.
Screen shot 2013-04-18 at 8.38.00 AM

Langkah 4

Sekarang waktunya untuk fokus pada timeline. Disini kita akan mulai merancang waktu animasi yang akan dimainkan. Beri F6 pada tiap layer pada posisi frame yang sama seperti pada contoh gambar misalkan. Gunakan tombol “Shift” jika ingin memilih banyak frame sekaligus.
Screen shot 2013-04-18 at 8.38.05 AM

Langkah 5

Selanjutnya beri Shape Tween pada tiap frame di timeline. Ingat gunakan tombol “Shift” untuk memilih banyak frame sekaligus.
Screen shot 2013-04-18 at 8.59.09 AM

Langkah 6

Pindahkan posisi text pada semua frame sesuai dengan alur lompatan seperti contoh di bawah. Apabila anda perhatikan, text terkesan naik turun. Test dengan CTRL + Enter dan lihat animasi text saat ini. Text akan terlihat memantul ke atas dan ke bawah hingga berhenti.
Screen shot 2013-04-18 at 8.38.49 AM Screen shot 2013-04-18 at 8.38.56 AM Screen shot 2013-04-18 at 8.39.03 AM Screen shot 2013-04-18 at 8.39.11 AM Screen shot 2013-04-18 at 8.39.16 AM Screen shot 2013-04-18 at 8.39.22 AM

Langkah 7

Nah, tiba saatnya pada tahap finishing animasi kita kali ini. Beri frame pada timeline tiap layer dan bentuk agar terlihat seperti tangga seperti pada gambar di bawah. Pilih frame pada layer dan pindahkan frame secara bersamaan.
Screen shot 2013-04-18 at 9.02.43 AM

Langkah 8

Buat seperti pada contoh layer di bawah dan jangan lupa beri penutup pada semua frame dengan F5.
Screen shot 2013-04-18 at 9.04.45 AM
Silahkan anda mainkan animasinya dengan tombol CTLR + Enter dan lihat hasil akhirnya.
Hasil akhir
Bagaimana teman-teman ? animasinya keren kan ?. Sampai jumpa lagi di tutorial lannya, dan selamat mencoba :).

Tidak ada komentar:

Posting Komentar