Desain Halaman Menu Desain Halaman Teori

color kemudian pilih jenis warna biru dengan kode warna 0000FF kemudian tekan F6 pada frame 5 untuk selanjutnya mengganti warna teks menjadi merah dengan kode warna FF0000. Tekan kembali F6 pada frame 10 dan ganti warna teks menjadi hijau dengan kode warna 00FF00. Dan untuk warna terakhir pada frame 15 pilih warna ungu dengan kode warna 660066. Kemudian tekan CTRL + E untuk keluar dari pengeditan tersebut. 4. Pada layer giant masukkanlah gambar giant yang telah dipersiapkan sebelumnya dengan menekan tombol CTRL + R. Lalu objek tersebut jadikan movie clip dengan cara yang sama dengan sebelumnya. Double click objek tersebut untuk mengatur gerakannya dalam setiap frame. Jika sudah selesai tekan CTRL + E. Selanjutnya untuk frame suneo, shizuka dan nobita caranya sama dengan pembuatan pada layer giant. Kita hanya mengganti objeknya saja. 5. Buat sebuah link berbentuk panah dari rectangle tool. Kemudian jadikan kedalam bentuk button dengan menekan tombol F8 pilih button lalu berikan nama tombol.

3.3.2 Desain Halaman Menu

Halaman ini berisi menu aplikasi apa yang kita inginkan. Dihalaman ini terdapat menu untuk masuk ke aplikasi teori, latihan, simulasi, tentang penulis dan juga keluar. Setiap pilihan menu berupa animasi yang berubah bentuk jika akan diklik Universitas Sumatera Utara dan juga dalam bentuk link. Berikut adalah langkah – langkah untuk membuat halaman menu : 1. Frame awal dimulai dari frame 61 dikarenakan frame sebelumnya digunakan untuk halaman awal. 2. Halaman ini hanya terdiri dari 1 layer dimana semua desain dan juga animasi ada didalam layer ini. Beri nama layer dengan nama menu. 3. Pertama kali masukkan objek yang akan menjadi background dari halaman ini dengan menekan tombol CTRL + R dan sesuaikan ukurannya dengan ukuran stage. Kemudian klik kanan pilih arrange lalu pilih lagi send to back untuk membuatnya menjadi latar dengan berada dibawah objek – objek selanjutnya. 4. Masukkan objek – objek yang sebelumnya sudah dipersiapkan. Kemudian setiap objek dijadikan bentuk button dengan nama yang berbeda – beda yaitu : teori, latihan, simulasi, tentang dan keluar. Double click pada salah satu objek yang sudah menjadi bentuk tombol, kemudian tekan F6 pada menu over. Perbesar ukuran tombol tersebut dengan memilih free transform tool pada menu tools atau dengan menekan tombol Q dan sebelumnya pastikan bahwa objek dalam keadaan aktif. Lakukan cara yang sama untuk setiap button. Universitas Sumatera Utara

3.3.3 Desain Halaman Teori

Setiap teori yang ada pada halaman ini yaitu meliputi teori mengenai gaya gesek, gaya berat, gaya normal, gaya sentripetal dan hukum newton berada dalam satu layer yaitu layer teori. Hanya saja akan ada beberapa layer yang dibuat terpisah dikarenakan adanya animasi yang harus dipisahkan dari layer teori tersebut. Halaman teori ini berisi penjelasan singkat mengenai gaya secara garis besar yang disertai dengan animasi sederhana yang cukup jelas untuk menggambarkan maksud dari teori tersebut juga disertai link yang akan menuju kehalaman sebelum dan selanjutnya. Berikut adalah langkah – langkah untuk membuat halaman teori : 1. Halaman ini dimulai dari frame 62 dan masih didalam 1 layer saja. 2. Pada frame 62, masukkan objek yang akan dijadikan background atau latar dari halaman ini dengan menekan tombol CTRL + R dan sesuaikan ukurannya dengan ukuran stage. Kemudian klik kanan pilih arrange lalu pilih lagi send to back untuk membuatnya menjadi latar dengan berada dibawah objek – objek selanjutnya. Selanjutnya klik teks tool pada pilihan tool yang tersedia untuk memasukkan teks dengan jenis font hobo std dan ukuran 13 dengan warna hitam. 3. Masih didalam frame yang sama, masukkan objek balon udara yang telah dipersiapkan sebelumnya kemudian jadikan kedalam bentuk movie clip Universitas Sumatera Utara dan berikan namanya. Letakkan objek tersebut paling bawah dari halaman stage sebagai letak awal dari balon udara tersebut. Double click pada objek tersebut lalu tekan F6 pada frame 55 dan tentukan letak akhir dari balon udara yaitu pada bagian paling atas dari stage. Selanjutnya klik kanan pada sembarang frame diantara frame satu sampai lima puluh lima tersebut lalu pilih create motion tween. Setelah selesai tekan CTRL + E untuk keluar dari pengeditan tersebut. 4. Masukkan button back dan next yang bisa diambil langsung dari library panel dan selanjutnya letakkan pada bagian paling bawah di sudut kiri dan kanan stage. 5. Pada frame 63 klik teks tool pada pilihan tool yang tersedia untuk memasukkan teks dengan jenis font hobo std dan ukuran 13 dengan warna hitam. Masih didalam frame yang sama, masukkan objek pegas yang telah dipersiapkan sebelumnya kemudian jadikan kedalam bentuk movie clip dan berikan namanya. Double click pada objek tersebut kemudian atur letak pegas dari frame ke frame untuk membuatnya seolah – olah ditarik. Setelah selesai tekan CTRL + E untuk keluar dari pengeditan tersebut. Masukkan button back dan next yang bisa diambil langsung dari library panel dan selanjutnya letakkan pada bagian paling bawah di sudut kiri dan kanan stage. Universitas Sumatera Utara

3.3.4 Desain Halaman Pilihan Teori