Social Icons

twitterfacebookgoogle pluslinkedinrss feedemail

halaman

Selasa, 22 Januari 2013

Membuat Menu interaksi menggunakan Flash

 Berikut ini akan dijelaskan mengenai cara membuat peta dengan menu interaksi menggunakan flash  seperti pada gambar di bawah. Untuk mencoba interaksinya anda dapat menekan tombol atau menu yang ada di gambar peta di bawah ini.


Berikut ini adalah langkah-langkahnya :
1. Rename layer 1 dengan nama menjadi : bg. Lalu import gambar peta ke stage dengan cara klik menu File > pilih Import to Stage, lalu ganti background stage yang sesuai, misalnya saja warna orange. Lalu  di panel properties ubah dan sesuaikan ukuran stage di bagian size.

2. Lalu buat layer baru dan beri nama layer menjadi : tombol. lalu buat rectangle tool, lalu untuk membuat jadi button klik F8 atau klik kanan pilih convert to symbol untuk membuat tombol. Lalu isi tiap-tiap up,over,down,hit dengan cara insert keyframe pada tiap up,over,down,hit.
 
3. Buat Layer baru, beri nama menjadi : isi.
4. Tambahkan 7 frame layer tambahan dengan cara insert frame di frame 9 pada layer bg dan layer tombol.

5. Letakkan pada layer isi di frame 2 klik kanan, pilih : insert keyframe.

6. Lalu pilih text tool  di tool box, kemudian buat kotak persegi panjang untuk tempat mengetikkan penjelasan mengenai pulau yang ada di peta, kemudian atur di bagian properties seperti pada gambar di bawah. Untuk ukuran & tipe font bebas.
7. Buat layer baru, beri nama menjadi aksi. Klik kanan frame 1 pada layer aksi dan pilih action, lalu ketikkan script yaitu : stop();
8. Lalu pada Layer Aksi klik kanan frame 2 dan pilih insert keyframe. Kemudian klik kanan lagi, dan isi dengan script yaitu : stop();
9. Lalu pada tombol Sumatera, klik kanan pilih Action lalu isi script :
on (release){gotoAndPlay(2)}
10. Selanjutnya lakukan cara yang sama pada tombol Pulau Jawa, Bali, Nusa Tenggara, Irian Jaya, Sulawesi, dan Kalimantan. Caranya adalah dengan menduplikat tombol sumatera, lalu ubah nama tombol menjadi Jawa, lalu klik OK.
                
11. Lalu pada Layer isi di frame 3 klik kanan, pilih :insert keyframe. Ganti teks penjelasan pulau sumatera menjadi teks penjelasan pulau jawa. Lalu pada Layer Aksi klik kanan frame 3 dan pilih insert keyframe. Kemudian klik kanan lagi,untuk diisi script: stop();
12. Lalu isi pada tombol Jawa, klik kanan pilih Action lalu isi script :

on (release){gotoAndPlay(3)}

 
Lakukan hal yang sama untuk pulau lainnya. Untuk melihat hasilnya tekan CTRL+ Enter.

 

Sample text

Sample Text