Selasa, 20 September 2011

Animasi Motion Tween

Ditulis oleh : Garuda Media
Apalagi istilah baru ini, mungkin anda bertanya-tanya apa itu motion tween? Motion tween itu adalah animasi yang dibuat dengan merubah  posisi obyek. Tanpa menunggu lama-lama kita akan membuat permainan sederhana dari motion tween. Anda juga bisa belajar tutorial yang lain di http://garudamedia.co.id atau dengan membeli cd tutorial Adobe Flash.
Sekarang kita akan membuat Animasi Motion Tween  sederhana


motion-tween


Langkah 1: Buka lembar kerja baru
tampilan-utama4
Buka lah lembar kerja baru dengan mengaktifkan program Flash lalu klik menu Flash Document, secera otomatis kita sudah membuka lembar kerja baru.

Langkah 2:  Buat layer baru
layer-background
Setelah membuka lembar kerja baru, klik 2X pada layer 1 untuk menganti nama layer menjadi layer “ Background”.
Langkah 3:  Mengganti Warna Background
panel-properties
Untuk mengganti warna background menjadi hitam, klik pada panel properties lalu klik pada panel Background ubahlah  warna menjadi hitam.

Langkah 4: Membuat Layer Teks
layer-teks
Kemudian klik icon insert layer pada bagian kanan timeline. Lalu klik 2X untuk merubah nama layer menjadi layer”teks”.

teks
Setelah selesai buatlah sebuah tulisan menggunakan Text Tool, anda dapat membuat tulisan sesuka hati anda, atau seperti yang saya buat!

Langkah 5: Membuat  Layer Bola
layer-bola

Langkah selanjutnya buat lah layer baru dengan cara seperti tadi,lalu klik 2x untuk mengubah nama layer menjadi layer “Bola”.  Letakkan layer ini dibawah “layer teks”.

lingkaran1
Kemudian buat lah lingkaran di luar stage,  pastikan  fill colornya berwarna putih.

Langkah 6 :  Insert Frame dan Key Frame

insert-key-frame-pada-layer-teks
Setelah itu Insert key frame pada frame ke -80   di “layer teks”. Dengan cara klik kanan>>insert key frame. Insert key frame digunakan untuk menyalin obyek yang berada di frame ke -1


insert-key-frame-pada-layer-bola

Langkah selanjutnya masih sama buat lah key frame pada frame e-80 pada “layer bola”. Dengan cara klik kanan pada frame ke-80 >> insert key frame

insert-frame-pada-frame-background
Pada layer background insert frame pada frame ke-80, dengan cara klik kanan> >Insert Frame

Langkah 7: Create Motion Tween

create-motion-tween

Kemudian klik pada “layer bola”,klik kanan pada frame seperti diatas >> create motion tween.

create-motion-tween-pada-frame-80
Langkah selanjutnya juga masih sama klik pada frame yang terakhir lalu klik kanan>> create motion tween

Langkah 8: Atur Posisi

posisi-di-frame-1
Langkah yang terakhir  posiskan bola atau lingkaran pada frame ke 1 tepat disebelah kanan stage seperti gambar pada contoh.
posisi-di-frame-80
Selanjutnya posisikan bola atau lingkaran pada frame yang terakhir disebelah kiri stage tapi jangan menggunakan mouse saat memindahkan nya, geser bola atau lingkaran menggunakan tanda panah pada keyboard!
Langkah  9: Test Movie
Langkah yang terakhir kita akan melihat hasil dari animasi yang kita buat. Dengan cara tekan tombol Ctrl+Enter atau menggunakan menu Control>>Test Movie
Dari contoh yang kita buat anda sudah berhasil menggunakan dan membuat animasi Moton Tween. selamat mencoba.

Tidak ada komentar:

Posting Komentar