Halaman Awal Perancangan Aplikasi

3.2.1 Halaman Awal

Halaman awal adalah tampilan animasi yang pertama kali muncul jika aplikasi dibuka untuk pertama kalinya. Halaman ini berisi judul dari pembelajaran yaitu ”Animasi Pembelajaran Bahasa Inggris” yang dianimasikan serta link – link menuju materi dan kuis. Selain itu background dari halaman awal ini juga berupa animasi pemandangan pada saat musim gugur.

3.2.1.1 Desain Halaman Awal

a. Buat halaman baru dan beri judul awal.fla. Buat 17 layer secara berturut yaitu layer background, tiang, judul, text, daun2, text2, text3, text4, lampu, pohon, daun, dan bunga. b. Ganti kode warna background pada layer menjadi 00FF00. c. Pada layer tiang, buat gambar tiang yang memiliki empat buah cabang yang masing-masing cabang menghadap ke sebelah kanan dan kiri. Pada layer 1 insert keyframe sampai dengan frame 410. d. Pada layer judul, buatlah teks judul “Animasi Pembelajaran Bahasa Inggris” dengan menggunakan Teks Tool, tekan F8 pilih movie clip. Pada layer 1, 6, 11, 16, 21, 26, 31, 36, 41, 46, dan 51 insert keyframe kemudian ubah setiap warna teks pada masing-masing keyframe menjadi 00FF00, FF00FF, 9933FF, 230DF2, FB3504, A88E57, FF9900, 333333, FF00FF, 00FFFF, dan FFFF00. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com e. Pada layer text, text2, text3, text4, buatlah teks “Kindegarden, Elementary School, Junior High School, dan Senior High School” dengan menggunakan Teks Tool, klik kanan pada frame 1 dan frame 410. f. Pada layer daun dan daun2, disini penulis men-donwload image daun musim gugur agar tampilan lebih nyata seperti pada saat daun di musim gugur. Penulis hanya menambahkan animasi pergerakan daun yang jatuh berguguran pada saat musim gugur. Animasi ini dibuat menjadi simbol dengan cara pada layer 1 tekan F8, pilih movie clip, dan drag gambar daun musim gugur pada frame 1 kemudian tarik gambar daun ke bawah, kanan, dan kiri hingga daun terlihat jatuh secara alami. g. Pada layer lampu dan pohon, buatlah gambar lampu dan gambar pohon yang memiliki akar serabut. Pada frame 1 insert keyframe sampai frame 410. h. Pada layer bunga, disini penulis juga men-download animasi.gif agar bunga yang ditampilkan lebih hidup. Penulis hanya meng-edit peletakan posisi bunga pada background awal dengan cara pada frame 1 layer bunga tersebut insert keyframe sampai frame 410.

3.2.2 Halaman Home