Pada kesempatan ini saya ingin berbagi tentang Motion Path, fitur yang cukup baru pada Flash CS4. Motion path merupakan fitur untuk tweening sama seperti Motion Tween pada Flash versi sebelumnya, tapi penggunaannya sedikit berbeda.

Supaya lebih mudah melihat penggunaannya, mari kita mencoba membuat motion path langkah demi langkah.

Buka file Flash baru, lalu buat sebuah symbol sederhana. Pada timeline tambahkan frame sampai frame 15.

screen1

Klik kanan pada frame, lalu klik pilihan “Create Motion Tween”. Sebagai catatan, pilihan “Create Classic Tween” akan membuat motion tween klasik seperti pada Flash versi sebelumnya.

screen2

Berikutnya klik timeline pada frame ke-15 kemudian pindahkan symbol ke sebelah kanan stage, nanti akan terbentuk sebuah garis yang menghubungkan symbol di frame 1 dengan symbol di frame 15.

screen3

Selesai sudah sebuah motion path. Kelebihan dari motion path dibanding motion tween adalah kemudahan membuat motion guide. Pada motion tween klasik, jika kita ingin membuat symbol bergerak mengikuti jalur tertentu, kita perlu menggambar jalur yang diinginkan pada sebuah guide layer. Sedangkan dengan motion path kita tinggal mengatur bentuk dari garis penghubung untuk membuat jalur yang akan ditempuh symbol.

screen4

Satu lagi fitur tambahan dari motion path adalah adanya Motion Editor. Jika diperhatikan, pada sebelah kanan tab “Timeline” ada tab “Motion Editor”. Coba buka tab tersebut dan kita akan disediakan banyak pilihan untuk mengatur efek dari motion path yang kita buat, seperti easing dan sebagainya.

screen5

Sebelum menutup postingan ini, ada satu lagi kelebihan motion path yang perlu saya sebutkan. Bagi AS3 coder, fitur ini cukup membahagiakan karena motion path yang kita buat di file .fla dapat diexport dan dipanggil melalui kode AS3, dan diapply terhadap movie clip apapun sesuka kita. Bagaimana caranya? Tunggu postingan selanjutnya :D

One Response to “Flash Motion Path sebagai alternatif Motion Tween klasik”

  1. Inas Luthfi says:

    To be continued…
    *crying*

    Ni fitur memang diiklankan ma Adobe ketika launch CS4 suite, sistem modifikasi animasinya mirip dengan AfterEffect katanya.
    ditunggu posting selanjutnya Evan, awak tertarik lihat kode-kodemu yang memanfaatkan motiontpath ini di project Ular Tangga

Trackbacks/Pingbacks

  1. Flash Motion Path dalam AS3: 1 Animasi untuk Berbagai Objek - Nightspade Blog - [...] pertamax di tahun 2010! Seperti yang saya janjikan pada postingan sebelumnya, Flash Motion Path sebagai alternatif Motion Tween klasik, ...

Leave a Reply