Mendesain Halaman Profil Animasi Pengenalan Nama Hewan untuk Anak Usia Dini Berbasis Multimedia

3.7 Mendesain Halaman Profil

Desain tampilan halaman profil adalah sebagai berikut : Gambar 3.7 Rancangan Tampilan Profil Berikut adalah cara pembuatan halaman profil : 1. Buat scene baru dengan klik insert pada menu pilih scene, setelah masuk ke dalam halaman scene baru ubah nama frame dan scene menjadi profil. 2. Masukkan background ke dalam halaman lembar kerja masing-masing hewan, dengan cara menarik gambar yang telah di import to library ke dalam halaman kerja, lalu sesuaikan ukuran gambar dengan ukuran lembar kerja yang telah di tentukan dengan menggunakan free transform tool. 3. Buatlah tulisan sebagaimana membuat profil yaitu nama,alamat,email, dll. Atur letak teks di dalam halaman kerja, lalu ubah menjadi sebuah movie clip dengan cara klik kanan pada teks klik convert to symbol pilih movie clip. Kembali Teks berubah warna Teks berubah warna Teks berubah warna Teks berubah warna Universitas Sumatera Utara 4. Untuk membuat animasi tulisan klik 2 kali pada gambar,klik insert key frame pada frame 5,10,15,20,25. Lalu ubah warna tulisan pada setiap frame yang diklik. 5. Tombol kembali yang berfungsi untuk kembali ke halaman awal, di buat dengan rectangle tool berbentuk kotak persegi panjang, lalu buat tulisan “KEMBALI” dengan menggunakan text tool , tarik teks ke dalam kotak lalu klik kanan pada tulisan dan kotak tersebut convert to symbol pilih button. Setelah menjadi symbol klik 2 kali pada gambar, klik insert key frame pada over ubah warna tulisan,klik insert key frame pada down dan masukkan sound yang telah di import to library. Jika animasi dijalankan dan tombol kembali di klik maka warna tulisan pada tombol akan berubah serta mengeluarkan suara secara otomatis. Kemudian koneksikan gambar yang telah berhasil dibuat dengan action script yang bertujuan untuk kembali kehalaman awal. Pilih windows action atau langsung shortcut dengan cara tekan f9 pada keyboard, akan muncul tampilan action dan ketikkan script berikut ini : onrelease{ gotoAndStop“awal”; } Universitas Sumatera Utara

3.8 Mendesain Tampilan Awal Latihan