Mendesain Tampilan Awal Animasi Mendesain Halaman Main

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 image pada layer awal pilih import pada menu file, kemudian pilih import to library. 4. Untuk pembuatan animasi tulisan berjalan, ketikkan huruf awal dari kalimat yang akan kita tampilkan pada stage. Klik kanan pada huruf tersebut, pilih Convert to Symbol. Ubah huruf yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada huruf tersebut, maka kita akan Animasi Tulisan Berjalan Main Universitas Sumatera Utara masuk ke dalam movie clip tersebut. Isi satu persatu frame yang ada dengan melanjutkan huruf demi huruf dari huruf yang telah kita tuliskan tadi. Untuk membuat frame selanjutnya klik kanan di frame selanjutnya lalu pilih insert keyframe atau dengan shortcut F6. Pada akhir frame, dimana kita telah selesai merangkai huruf menjadi kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop; 5. Main di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame yang sudah diberi nama “main”.

3.3 Mendesain Halaman Main

Desain halaman Main adalah sebagai berikut : Gambar 3.3 Rancangan Tampilan Halaman Main Profil Materi Latihan Gambar Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tombol Materi, latihan, profil dan gambar sama seperti membuat tombol next pada halaman awaldepan yaitu dengan cara pilih menu insert klik new symbol ketik nama apa yang kita mau agar terlihat pada menu library pilih type button. 4. Untuk membuat warna berubah pada tombol yang kita pilih yaitu pada saat kita membuat tombol itu kita klik menu tombol yang diatas pada menu library. kita tambah frame pada menu ini dengan cara klik kanan pada over pilih frame lalu untuk mengunci agar tampilan nya bisa dirubah, klik kanan pada frame over pilih keyframe lalu block tulisan pada tombol ini ganti warna pada menu color mixer. 5. Tombol materi , latihan, profil dan gambar memiliki fungsi yang berbeda - beda. Tombol materi berfungsi untuk masuk ke pembelajaran metamorphosis sempurna dan tidak sempurna. Tombol latihan berfungsi untuk masuk ke bagian latihan soal tentang metamorfosis. Tombol profil berfungsi untuk masuk ke bagian profil. Actions-Button setiap button Universitas Sumatera Utara berbeda - beda karena frame atau scene yang dituju juga berbeda. Berikut script dari setiap button : Untuk button materi : onrelease{ gotoAndStopmateri; } Untuk button latihan : onrelease{ gotoAndPlaylatihan, 1 ; } Untuk button profil : onrelease{ gotoAndPlayprofil, 1 ; } Untuk button gambar : onrelease{ gotoAndPlayhome, 1 ; } Universitas Sumatera Utara

3.4 Mendesain Halaman Materi