9/14/2018 3 Cara untuk Membuat Tombol di Flash CS4 - wikiHow

Cara Membuat Tombol di Flash CS4

3 Metode: Membuat Tombol dari sebuah Gambar dan Teks Menentukan Status Tombol Menambahkan Kode

Anda tentu sering melihat suatu animasi Flash dengan tombol besar di tengah-tengah gambar. Bila tombol ditekan maka
animasinya akan dimainkan. Selain memutar klip video, tombol di Flash CS4 juga dapat membantu untuk menavigasi Timeline
atau membuka jendela baru dari dalam animasi. Ikuti langkah-langkah untuk membuat tombol di Flash CS4 di bawah ini.

Metode
Membuat Tombol dari sebuah Gambar dan Teks
1

1 Buka dokumen baru di Flash CS4.

2 Pilih gambar untuk tombol Anda. Anda dapat menggambar bentuk lalu memilihnya atau mengambil
gambar yang sudah ada.
Jika Anda menggunakan gambar dari peramban, Anda harus menyimpannya ke cakram keras lalu tarik
dan tempel gambar itu ke dalam dokumen. Anda tidak dapat menyalin dan menempel gambar dari
peramban ke dalam Flash.
Anda juga dapat menyisipkan gambar yang disimpan ke dalam dokumen dengan cara memilih File >
Import > Import to Stage.

3 Tambahkan teks ke tombol. Pilih alat Text dari panel Tools lalu tuliskan teks di samping gambar tersebut.

4 Gunakan kursor untuk memilih gambar maupun teks. Buka kotak dialog Convert to Symbol dengan
menekan F8 atau dengan memilih Modify > Convert.
https://id.wikihow.com/Membuat-Tombol-di-Flash-CS4 1/4
9/14/2018 3 Cara untuk Membuat Tombol di Flash CS4 - wikiHow

5 Ketikkan nama "simpleButton" ke dalam isian Name lalu pilih Button dari menu pilihan menurun di
sebelah Type. Klik OK bila Anda telah selesai.

Metode
Menentukan Status Tombol
2

1 Klik ganda tombol lalu pilih Edit in Place dari menu pilihan menurun.

2 Lihat Timeline. Anda akan melihat judul dengan tulisan Up, Over, Down dan Hit.

3 Klik kanan Layer 1 dan pilih Insert Layer. Tata ulang lapisan sehingga Layer 1 yang berisi gambar dan
teks menjadi berada di atas.

4 Pilih semua 3 frame di kolom Over. Kolom Over menentukan bagaimana tombol tampil ketika kursor
diarahkan ke atasnya. Klik kanan lalu pilih Insert Keyframe dari menu pilihan menurun.

5 Klik keyframe Over di Layer 2. Ketika tombol muncul, gunakan alat bantu line untuk menggambar
sebuah garis lurus di bawah teks tombol. Keyframe Layer 2 akan tampil solid pada Timeline.

6 Pilih keyframe Layer 3 di bawah Over. Gambarlah sebuah persegi panjang yang cukup besar untuk
mengelilingi tombol Anda. Ketika kursor diarahkan ke atas tombol, Anda akan melihat garis bawah dan
persegi panjang muncul bersama tombol tersebut.

7 Pilih kolom Down, klik kanan, lalu pilih Insert Keyframe. Pastikan kolom Down tetap disorot.

8 Klik persegi panjang di sebelah kiri judul kolom Up. Ubah warna tombol dari warna melayang ke warna
lain. Hal ini untuk membuat tombol berubah warna ketika diklik.

Metode
Menambahkan Kode
3
https://id.wikihow.com/Membuat-Tombol-di-Flash-CS4 2/4
9/14/2018 3 Cara untuk Membuat Tombol di Flash CS4 - wikiHow

1 Gunakan kursor untuk memilih tombol Anda. Ketikkan nama "myButton" ke dalam isian Nama di panel
Properties.

2 Tekan F9 untuk membuka panel Actions. Masukkan kode berikut ke dalam jendela Actions:

function setupEvents() {
// associate events with event handlers
myButton.addEventListener(MouseEvent.CLICK, clickButtonHandler);
myButton.addEventListener(MouseEvent.MOUSE_OVER, hoverButtonHandler);
}
setupEvents();
function clickButtonHandler(e:MouseEvent) {
trace("Clicked Button!");
}
function hoverButtonHandler(e:MouseEvent) {
trace("Hovered Over Button!");
}

3 Pilih Control > Test Movie > Test Command. Aplikasi Anda akan muncul di jendela Flash Player.

4 Arahkan dan klik di atas tombol. Jendela Output akan menampilkan teks seperti "Hovered Over Button!"
atau "Clicked Button!" tergantung pada tindakan yang Anda buat.

Tips

Anda dapat memvariasikan Action Script untuk membuat tombol melakukan hal yang berbeda. Lihat panel Code
Snippets untuk kode Action Script bawaan untuk penggunaan tombol secara umum.

https://id.wikihow.com/Membuat-Tombol-di-Flash-CS4 3/4
9/14/2018 3 Cara untuk Membuat Tombol di Flash CS4 - wikiHow

Peringatan
Action Script 2.0 tidak kompatibel dengan Action Script 3.0. Karena itu Anda tidak bisa menyalin dan menempel kode
dari Action Script 2.0 ke dalam tombol Anda.

Hal yang Anda Butuhkan

Komputer
Adobe Flash CS4

Sumber

Buttons in Flash
Creating Buttons

https://id.wikihow.com/Membuat-Tombol-di-Flash-CS4 4/4