g. Buka kembali Program Adobe Flash. h. Buat layer baru dengan cara klik menu File Timeline
Layer. Ganti nama Layer. Posisikan Layer tepat berada di atas Layer Latar Belakang.
i. Klik kanan pada Frame ke 3 Frame ke 1 dan ke 2 di
gunakan untuk halaman Animasi Opening dan halaman pembuka, pada Layer yang baru di buat, kemudian pilih
Insert Blank Keyframe. j.
Masukkan gambar Selamat Datang yang telah kita buat sebelumnya ke atas Stage. Klik menu File Import
Import to Stage atau dengan cara tekan tombol Ctrl + R. Pilih gambar di direktori kemudian klik Open.
k. Pastikan Layer gambar Selamat Datang tersebut berada di Layer Latar Belakang.
l. Kunci Layer dengan mengklik simbol gembok.
m. Pada Layer Latar Belakang di Frame ke 3 buat animasi awan bergerak, sehingga terlihat efek 3 dimensi yang
berada di belakang gambar.
5. Desain Halaman Menu Utama
Halaman menu utama di desain dengan dominan gambar otak sebagai ciri utama dalam aplikasi permainan ini.
Gambar 4.21. Desain Halaman Menu Utama
Sama seperti halaman-halaman sebelumnya, gambar latar belakang halaman selamat datang di desain menggunakan
aplikasi Adobe Photoshop dan pembuatan tombol serta bagian- bagian lain di buat di Adobe Flash.
Gambar 4.22. Langkah Pembuatan Halaman Menu Utama I
Penjelasan gambar :
a.
Buat dokumen baru di Adobe Photoshop dengan ukuran 1024x640 pixel dengan resolusi 72 pixelinch. Kemudian
klik Ok.
b.
Pilih gambar, kemudian klik Open.
c.
Gunakan Magic Wand Tool untuk menseleksi area yang akan dihilangkan. Setelah terseleksi tekan tombol Del.
d.
Gunakan Rectangle Tool untuk membuat bidang persegi panjang.
Gambar 4.23. Langkah Pembuatan Halaman Menu Utama II
e.
Gunakan Ellipse Tool untuk membuat bidang lingkaran.
f.
Pilih Layer bidang persegi panjang, lingkaran dan gambar otak. Klik menu Layer Merge Layers.
g.
Gunakan Magic Wand Tool untuk menseleksi bagian lingkaran, gunakan tombol Shift untuk menseleksi ketiga
bidang lingkaran. Hapus bagian lingkaran dengan menekan tombol Del.
h.
Simpan gambar kedalam format .png. pilih NoneFast dan Interlaced kemudian klik Ok.
i.
Buka aplikasi Adobe Flash. Import gambar yang sudah di buat kedalam stage dengan perintah Ctrl + R sebagai
background.
j.
Import gambar lainnya untuk tombol. Tekan tombol F8 untuk perintah Convert to Symbol. Pilih Button.
k.
Berikan animasi tombol dengan Motion Tween.
l. Ulangi untuk tombol selanjutnya.
6. Desain Halaman Pemanasan
Gambar 4.24. Desain Halaman Pemanasan
Desain halaman pemanasan menggunakan latar belakang yang sama dengan halaman menu game dan halaman game, dimana latar
belakang di desain dengan aplikasi Adobe Photoshop. Sedangkan untuk tombol dan animasinya di buat pada aplikasi Adobe Flash.
Gambar 4.25. Langkah pembuatan Halaman Pemanasan
Penjelasan gambar : a. Untuk langkah pembuatan tombol, buat Frame baru dengan
menekan tombol F6 pada timeline dan layer yang di pilih. Gunakan Rectangle Tool untuk membuat bidang persegi
panjang. Gunakan Selection Tool untuk mengubah objek gambar. Pilih objek kemudain tekan tombol F8 pada
keyboard atau dengan cara pilih menu Modify Convert to Symbol... pada kotak dialog yang muncul pilih Type: Button
kemudian klik Ok. Pada Frame Up, seleksi objek dan tekan F8 kemudian pilih Type: Movie Clip. Klik dua kali dan buat
animasinya dengan Motion Tween. Ulangi langkah tersebut untuk membuat tombol selanjutya.
b. Pembuatan animasi tombol dibuat dengan mengkonversi objek gambar kedalam bentuk Movie Clip. Setelah masuk
ke stage tombol, pada Frame Over pilih objek kemudian tekan tombol F8 dan pilih Type: Movie clip. Klik dua kali
dan buat animasi pada bidang persegi panjang yang di buat dengan animasi Shape Tween.
c. Gunakan Pencil Tool, lalu buat gambar objek senam otak pada satu frame. Pilih objek yang telah selesai di buat,
kemudian klik menu Modify Convert to Symbol... pada kotak dialog yang muncul pilih Type: Movie Clip kemudian
klik Ok. Klik dua kali pada movie clip tersebut, di frame selanjutnya gambar perubahan dari pergerakan objek.
Lakukan hal yang sama untuk membuat senam otak selanjutnya.
7. Desain Halaman Menu Game
