Materi Kelas : XII
Semester : Genap

Standar Kompetensi :
Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi shape tween untuk keperluan pembuatan homepage

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

Materi :

Animasi flash berikutnya yang akan kita pelajari adalah animasi tween, sesuai dengan namanya animasi tween adalah animasi perubahan bentuk dan perubahan gerak secara otomatis, artinya kita hanya menentukan gambar awal dan gambar akhirnya saja, setelah itu flash akan melanjutkan sendiri proses yang terjadi antara gambar awal dan gambar akhir.

Shape tween memiliki karakteristik yang harus dipahami sebelum membuat animasi ini, yaitu :
1. Obyek yang dibuat motion tween adalah bukan obyek symbol
2. Obyek atau gambar merupakan obyek yang tidak 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 fill color , klik di frame 5, kemudian insert keyframe dan kopikan gambar di frame 1 ke frame 5, tujuannya adalah untuk memberikan delay selama 5 frame pada gambar lingkaran :

• 

• Click pada frame 30, insert keyframe, kemudian masukan gambar dari luar, klik File-->Import--> Import to stage (fie gambar dapat berbentuk jpg, gif maupun wmf), di sini dipasang gambar mobil dengan tipe file gambar WMF
  

• 

• Sekarang akan terlihat bahwa ketka kita klik di frame 1, gambar lingkaran ada di sebelah kanan dan ketika diklik frame 30, maka gambar mobil ada di sebelah kiri stage.

• Klik di Frame 5, kemudian pilih Properties (ada di bawah stage), pada baris tween, pilih Shape, yang artinya obyek akan dijadikan sebagai animasi motion tween

• 

• Tekan (Ctrl+Enter) untuk mempublish file menjadi *.swf sekaligus menjalankan obyek animasinya.
• Hasil animasinya terlihat seperti pergerakan di bawah ini