Materi Kelas : XII
Semester : Genap

Standar Kompetensi :
Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi motion tween untuk keperluan pembuatan homepage

Rencana Pelaksanaan Pembelajaran (RPP) :
Untuk RPP, dapat diunduh di sini

Contoh animasi motion tween

Motion tween adalah animasi perubahan gerak dari posisi awal ke posisi akhir. Kita tidak perlu lagi menentukan letak posisi gambar sebagaimana animasi frame by frame, tetapi cukup menentukan obyek di frame awal dan obyek di frame akhir saja, kemudian flash yang akan melanjutkan sendiri perubahan yang terjadi antara frame awal dan frame akhir.

Motion tween memiliki karakteristik yang harus dipahami sebelum membuat animasi ini, yaitu :
1. Obyek yang dibuat motion tween adalah obyek symbol
2. Obyek atau gambar merupakan obyek yang digroup
3. Memerlukan 1 obyek di frame awal & 1 obyek di frame akhir

Adapun langkah-langkah untuk membuat animasi obyek motion tween adalah sebagai berikut :

• Klik Flash New Document pada aplikasi Flash
• Maka, akan muncul frame kosong dengan 1 layer kosong bernama "layer 1"
  
  
• Klik pada frame 1, kemudian buat gambar lingkaran seperti gambar di bawah ini menggunakan oval tool dan brush tool :

• 

• atau jika ingin memasukan gambar dari luar, klik File-->Import--> Import to stage (fie gambar dapat berbentuk jpg, gif maupun wmf)
  
• Seleksi gambar di atas menggunakan Selection tool, kemudian klik kanan pilih Convert to Symbol
• Berikan nama pada symbol yang baru dibuat, misal lingkaran, jangan lupa tipenya adalah movie clips.
• Klik Kanan pada frame 30, klik Insert Keyframe
• Geser posisi gambar ke kanan, yang akan kita jadikan sebagai posisi tujuan bergeraknya gambar atau obyek.

• 

• Sekarang akan terlihat bahwa ketka kita klik di frame 1, gambar ada di sebelah kiri dan ketika diklik frame 30, maka gambar ada di sebelah kanan stage.
• Klik di Frame 1, kemudian pilih Properties (ada di bawah stage), pada baris tween, pilih Motion, yang artinya obyek akan dijadikan sebagai animasi motion tween

• 

• Klik juga pada pilihan Rotate=CW (memutar obyek searah jarum jam)
  
• Tekan (Ctrl+Enter) untuk mempublish file menjadi *.swf sekaligus menjalankan obyek animasinya.
• Hasil animasinya terlihat seperti pergerakan di bawah ini