3.3.2.1 Desain Halaman Menu
a. Buka halaman baru dan beri judul 2 menu.fla. Buat 13 layer secara berurutan yaitu layer background, taman, land, rumput, pohon, rumah, awan, burung,
animasi, ayam, home, exercise, start.
b. Pada layer background, tekan Ctrl+F8, pilih movie clip, dan diberi nama
sesuai layer, kemudian membuat background dengan menggunakan Rectangle tool, buat 1 kali dan warna diubah menjadi FFCC33.
c. Pada layer taman, tekan Ctrl+F8, pilih movie clip, dan beri nama sesuai layer.
Buat gambar taman dengan line tool, dan warnailah dengan Paint Bucket Tool, jika ingin membuat efek lengkungan pada taman, gunakan dengan
selection tool, kemudian tarik garis hingga lengkung sesuai efek taman. d. Pada layer land, buat dengan menggunakan Rectangle tool, buat 1 kali dan
letakkan dibawah, kemudian diubah warnanya menjadi 009933. e. Pada layer rumput, pohon, burung, ayam, dan animasi penulis hanya
mendownload animasi.gif, tekan Ctrl+F8, pilih movie clip, dan beri nama
sesuai layer. Kemudian pada toolbar atas klik menu file-import-import to stage, maka akan muncul kotak dialog import, pada look in cari dimana letak
file yang ingin dimasukkan. Agar tampilan lebih menarik dan sempurna, penulis hanya mengedit motion tweennya saja agar animasi lebih tepat dalam
penggerakannya.
f. Pada layer rumah, tekan Ctrl+F8, pilih movie clip, dan beri nama sesuai layer.
Buat rumah dengan Rectangle tool untuk dindingnya pilih warna fill color, 000033, untuk atap agar dapat menyerupai dapat ditarik dengan Selection
Universitas Sumatera Utara
Tool dan pada fill color pilih 333333, pada pintu pilih 999999 dan pada jendela FF0000.
g. Pada layer awan, buat gambar awan dengan Oval Tool dan edit lengkungan agar menyerupai awan gunakan Selection Tool, pada Oval Tool buat fill
colornya warna FFFFFF putih dan stroke color pilih CCCCCC abu-abu. Dan pada frame 1 dan frame 600 klik kanan pilih Insert Key Frame dan pilih
motion tween diantara frame 1 dan frame 600.
h. Pada layer home, exercise, dan start, tekan Ctrl+F8, pilih button, dan diberi
nama sesuai layer. Pada home, exercise, dan start teks dibuat dengan Teks Tool dengan font Showcard Gothic dan ukuran 16 berwarna 7DB27D. Pada
over teks, diperbesar dengan Free Transform Tool, sedangkan pada down teks diperkecil kembali dengan menggunakan Free Transform Tool.
3.3.3 Desain Halaman Teori
Halaman ini berisi teori yang berkaitan dengan Metamorfosis Hewan dan pemilihan hewan berdasarkan jenis metamorfosisnya. Ditampilkan dalam bentuk animasi
lingkungan, suasana, ataupun tempat. Pengguna dapat memilih teori yang diinginkan dengan animasi yang terdapat pada halaman ini.
Universitas Sumatera Utara
3.3.3.1 Desain Halaman Metamorfosis Hewan
a. Buka halaman baru beri judul 3 metamorfosis hewan.fla. Buat 19 layer secara berurutan yaitu layer background, papan, katak, kupu, lebah, nyamuk,
belalang, kecoa, capung, jangkrik, lalat, judul, murid 1, kupu2, dragonfly, balerina, back, next dan teori.
b. Pada layer background, tekan Ctrl+F8, pilih movie clip, dan beri nama sesuai
layer. Kemudian membuat background dengan menggunakan Rectangle tool, dan buat warna pada fill color pada kotak dialog color, pilih type color linear,
kemudian pilih warna pink dan atur kontrasnya. c. Pada layer judul gunakan Teks Tool, klik kanan pada frame 1 dan frame 100
kemudian pilih Insert Key Frame dan pilih Motion Tween di antara frame 1 dan frame 100. Kemudian klik insert-timline effects-effects-blur-ok, pada
toolbar atas flash. Kemudian klik frame pada properties pilih color Alpha dengan 0 sedangkan frame 100 pada properties pilih 100. Gunakan Font
Hobo Std dengan ukuran 32 dan warna 136FBF.
d. Pada layer papan tulis, tekan Ctrl+F8, pilih movie clip, dan beri nama sesuai
layer. Buat gambar papan tulis dengan Rectangle Tool pada stroke color pilih warna coklat, fill color hijau. Kemudian kaki papan tulis dibuat dengan Line
Tool, pada stroke color pilih warna coklat.
e. Pada layer murid, tekan Ctrl+F8, pilih movie clip, dan beri nama sesuai layer.
Buatlah gambar murid yang terdiri dari kepala, badan belakang, dan leher. Gunakan Line Tool dan diberi warna dengan Paint Bucket Tool. Untuk
mengubah bentuk garis Line Tool menjadi sebuah lengkungan bisa menggunakan Selection Tool. Masukkan masing-masing pada layer kepala,
Universitas Sumatera Utara
badan belakang dan leher di frame 1, 5 dan 15 Key Frame untuk layer kepala. Sehingga kepala dapat menoleh ke kiri.
f. Pada layer katak, kupu, lebah, nyamuk, belalang, kecoa, capung, jangkrik,
lalat, kupu2, dragonfly, dan balerina, tekan Ctrl+F8, pilih button, dan diberi
nama sesuai layer. Masing-masing layer dimasukkan gambar yang telah penulis download, dengan cara klik pada up, kemudian pada toolbar atas klik
menu file-import-import to stage, maka akan muncul kotak dialogimport, pada look in cari dimana letak file yang ingin dimasukkan. Setelah gambar sukses di
stage, maka pada over tekan F6, gambar diperbesar, di atas gambar buat teks dengan Teks Tool dengan Font Snap ITC, ukuran 15 berwarna merah.
Kemudian pada down gambar diperkecil, kemudian pada hit tekan F6.
Sedangkan untuk kupu2, dragonfly, dan balerina tekan Ctrl+F8, pilih movie clip, dan beri nama sesuai layer. Kemudian klik menu file-import-import to
stage, maka akan muncul kotak dialog import, pada look in cari dimana letak file yang ingin dimasukkan.
g. Pada layer teori, buatlah teks teori dengan menggunakan Teks Tool, dengan Font Hobo Std, ukuran 11 dan FFFFFF. Selanjutnya klik kanan pada frame 1
dan frame 25 kemudian pilih Insert Key Frame dan pilih Motion Tween. Kemudian teks tersebut digeser ke atas dengan menggunakan Selection Tool di
setiap frame menuju frame 25, sehingga teks jalan perlahan-lahan ke arah atas.
h. Pada layer back, dan next tekan Ctrl+F8, pilih button, dan diberi nama sesuai