FLASH PEMULA: CARA MEMBUAT CLOSE BUTTON & KONFIRMASI MENGGUNAKAN FLASH

[ww]-Share

Salam hangat, terus berbagi walau hanya sebuah tutorial sederhana. Kali ini Saya ingin berbagi tentang bagaimana membuat tombol keluar pada Macromedia Flash (saya masih pakai Macromedia :P , belum dg Adobe, sudah kuno, tapi fungsinya masih tetep sama). Intinya,, kita akan coba buat fungsi tombol keluar ketika diKlik akan muncul konfirmasi “YA” atau “TIDAK”. Fungsi ini biasa Saya gunakan pada Multimedia Interaktif ataupun software-software Pembelajaran Mandiri yang Saya buat dengan Flash. Sangat menarik.

Okey,, untuk lebih jelasnya, silahkan simak tutorial Flash Cara Membuat Close Button dg/berisikan Konfirmasi.

1.        Seperti biasa, buka Program Flash, lalu pilih Flash Document. Ganti Background sesuai keinginan.

 

2.        Pertama, kita buat tombol closeNya dulu, bisa anda buat sesuai dengan selera :D

Misal dg Rectangle Tool dan Text. Seperti berikut.

 

3.        Convert menjadi “Movie Clip” dulu. Klik Kanan pada “calon” button yg sudah tadi kita buat, lalu pilih “Convert to Symbol” à Ganti Name: ‘Close” à “Movie Clip” à “OK”  (Sesuaikan dengan gambar berikut)

4.        KLIK DOUBLE (KLIK DUA KALI) pada Movie Clip yg sudah kita buat tadi. Pastikan kita bekerja pada Area Movie Clip yg sudah kita buat tadi. #EditSymbolsClose.

 

5.        Convert lagi menjadi “Button”. Klik Kanan à Convert to Symbol à Name: Button Close à Button à OK 

6.        Pastikan anda masih bekerja pada Symbol ‘close’ ( Area Movie Clip ‘close’). Kemudia tambah layer. 

7.        Ganti nama Layer 1 menjadi button;  Layer 2 menjadi konfirmasi. Lihat gambar. 

8.        Klik kanan Frame ke 10 pada Layer Button, lalu pilih “Insert Keyframe" 

9.        Klik kanan Frame ke 10 pada Layer Konfirmasi, lalu pilih “Insert Blank Keyframe"

10.      Pastikan anda berada pada FRAME 10 LAYER KONFRIMASI. Selanjutnya kita akan buat Blocking pada seluruh stage, ini fungsinya agar tombol/button lain tidak berfungsi selain tombol konfirmasi YA & TIDAK.

Klik  Rectangle Tool, lalu buat bentuk KOTAK HITAM (Alpha 50%) yang menutupi seluruh stage. 

11.      Convert kotak tersebut menjadi “Button”

12.      Buat gambar/objek Kotak Dialog Konfirmasi (seperti pada gambar) dibawah ini, menggunakan Rectangle tool & Teks tool. Kreasikan sekreatif mungkin.

13.      Jika sudah selesai membuat kotak dialog konfirmasi. Selanjutnya convert bakal tombol YA   dan   TIDAK menjadi symbol “Button”

14.      Sisipkan ACTION SCRIPT pada button YA.

Klik button YA  à  klik Actions–Button (pada bagian bawah)  à ketik/sisipkan script seperti berikut:

on (release) {

fscommand("quit",true);

}

15.      Sisipkan ACTION SCRIPT pada button TIDAK.

Klik button TIDAK  à  klik Actions-Button (pada bagian bawah)  à ketik/sisipkan script seperti berikut:

on (release) {

gotoAndStop(1);

}

16.      Klik FRAME 1 pada LAYER BUTTON,

17.      Sisipkan action script pada tombol close.

Klik tombol close, lalu buka Actions-button, lalu sisipkan script seperti berikut:

on (release) {

gotoAndStop(10);

} 

18.      Tambahkan Layer, lalu ganti nama menjadi “STOP”.

19.      Klik Frame 1 pada layer stop. Lalu sisipkan script berikut.

stop();

20.      Klik kanan pada Frame 10 pada layer stop. Lalu sisipkan script berikut.

stop();

21.      SAVE 

22.      PUBLISH

23.      TEST. TARAAA… Latihan membuat Close Button dengan Konfirmasi sudah selesai. Jika ada pertanyaan atau ada masalah… langsung WA aja  081915711304

WA       : 081915711304

PIN BB : 5204a3c0

FB        : http://www.facebook.com/wibawa42/

Jangan lupa bookmark     :   http://ariWibawa.com/