Kamis, 20 Desember 2012

ANIMASI FRAME BY FRAME

Materi Kelas : XII
Semester : Genap
Standar Kompetensi :

Mengelola animasi berbasis web

Kompetensi Dasar :
Menggunakan animasi frame by frame untuk keperluan pembuatan homepage

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

Materi :
Animasi flash pertama yang akan kita pelajari adalah animasi frame by frame, sesuai dengan namanya animasi frame by frame adalah animasi obyek flash yang dibuat dengan membuat obyek yang berbeda (bentuk, ukuran, warna, letak) pada setiap framenya, sehingga kita harus memiliki banyak gambar agar tampak seperti sebuah gerakan animasi.
Contoh project yang akan kita buat tampak seperti animasi di bawah ini :

Di bawah ini akan dijelaskan urutan langkah-langkah untuk membuat animasi frame by frame :
1. Buka aplikasi Flash
2. Pilih Create New Flash Document
3. Secara default, pada timeline memiliki layer 1 dan terletak pada frame 1(ada bulatan hitam di frame1), jika bulatan putih (berlubang) artinya frame kosong/tidak berisi obyek dan jika bulatan berwarna hitam, maka frame terisi oleh obyek.
4. Ubah nama layernya menjadi gambar
5. Klik pada frame 1, kemudian gunakan brush tool (lihat gambar tools yang dilingkari merah) untuk membuat gambar seperti di bawah ini

6. Klik di frame ke-2, kemudian buat gambar yang berbeda tetapi masih berkaitan dengan gambar di atas, ulangi langkah ke-5 dan ke-6 sampai didapatkan urutan gambar yang tampak seperti sebuah animasi.
7. Setelah selesai, simpan dengan nama framebyframe.fla, selanjutnya lakukan publish file (menjalankan sekaligus membuat file swf) dengan menekan tombol Ctrl+Enter
8. Buka folder file, jalankan file framebyframe.swf.

Tidak ada komentar: