Breaking News

Monday, March 10, 2014

Teknik Frame By Frame Adobe Flash CS3

Al Blog - selamat sore teman-teman semua kali ini saya akan memberi tutorial dasar animasi menggunakan adobe flash CS3.

Teknik Frame By Frame Adobe Flash CS3
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


Teknik Frame By Frame Adobe Flash CS3
buat image pada frame pertama

  1. kemudian buat sebuah objek apa saja sesuai kebutuhan pada frame pertama, namun untuk contoh sederhananya, disini saya akan membuat objek kotak.
  2. kemudian pada frame berikutnya disini akan saya bericontoh pada frame 2 klik kanan kemudian insert keyframe. kemudian pindahkan posisi gambar kotak tadi kearah depan.
Teknik Frame By Frame Adobe Flash CS3
klik kanan pilih insert keyframe
        3. lakukan perintah ke2 diatas sampai pada frame 
Teknik Frame By Frame Adobe Flash CS3
setelah ada 5 frme yang telah dibuat


kemudian untuk melihat hasilnya bisa kalian tekan CTRL + Enter

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.

Teknik Frame By Frame Adobe Flash CS3
klik lalu tarik untuk sorot

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


Teknik Frame By Frame Adobe Flash CS3
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.


Teknik Frame By Frame Adobe Flash CS3
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

Al-Blog Sobat sedang membaca artikel tentang Teknik Frame By Frame Adobe Flash CS3. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

Comments
0 Comments

No comments:

Copy@right 2014 | Al blog | Gundam Army | Komikus Kampus