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

Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan.

Adapun langkah-langkah untuk membuat animasi masking 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