![]() |
tampilan awal adobe flash cs3 |
Pada dasarnya teknik dasar animasi ada beberapa yaitu :
a. Frame by Frame
b. Motion Tween
c. Motion Shape
d. Motion Guide
e. Masking
dan untuk kesempatan kali ini saya akan memposting teknik animasi yang pertama terlebih dahulu yaitu, Frame by Frame.
teknik ini adalah teknik paling dasar dari animasi, dimana tiap frame memiliki fungsi yang cukup penting dimana pada frame tersebutlah kita mengontrol waktu dari gerakan akan kita buat pada sebuah animasi.
dari frame tersebut bisa kita simpulkan seperti ini
misal gambar pertama berada pada frame pertama, kemudian gambar kedua berada pada frame ke lima. maka jarak gerak dari objek pertama ke objek selanjutnya berjarak 4 frame.
ok langsung saja kita coba mempraktekannya.
buka lembar kerja kosong dengan menekan File - New atau dengan shortcut CTRL + N
![]() |
buat image pada frame pertama |
- kemudian buat sebuah objek apa saja sesuai kebutuhan pada frame pertama, namun untuk contoh sederhananya, disini saya akan membuat objek kotak.
- kemudian pada frame berikutnya disini akan saya bericontoh pada frame 2 klik kanan kemudian insert keyframe. kemudian pindahkan posisi gambar kotak tadi kearah depan.
![]() |
setelah ada 5 frme yang telah dibuat |
untuk mengatur jarak dari frame pertama ke frame berikutnya, bisa dilakukan dengan cara mengklik frame yang sudah dibuat tadi kita atur jarak dari frame ke2 sampai frame ke5.
untuk seleksi/sorot frame2 sampai frame5. klik frame2 kemudian langsung tarik/sorot sampai frame5 kemudian klik tahan kemudian tarik sampai ke frame5 jadi kita beri jarak objek frame1 sampai frame5
![]() |
setelah itu tarik ke frame yang diinginkan |
lakukan seperti itu dengan urutan seperti berikut:
frame2 tarik sampai ke frame5
frame3 tarik sampai ke frame 10
frame4 tarik sampai ke frame 15
frame5 tarik sampai ke frame 20
jadi penjelasannya adalah tiap frame memiliki jarak 5 frame dari objek.
![]() |
setelah diberi jarak 5 frame |
untuk mencobanya silahkan tekan CTRL + Enter
sekian artikel teknik frame by frame adobe flash cs3 semoga bermafaat. dan untuk artikel selanjutnya kita akan membahas tentang teknik motion tween adobe flash cs3
silahkan tinggalkan komentar setelah berkunjung, terimakasih.
Ditulis Oleh : Unknown ~ Al Blog - Blog Tutorial
