Materi Kelas : XII
Semester : Genap

Standar Kompetensi :
Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi motion guide untuk keperluan pembuatan homepage

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

Motion Guide adalah animasi perubahan gera, dimana lintasannya ditentukan oleh path yang kita buat sendiri, sehingga pergerakan obyek akan sepenuhnya mengikuti bentuk obyek yang kita buat sebagai lintasannya. Kita memerlukan setidaknya 2 (dua) layer untuk membuat obyek animasi ini, yaitu layer yang digunakan untuk membuat obyek yang bergerak dan 1 (satu) layer lagi untuk membuat pathnya yang nanti disebut sebagai guide layer.

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

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 Impor gambar (jpg,wmf, gif, dsb) dengan menekan file-->Import-->import to stage dan ganti nama layernya menjadi car:

• 

• Jangan lupa ubah gambar menjadi betuk simbol, karena prinsipnya motion guide ini sama dengan motion tween hanya pergerakannya saja yang berbeda (mengikuti path)
  
• Buat layer baru lagi, dengan menekan Add Motion Guide, layer ini akan kita gunakan untuk membuat pathnya berbentuk lingkaran, gunakan oval tool untuk membuat lingkaran seperti gambar di bawah ini :

• 

• Tambahkan Insert Keyframe pada frame 60 untuk 2 (dua) layer yang telah kita buat, yaitu layer car dan layer guide.
• Clik di frame 1 layer car, geser posisi obyek agar titik pusat obyek (mobil) tepat berada di ujung path
• Clik di frame 60 layer car, geser posisi obyek agar titik pusat obyek (mobil) tepat berada di ujung path berikutnya
  

• Tambahkan 1 layer baru lagi yang akan kita jadikan sebagai layer road, dan biat gambar seperti di bawah ini untuk membuat jalan yang akan dilalui obyek mobil

• 

• Sekarang tinggal menambahkan efek motion pada frame 1 layer car
  
• Tekan (Ctrl+Enter) untuk mempublish file menjadi *.swf sekaligus menjalankan obyek animasinya.
• Hasil animasinya terlihat seperti pergerakan di bawah ini