Cara Mudah Membuat Tombol di Flash

Cara Mudah Membuat Tombol di Adobe Flash - Dalam pembahasan tentang 5 Hal yang Perlu Diketahui Dalam Pembuatan Media Pembelajaran Interaktif diumpamakan tombol adalah pintu, nah pintu inilah yang akan menghubungkan frame ke frame, scene ke frame, movie clip ke scene, dll.
Namun kali ini kita akan pelajari cara membuat tombol terlebih dahulu.

Langkah awal siapkan bahan sebagai berikut :
  • Adobe/Macromedia Flash (sudah pasti)
  • Gambar/Vector Tombol Up
  • Gambar/Vector Tombol Over
  • Gambar/Vector Tombol Down
Bahan serta contoh jadi bisa di download di sini

Langkah berikutnya yaitu kita mulai mengoperasikan Adobe Flashnya :
1. Buka Adobe Flash, saya memberikan contoh menggunakan ActionScript 2.0

2. Untuk Latihan, kita gunakan pengaturan Default saja. milik saya seperti ini.
 

3. Kemudian Drag gambar tombol yang sudah di download tadi ke Adobe Flash, ingat drag ke Library. Seperti gambar di bawah ini :

4. Ok kita anggap sudah selesai tahap import, sekarang kita bermain di Layer
Ganti nama "Layer 1" menjadi "tombol", ini bermaksud agar kita terbiasa menata dan mengkategorikan lembar kerja kita. Hal sepeleh yang mungkin berakibat agak fatal.

5. Setelah itu copy "tombol up" yang ada di Library tadi lalu paste di halaman kerja, caranya
klik tombol up >> tekan Ctrl+C >> klik lembar kerja (Stage) >> tekan Ctrl+V atau klik kanan "Paste in Place"
Kenapa "Paste in Place" karena setiap kita Paste in Place maka tempatnya akan sama. Sehingga kita tidak perlu repot menaruh gambar sama (seperti contoh tombol di tutorial ini) tanpa harus menata dengan repot.
Atau kita juga bisa menata sendiri dengan cara mengatur pada Properties X=... Y=... (isi titik-titik dengan angka yang kalian inginkan). terserah mana yang kalian gunakan, keduanya memiliki kelebihan dan kelemahan masing-masing.
Jika berhasil akan tampil seperti di bawah ini :
 
6. Klik kanan pada gambar tadi pilih Convert to Symbol >> Button

7. Klik 2x pada Button "tombol" tadi nanti di keyframe akan tampil seperti berikut :

8. Kemudian blog frame ke 2 sampai frame ke 3 >> klik kanan >> Convert to Blank Keyframe
Lalu klik pada frame ke 2, copy paste gambar "tombol over" (yang berwarna hijau) seperti langkah no 5 tadi. ulangi langkah tersebut untuk "tombol down" (yang berwarna kuning) di frame 3. nanti akan seperti gambar di bawah ini :

9. Kita sudah selesai  membuat tombol, sekarang kita akan menduplicate tombol serta memberi Text Nama pada masing-masing tombol.
Dalam langkah ini, yang perlu dipahami yaitu bahwa kita membuat Button berarti kusus untuk button, masalah Text Nama kita menaruhnya bukan di dalam Button melainkan ada di atas/luar Button. 
Untuk lebih jelasnya perhatikan langkah/gambar berikut ini :
10. Kita keluar dulu dari Button "tombol" tadi dengan cara klik 2x di luar stage atau bisa langsung dengan klik Scene 1, sehingga kita sudah tidak berada di dalam Button.
11. kemudian buat Layer baru dengan nama "Text tombol"
12. Pada Layer "Text tombol" frame 1 kita memberi Nama tombol, pilih Text tools kemudian klik tepat di tengah-tengah tombol tadi dan kita ketik nama "Play".
13. Selanjutnya kita Duplicate tombol tadi dengan cara blok kedua layer kemudian Drag tombol ke bawah sambil menekan Shift agar posisi tetap sejajar juga tekan Alt untuk menduplicate.
14. Pada tombol Duplicate tadi ganti Text tombol "Play" menjadi "Stop".
Jika berhasil akan seperti gambar di bawah ini :

15. Tekan Ctrl+Enter untuk tes projek.

(untuk lebih jelasnya bisa berkomentar di bawah)


 Semoga bermanfaat.

2 Responses to "Cara Mudah Membuat Tombol di Flash"

  1. terima kasih mas, semoga bermanfaat untuk anak anak yang sebentar lagi UKK media interaktif

    ReplyDelete
    Replies
    1. aamiin, terima kasih atas kunjungan saudara.. :)

      Delete