down pilih insert key frame lalu masukkan efek sound yang telah di import to library dimana jika tombol ditekan maka akan muncul suara secara otomatis.
Kemudian koneksikan tombol dengan action script agar bisa kembali ke halaman menu dengan cara pilih windows actions atau langsung shortcut
dengan cara tekan F9 di keyboard lalu akan muncul tampilan action dan ketikkan script :
on release { gotoAndStopmenu;
}
3.5 Mendesain Halaman Kelompok Hewan Darat, Air, dan Udara
Desain tampilan Halaman Hewan Darat, Air, dan Udara adalah sebagai berikut :
Gambar 3.5 Rancangan Tampilan Kelompok Hewan
Nama Hewan Gamba
r
Nama Hewan Gamba
r Nama Hewan
Gamba r
Nama Hewan Gamba
r Nama Hewan
Gamba r
Nama Hewan Gamba
r
Nama Hewan Gamba
r Nama Hewan
Gamba r
Nama Hewan Gamba
r Nama Hewan
Gamba r
Kembali Awal
Universitas Sumatera Utara
Cara pembuatannya adalah sebagai berikut : 1.
Pada halaman hewan Darat, Air, dan Udara ini cara pembuatannya sama yaitu buatlah scene baru pada setiap kelompok hewan dengan klik menu insert pilih
scene, setelah masuk ke scene baru ubah nama scene dan frame menjadi kelompok hewan yaitu darat, air, dan udara.
2. Untuk membuat background pada masing-masing 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. Masukkan gambar hewan yang di butuhkan. Untuk memasukkan gambar ke
dalam frame yaitu pilih menu file klik import lalu pilih import to library,masukkan gambar dari menu library ke dalam frame. Kemudian susun
letak gambar dengan rapi pada tiap halaman kerja kelompok hewan. 4.
Mengubah setiap gambar gambar hewan menjadi tombol. Setelah gambar tersusun dengan baik penulis mengubah gambar pada setiap hewan menjadi
sebuah tombol dengan cara klik kanan pada gambar convert to symbol pilih button.
5. Membuat desain pada setiap tombol hewan yaitu dengan cara Klik 2 kali pada
gambar yang telah dijadikan button lalu klik kanan insert key frame pada over kemudian buat tulisan dengan text tool di atas gambar masing-masing hewan
misalnya “serigala” lalu perkecil ukuran gambar dengan menggunakan free transform tool, ini bertujuan pada saat animasi dijalankan dan mouse mengarah
ke gambar maka tulisan nama hewan akan muncul dengan gambar berubah ukuran. Kemudian klik kanan lagi pada Down piih insert key frame lalu penulis
menambahkan sound yang telah di import sebelumnya di library, bertujuan apabila gambar hewan di klik maka secara otomatis suara akan terdengar.
Universitas Sumatera Utara
6. Koneksikan setiap gambar hewan yang telah berhasil dibuat menjadi button
dengan action script agar bisa lanjut ke scene dan frame tujuan dengan cara pilih windows actions atau langsung shortcut dengan cara tekan F9 di
keyboard lalu akan muncul tampilan action dan ketikkan script :
Untuk kelompok hewan darat : onrelease{
gotoAndStop“serigala”; }
Pada action script gambar hewan darat berikutnya ubah nama frame tujuan dengan mengganti nama hewan yang berada di antara tanda
kutip“…..”
Untuk kelompok hewan air : onrelease{
gotoAndStop“bintang laut”; }
Pada action script gambar hewan air berikutnya ubah nama frame tujuan dengan mengganti nama hewan yang berada di antara tanda kutip“…..”
Untuk kelompok hewan udara : onrelease{
gotoAndStop“burung merpati”; }
Pada action script gambar hewan udara berikutnya ubah nama frame tujuan dengan mengganti nama hewan yang berada di antara tanda kutip“…..”
Universitas Sumatera Utara
7. Terdapat tombol kembali pada halaman hewan darat, air, dan udara yang
berguna untuk kembali ke halaman materi, dibuat dengan cara menarik symbol button kembali dari library ke dalam frame yang sebelumnya telah dibuat. Lalu
sisipkan script pada tombol dengan pilih windows actions atau langsung shortcut dengan cara tekan F9 di keyboard lalu akan muncul tampilan action
dan ketikkan script : onrelease{
gotoAndStop“materi”; }
8. Tombol awal pada halaman hewan darat, air, dan udara yang berguna untuk
kembali ke halaman awal, dibuat dengan cara menarik gambar yang telah di import dari library ke dalam frame. Sesuaikan ukuran gambar dengan
menggunakan free transform tool lalu buat tulisan dengan teks awal pada bagian atas gambar kemudian ubah tulisan dan gambar menjadi sebuah tombol
dengan klik kanan convert to symbol pilih button. Lalu sisipkan script pada tombol dengan pilih windows actions atau
langsung shortcut dengan cara tekan F9 di keyboard lalu akan muncul tampilan action dan ketikkan script :
onrelease{ gotoAndStop“awal”;
}
Universitas Sumatera Utara
3.6 Mendesain Halaman Masing – Masing Hewan