MACROMEDIA FLASH UNTUK PEMULA, MEMBUAT ACTION BUTTON & MENGHUBUNGKAN KE HALAMAN YANG DITUJU DENGAN SCRIPT “GO TO AND STOP”

[ww]-Share

Kali ini [ww] ingin berbagi mengenai cara membuat action buton & menghubungkannya ke halaman yg dituju. Jadi ketika salah satu buton di’klik maka akan menuju ke halaman yg dituju. Ini adalah dasar dari pengembangan media pembelajaran interaktif dengan menggunakan flash.

Mari simak Tutorial MACROMEDIA FLASH Cara Membuat Action Button & Menghubungkan Ke Halaman Yang Dituju.

1.    Seperti biasa, buka dulu Programnya, #sayaMasihMenggunakanYangJadul yaitu Macromedia Flash… tidak masalah yang penting konsepnya sama.

 

2.    Klik FLASH DOCUMENT

 

3.    Tambahkan Layer Lagi satu layer, sehingga menjadi dua layer klik icon seperti gambar di bawah.

 

4.    Ganti Nama Layer dengan Mengklik dua kali pada nama layer tersebut. Ganti “Layer 1” menjadi “ISI” & “Layer 2” Menjadi “BUTON”

 

5.    Pasikan anda berada pada layer “Buton” caranya klik Layer “buton”

 

6.    Lalu kita akan memasukkan buton (tombol) yang sudah tersedia pada flash (anda bisa membuat sendiri sesuai selera). Caranya klik menu Window à Common Libraries à Buttons.

Maka akan muncul seperti ini (kotak dialog Library – Button.fla). Ini adalah perpustakaan tombol-tombol pada flash. Anda bisa menggunakannya sesuai keperluan.

7.    Masukkan Tiga tombol/button ke ‘stage’ (kotak putih tempat kita bekerja). Caranya pilih salah satu tombol yang anda sukai dg membuka folder tombol tsb, setelah ketemu tombol yg pas di hati, drag tombol tersebut ke stage. Spt gmbr d bawah.

8.    SUSUN RAPI & ISIKAN TEKS seperti berikut

9.    Pastikan anda masih berada pada layer Buton, lalu klik Kanan pada Frame 40 & pilih Insert Frame.

  

10. Klik Layer “ISI” untuk berpindah ke layer ISI, lalu klik kanan pda Frame 10, kemudian pilih “INSERT BLANK KEYFRAME”

11. Next, kita akan memasukkan Bahan Materinya. PASTIKAN ANDA SUDAH MENDOWNLOAD “GAMBAR PENDUKUNG” yg saya berikan. Atau anda boleh mempersiapkan contoh materi sesuai selera. :D

### KLIK  FILE à IMPORT à IMPORT TO LIBRARY

Lalu akan muncul kotak dialog Import To Library.  CARI FILE gambar pendukung yg saya berikan atau materi anda sendiri, PILIH SEMUA, lalu KLIK OPEN.

Maka semua file/gambar tersbut masuk ke Library . look..

12. NEXT, PASTIKAN anda berada pada “FRAME 10” – ‘LAYER ISI’

LALU MASUKKAN MATERI/GAMBAR “AIR 1, AIR 2, AIR 3” dengan cara menDrag gambar tersebut ke stage. RAPIKAN.

13.  KLIK Kanan Frame 20 pada layer ISi, lalu pilih Insert Blank Keyframe.

14.  MASUKKAN GAMBAR/MATERI ANGIN dengan cara, Drag Angin 1, Angin 2, Angin 3 ke stage.

RAPIKAN!

15. Klik kanan pada Frame 30, layer ISI, lalu pilih Insert Blank Keyframe.

16. MAsukkan Materi/Gambar APi ke stage, caranya sama seperti sebelumnya.

RAPIKAN!

17. KLIK FRAME 1

  

18. KLIK TOMBOL “MATERI AIR”

19.  KLIK ACTION pada bawah stage

20.  Lalu masukkan Script seperti berikut. (copas aja)

on (release) {

     gotoAndStop(10);

 }

21.  Klik Materi ANGIN, lalu masukkan Script seperti berikut

on (release) {

     gotoAndStop(20);

 }

 

22. Klik materi API, masukkan script berikut.

on (release) {

     gotoAndStop(30);

 }

23.  Klik di Stage yg Kosong, lalu masukkan script berikut.

stop();

24. SAATNYA KITA TEST. Klik File à Publish Preview à Flash,, atau bisa dengan CTRL + Enter

25.  

26.  

 

27.  

 

http://wibawa42wean.blogspot.com    pin: 4204a3co    hp: 081915711304

TERIMA KASIH - selamat mencoba