Membuat Tombol Menu Pada Flash

Standard

Setelah kalian melakukan tahap pertama, Membuat Rancangan & Tujuan Pembuatan. Sekarang kita akan berlanjut pada tahap kedua, Membuat Tombol Menu.

Langsung saja dengan membuka adobe / macromedia flash. Versi apapun tak jadi masalah. Yang terpenting adalah, tutorial yang akan kita gunakan semuanya adalah actionscript 1.0 & 2.0 Jadi bagi pengguna Adobe Flash CS4 & CS5, mohon dipilih lembar kerja AS2 ya…. ^_^

  • Buatlah gambar objek / pilihlah objek mana yang akan kalian jadikan sebagai tombol
    • Apabila kalian telah memiliki gambar sendiri, kalian bisa drag dari folder langsung ke lembar kerja, dan secara otomatis pula akan langsung terekam pada panel library
  • Pilih menuModify > Convert to Symbol (atau tekan F8 pada keyboard)
  • Jangan lupa untuk memberi nama, tipe (button), dan registration berada ditengah. Lalu tekan ok
  • Setelah selesai, klik ok
  • Kalian bisa mengatur bagian tombol dengan cara klik dobel pada objek tersebut. Maka kalian akan diajak pada lembar kerja tombol anda. Sihlakan untuk mengatur desain tombol pada bagian up, over, down, serta hit
    • UP: Tampilan awal tombol sebelum diapa-apakan
    • Over: Tampilan tombol saat mouse didekatkan pada tombol
    • Down: Saat tombol ditekan
    • Hit: Daerah tombol

Sebetulnya sih, kalian bisa langsung comot button yang telah disediakan oleh pihak flash sendiri dari panel Window > Common Libraries > Buttons. Dan langsung saja drag and drop ke lembar kerja ^_^

Bila button sudah siap, waktunya membuat fungsi pada tombol. Apa itu? Tentunya mengarahkan kita pada frame yang kita ingin tuju. Sifat ini sama saja dengan link. Misal, anda klik tombol navigasi Home diatas blog ini, maka anda akan diajak pada laman beranda. Sama dengan hal nya sifat tombol yang akan kita buat ini. Karena itu, setidaknya anda telah membuat laman / frame yang akan dituju. Di-desain sedemikian rupa ^_^

  • Setelah anda kembali pada lembar kerja kalian, klik tombol yang akan dibuat link fungsi
  • Klik F9 atau bukalah panel actions (Windows > Actions)
  • Tulislah actionscript seperti dibawah ini
    on (release) {
    gotoAndPlay(“Quiz”, 1);
    }

Apa kalian tau maksudnya? Berikut adalah penjelasannya

on (release){
—> apabila tombol diklik dan akan merilis perintah diantara kurung kurawal “{ }”

gotoAndPlay (“Quiz”, 1);
—> tombol akan pergi dan memainkan pada scene “Quiz” dan frame 1. Bila kalian tidak menggunakan scene, juga bisa. Maka bisa kalian langsung tulis gotoAndPlay (10); yang berarti pergi dan memainkan frame 10

}
Dan jangan lupa untuk menutup masing-masing perintahnya ya… ^_~

Well, kurasa sekian dulu. Lain kali ku lanjutkan lagi. Mau beres-beres rumah nih ^0^

2 responses »

  1. Pingback: Membuat Tutorial Interaktif « Blog of Cikita Chan

  2. Pingback: Membuat Tutorial Interaktif: Penggunaan ActionScript Perintah (fscommand) « Blog of Cikita Chan

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s