Desain Halaman Awal Rancangan Animasi

meliputi gambar, teks, suara maupun efek gerak dan pembuatan interaktif animasi yang menggunakan ActionScript . Animasi ini juga harus memenuhi kriteria animasi yang baik. Adapun beberapa kriteria animasi yang baik adalah : 1. Interface tampilan yang menarik dan tidak berlebihan 2. Suara dan video pendukung yang menarik 3. Bermanfaat 4. Interaktif 5. Informatif

3.3 Rancangan Animasi

Pembuatan animasi ini menggunakan gambar kartun yang sudah dikenal dikalangan siswa sehingga mudah dipahami, dan juga animasi ini menggunakan teknik yang sederhana dalam proses pembuatannya sehingga tidak terjadi pemakaian ruang publikasi secara berlebihan. ActionScript akan dilampirkan pada bagian lampiran listing program.

3.3.1 Desain Halaman Awal

Halaman awal adalah halaman pembuka ketika aplikasi pertama kali dijalankan dimana pada halaman ini terdapat judul dari aplikasi yaitu “Animasi Gaya Fisika” yang dianimasikan menggunakan tokoh kartun yang sudah sangat familiar dikalangan siswa sehingga terlihat menarik juga disertai link untuk menuju kehalaman menu. Sebelum menjelaskan lebih lanjut, keseluruhan aplikasi animasi Universitas Sumatera Utara ini berada dalam satu lembar kerja tetapi terletak dalam layer – layer dan frame yang berbeda. Berikut adalah langkah – langkah untuk membuat desain halaman awal : 1. Input enam buah layer dengan cara klik kanan pada bagian paling kiri timeline kemudian pilih insert layer. Berikan nama pada masing – masing layer yaitu judul, background, doraemon, giant, suneo, shizuka dan nobita. Setiap layer akan berakhir pada frame enam puluh. 2. Pada layer background, masukkan rectangle tool berbentuk persegi sesuai dengan ukuran stage. Kemudian pilih pengaturan warnanya melalui panel color pilih jenisnya radial seperti gambar dibawah ini : Gambar 3.1 Pengaturan Warna Layer Background 3. Pada layer judul masukkan teks melalui teks tool yang ada pada tools dengan pilihan font jokerman , 41. Kemudian teks tersebut dijadikan movie clip dengan menekan tombol F8 kemudian pilih movie clip dan beri nama judul. Teks tersebut akan dibuat menjadi berubah – ubah warnanya. Setelah berbentuk movie clip, double click pada teks tersebut. Pada frame 1 sudah di double click pilih properties untuk mengganti warnanya pilih Universitas Sumatera Utara 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