Cara Membuat Menu Pop Up pada Flash

Pop up menu merupakan tombol menu yang berisikan beberapa sub-menu lain. Flash tidak
memiliki tool khusus untuk membuat menu seperti ini. Namun dengan sedikit trik, kita bisa
membuatnya, bahkan untuk yang kompleks sekalipun. Untuk menggunakan tutorial ini, saya
asumsikan anda telah mengenal konsep menggambar dalam Flash, serta penggunaan Symbol
berbentuk Movie Clip dan Button.
Langkah 1
Buat sebuah objek yang akan digunakan sebagai tombol menu utama, ubah objek tersebut
menjadi symbol berbentuk Movie clip dengan menekan F5, kemudian pilih Movie Clip.

Langkah 2
Setelah menjadi objek movie clip, klik dua kali pada objek tersebut hingga kita masuk ke
dalam mode pengeditan symbol. Pada mode pengeditan ini akan terdapat tulisan Symbol pada
bagian atas.

Langkah 3
Pada mode pengeditan symbol ini, convert kembali objek menjadi symbol berbentuk Button.

Langkah 4
Setelah berubah menjadi symbol berbentuk button, isikan skrip berikut pada Action-Button
(sebelumnya, tombol dapat diberi state terlebih dahulu agar tampak lebih menarik) :
on (rollOver) {
gotoAndStop(2);
}

Langkah 5
Pada frame 1, isikan stop untuk menghentikan timelinenya pada Action-Frame
stop();

Langkah 6
Buat keyframe pada frame 2 dengan klik kanan kemudian pilih Insert Keyframe (atau dengan
menekan tombol F6).

Langkah 7
Pada frame 2, copy-kan tombol menu untuk membuat sub menunya dengan Alt+Drag. Lalu
klik kanan pada objek copy tersebut dan pilih Duplicate Symbol. Duplikasi ini dimaksudkan
agar submenu bisa kita beri teks yang berbeda dengan tombol menu. Klik dua kali pada
tombol submenu untuk mengganti teksnya.

Dengan cara yang sama, buat satu buah submenu lagi sehingga tampak seperti berikut :

Langkah 8
Buat sebuah layer baru, kemudian buat keyframe kosong pada frame 2 nya, dengan klik
kanan pilih Insert Blank KeyFrame (letakkan layer baru tersebut dibawah Layer 1).

Langkah 10
Pada Layer 2 frame 2, buat area kotak seperti tampak pada gambar dibawah. Sebelumnya,
pastikan icon Object Drawing pada toolbox tidak aktif.

Langkah 11
Buat kembali area kotak yang lebih kecil menggunakan warna yang berbeda seperti tampak
pada gambar. Disini saya menggunakan warna hijau. Bila telah selesai, kotak hijau tadi bisa
kita hapus dengan tombol Delete.

Langkah 12
Untuk sementara kita memiliki area kotak dengan bolong ditengahnya seperti tampak pada
gambar dibawah.

Langkah 13
Convert area kotak tersebut menjadi Symbol berbentuk Button.

Langkah 14
Setelah menjadi Symbol Button, klik dua kali pada area tersebut dan pindahkan keyframe
dari kondisi Up ke kondisi Hit, sehingga bagian Up Over dan Down tidak memiliki gambar
apapun. Lalu kembali ke Symbol1 bila telah selesai.

Langkah 15
Buka panel ActionScript untuk area kotak tersebut dan isikan skrip berikut pada ActionButtonnya :

on (rollOver) {
gotoAndStop(1);
}

Skrip ini memberikan aksi saat kursor mouse kita menyentuh area kotak tersebut, maka
submenu akan menutup kembali (kondisi pada frame 1)
Kembali ke Scene 1, dan pop up menu kita telah bekerja!