Gambar 3.4 Desain Tombol Klik Mulai
3.4 Desain Layout Halaman Awal di Adobe Flash CS3
Untuk mulai merancang suatu animasi ini maka harus jalankan software atau aplikasi Adobe Flash CS3 lalu kemudian pilih new flash document, lalu akan muncul lembar
kerja dari Adobe Flash CS3. Dalam bagian ini terdapat 1 buah layer seperti layer background, sound pengantar, judul , sound dan tombol mulai. Berikut tahapannya:
Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tombol back dan next pada aplikasi hadi
ts arba’in adalah : 1.
Membuat dokumen baru dengan tipe “Flash File ActionScript 2.0 klik Ok. Kemudian penulis edit ukuranya menjadi panjangnya 650 px dan lebarnya
1100 px atau dengan tombol shortkey ctrl+N. 2.
Untuk background penulis, mengambil suatu wallpaper yang sudah tersedia dengan cara klik fileimportimport to stage dan pilih wallpaper yang telah
tersedia. Setelah gambar masuk ke library, pilih gambar tersebut dan tarik gambar tersebut sampai ke layer background maka otomatis akan muncul di
latar belakang. Atur ukuran gambar sesuai dengan ukuran stage hingga menutupi background. Tekan Ctrl + Alt 9 dan Ctrl + Alt 7 untuk mengatur
Universitas Sumatera Utara
posisi gambar tepat berada pada stage baik secara vertical,horizontal maupun center. Kemudian penulis import flie gambar desain layout halaman awal.Jpeg
3. Setelah itu kita import file tombol Klik Mulai.Jpeg ke import to library.
Kemudian kita tarik file gambar tersebut ke halaman kerja yang tersedia menggunakan klik kiri mouse dan tahan sampai sesuai letak yang kita
inginkan. 4.
Kemudian kita klik kanan kemudian pilih convert to symbol-Pilih Botton- Klik Ok. Setelah itu kita double klik pada simbol Klik Mulai tersebut setelah
itu kita setting Overnya dengan cara klik kiri-pilih insert keyframe kemudian penulis tarik file audio yang terdapat di library ke halaman kerja, agar apabila
botton Klik Mulai di klik akan muncul suaranya. 5.
Setelah selesai klik masukan actionscriptnya pada botton Klik Mulai agar tombol tersebut diklik dapan link ke menu yang kita inginkan. Contoh dengan
format actionscript :
on release { loadMovieNumHadist 1.swf, 0;
}
6. Akhirnya selesai disesain sesuia keiginan penulis kemudian penulis save
dengan format “Halaman Awal.swf”. Sehingga muncullah sesuai gambar dibawah ini :
Gambar 3.5 Desain Layout Halaman Awal.swf
Universitas Sumatera Utara
3.5 Desain Layout Menu dan Daftar
Kategori