BAB 3
PERANCANGAN ANIMASI
3.1 Struktur Perancangan
Dalam suatu perancangan aplikasi sangat dibutuhkan pembuatan struktur perancangan. Struktur perancangan merupakan bagan yang menggambarkan alur kerja
dari suatu aplikasi. Proses awal dari pembuatan aplikasi pembelajaran pengenalan nama
–nama hewan ini juga dimulai dari membuat suatu struktur perancangan agar mempermudah dalam pengerjaannya. Dengan menggunakan struktur, penulis dapat
menggabarkan alur kerja dari animasi pembelajaran pengenalan nama-nama hewan untuk usia dini.
Universitas Sumatera Utara
Adapun struktur yang dibuat adalah sebagai berikut :
Gambar 3.1 Struktur Rancangan Animasi Pengenalan Nama - Nama Hewan
Mulai
Halaman Utama
Halaman Menu
Materi Latihan
Profil Keluar
Hewan Air Hewan Darat
Soal
Selesai Ulangi
Nama
Score Hewan Udara
Pembelajaran Pembelajaran
Pembelajaran
Universitas Sumatera Utara
3.2 Mendesain Tampilan Awal Animasi
Desain tampilan awal animasi adalah sebagai berikut :
Gambar 3.2 Rancangan Tampilan Awal Animasi
Cara pembuatannya adalah sebagai berikut : 1.
Buka lembar kerja macromedia flash 8, kemudian pilih flash document. 2.
Buat satu layer pada timeline, yaitu layer 1. Dimana timeline dan layer 1 itu berada pada scene 1.
3. Untuk pembuatan background pada layer awal pilih import pada menu file,
kemudian pilih import to library. 4.
Untuk pembuatan animasi tulisan berjalan dengan berubah warna, ketikkan kalimat yang akan kita tampilkan pada stage. Klik kanan pada tulisan tersebut,
pilih Convert to Symbol. Ubah kalimat yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada kalimat, maka kita akan
masuk ke dalam movie clip tersebut. Isi satu persatu frame yang ada dengan mengganti warna huruf demi huruf dari kalimat yang telah kita tuliskan tadi.
Gambar Animasi Tulisan Berjalan
menu
Universitas Sumatera Utara
5. Untuk gambar hewan yang bergerak penulis mengambil suatu gambar dengan
format.gif yang sudah tersedia dengan cara klik fileimportimport to library. Setelah gambar masuk ke library, pilih gambar tersebut dan tarik gambar ke
halaman kerja lalu letakkan di tempat yang kita inginkan dengan terlebih dahulu mengatur ukuran gambar dengan menggunakan free transform tool.
6. Tombol menu berfungsi untuk masuk ke halaman selanjutnya yaitu pada
halaman menu yang berisi materi, latihan, profil dan keluar. Cara untuk membuat fungsi tombol menu adalah dengan membuat tuli
san “menu” dengan menggunakan text tool. Kemudian klik kanan pada tulisan convert to symbol
pilih button , koneksikan dengan action script agar bisa lanjut ke halaman berikutnya dengan cara pilih windows actions atau langsung shortcut
dengan cara tekan F9 di keyboard dan ketikkan script program sebagai berikut:
onrelease{ gotoAndStop“menu”;
} Menu di sini berarti, ketika kita menekan tombol menu, maka kita akan
berpindah ke frame yang sudah diberi nama “menu”.
Universitas Sumatera Utara
3.3 Mendesain Halaman Menu
Kategori