Blog ini berisikan mengenai hal-hal yang berhubungan dengan bidang Information Technology (IT),pendidikan, tutorial, artikel, tips-tips serta pembelajaran TIK. Semuanya gratis dan free to download ^_^

Animasi Putar

Berikut ini adalah contoh membuat animasi putar dengan memanfaatkan property Rotate yang terdapat dalam Tween Motion untuk Rotate terdapat 2 jenis yaitu CW (searah jarum jam) dan CCW (berlawanan arah jarum jam), serta diberikan contoh menggunakan window Library sebagai tempat penyimpanan object-object yang terdapat dalam animasi. Langkah-langkahnya adalah sebagai berikut :

Buatlah object seperti gambar berikut ini :
Object Baling

Aktifkan object, ubah ke Symbol. Caranya, pilih menu Modify - Convert to Symbol. Beri nama BALING, lalu pilih Graphic.
Object Baling, type : graphic


Sekarang dalam Library ada symbol BALING. Pilihlah menu Window - Library (Ctrl+L) atau tekan tombol F11. Aktifkan BALING, sampai nampak gambar symbol BALING.

Window Library : Symbol BALING

Drag symbol Baling ke dalam stage. Dengan menggunakan Free Transform Tool, buatlah menjadi object seperti gambar berikut ini pada frame 1 :
Symbol Baling dengan Free Transform Tool

Tambahkan ke dalam stage object baru sebagai pusat/poros dari baling-baling yang hendak kita buat, convert to symbol graphic beri nama POROS.
Symbol POROS dengan tipe graphic


Letakkan simbol POROS sedemikian sehingga menjadi seperti gambar berikut ini :
Symbol Baling-baling (tanpa bambu)

Kemudian pilih menu Edit - Select All (CTRL+A). Konversikan ke symbol : Graphic dengan nama BALINGBALING

Klik kanan frame 15, kemudian pilih Insert Keyframe.

Klik kanan diantara frame 2 dan frame 14, kemudian pilih Create Motion Tween.

Klik frame 1, lihat pada panel Properties (biasanya terletak di sebelah bawah), pada bagian Rotate, pilih CW (clockwise / searah jarum jam).
Properties - Rotate CW

Selanjutnya pilih menu Control - Test Movie atau tekan Ctrl+Enter untuk menjalankan animasinya.


Referensi :
  • Animasi dengan Macromedia Flash 8 ©Lab Komp SMA Kr Petra 2 Surabaya.
  • Contoh Animasi Putar dapat dilihat disini.


Artikel yang Berhubungan :



0 comments:

Post a Comment