JoM BaCe EntRy ni SeMua

Saturday, October 20, 2012

Jom belajar Buat Button ngan EA


Tutorial untuk mencipta “BUTTON” (“PLAY”, “STOP”,”PAUSE”)
**sambungan daripada tween. Tutorial ini hanya berfungsi apabila anda telah menyiapkan “tweening”kemudian tambah satu layer baru untuk teruskan.

11)      Tetapkan warna latar belakang pada “layer” pertama.
·         Tekan pada “layer” tukar nama(Petak kuning)
·         Untuk warna “background” tekan pada paparan(lihat anak panah warna biru)
à “properties” à “Background”
*Tukar warna mengikut citarasa masing-masing.

2)      Tambah “layer baru”. “rename” button à tekan paparan à tekan “rectangle tool”à lukis bentuk                pada paparan.
*Jika ingin mengubah bentuk serta warna garisan sila rujuk pada “properties”à “Rectangle option”.

3) Menukar objek yang dilukis menjadi “button”.
        tekan“selection tool”à tekan pada objek yang dilukis. àpergi ke menu bar “Modify” à             “Symbol”à “Button”

                                *pada “pop up window” yang keluar, kemudian tukar nama kepada “btn_1” kemudian ”type”, tukar  “button.


4) Pilih “text tool” à Tulis “PLAY” dalam petak button
5)      Tekan pada petak “button” à “Right click” à Action . Kemudian taip script seperti dalam rajah dibawah.





Untuk memeriksa sama ada kod yang dimasukkan tadi betul tekan (√) pada paparan “script”.





** Kemudian ulang perkara yang sama daripada nombor 3 pada “layer” yang sama dan tidak perlu menambah “layer” baru.

** Untuk nombor yang ke 4, tukar nama “button” menjadi “btn_2”(PAUSE) dan “btn_3”(STOP).

**Untuk nombor 5, tulis “PAUSE” pada “button pause” dan “STOP” pada “button stop”.

** Untuk “button PAUSE” taip kod seperti berikut:





** untuk “button STOP”

Ini adalah hasilnya. 
Untuk menjadikan “button” tersebut bertukar warna apabila “cursor” menyentuh “button”.

“Double Click” pada “button”(pastikan selection tool aktif) à “right click” pada frame “over”à “insert keyframe”à tukar warna “button” tersebut kepada warna lain.
 Lihat hasilnya. J selamat mencuba.





No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Related Posts Plugin for WordPress, Blogger...