Membuat Tombol Play dan Stop Flash CS3

Perkembangan animasi telah demikian maju, animasi interaktif bukan lagi masalah yang sulit untuk diciptakan, untuk membuat animasi dan interaksi di dalam animasi secara interaktif maka menggunakan perintah action script.

Tutorial yang saya buat ini mengenalkan perintah action script di dalam tombol (button). Sebagai gambaran ada objek yang di beri animasi motion tween, yang bergerak setelah itu di beri dua objek tombol untuk memulai dan menyetop objek tersebut. Seperti gambar berikut.

Langkah 1

Buat objek lingkaran di dalam layout menggunakan shape tools pilih oval tools.

Langkah 2

Convert objek lingkaran tersebut menjadi movie clip (F8), pada registrasion klik kotak tengah, ubah namanya menjadi bulat. Klik oke, maka objek sudah menjadi movie clip.

Langkah 3

Ubah nama layer1, pada frame klik dua kali pada layer 1, ubah menjadi lingkaran.

Langkah 4

Tambahkan animasi motion tween di dalam frame, klik kanan mouse di frame 50, pilih insert keyframe, pada frame ke 49, klik kanan mouse pilih motion tween. Tampil tanda panah dari frame 1 – 50.

clip_image015

Langkah 5

Pointer masih diposisi frame ke 49 atau 50, pindahkan objek lingkaran tersebut dari kiri ke kanan. Klik objek lingkarannya pindahkan ke kanan layout. Jalankan (Ctrl + Enter) hasilnya animasi lingkaran bergerak dari kiri ke kanan. Buat dua tombol untuk play dan stop didalam layer yang berbeda.

Langkah 6

Tambahkan layer baru, isi menggunakan shape tools, pilih rectangle tools, tambahkan text di atas objek kotak, buat tulisan “stop”. Untuk warna sesuai selera anda.

Langkah 7

Seleksi objek kotak dan teks tersebut, convert symbol menjadi type button (F8), name ketik stop klik ok, jadilah kotak dan teks stop menjadi objek tombol.

Langkah 8

Masih di objek tombol, ubah instance name di dalam properties menjadi berhenti.

Langkah 9

Kita isi action script di dalam tombol stop, seleksi objek tombol stop, tekan tombol (F9), masuk ke dalam jendela action script, perhatikan judul di kanan atas, pastikan tertulis Actions – Buttons.

Ketik kode berikut :

Langkah 10

Untuk tombol play, lakukan seperti pada langkah ke-6 s/d 10, yang di ubah hanya teks nya saja, ingat buat layer baru untuk tombol play. Pada convert symbol name nya isi play, untuk properties instance name nya isi mulai. Seperti pada gambar berikut :

Isi script untuk tombol play seperti berikut :

Maka kita telah membuat action script sederhana yakni stop dan play untuk objek yang di isi animasi.

Keterangan script :

On (press) : perintah dijalankan pada saat objek tombol di tekan (press).

Stop() dan play() : perintah untuk menghentikan objek dan menggerakkan objek.

Untuk hasilnya bisa kamu lihat dilink berikut : http://staf.PalComTech.com/agus_rais/action_tombol.swf

Media Center

Media Center merupakan sarana komunikasi dan interaksi warga belajar PalComTech.

7 comments

  1. privat boleh dak pak.

  2. waduh yang diatas…sipo ni, privat..hmm asal bayaran nya mahal mu, hehehehehe

    saya juga maseh pemula, baru belajar juga

  3. hohoho, belajar bareng kito yo dak pak:D

  4. dak galak ah, bayaran nyo pasti murah…hehehe kami kan newbie…secaro dak ye…

  5. sombong ah mbah :P

  6. wau membikin tombol ituh cara ya gue udah paham sekarang , entr gue coba dech :)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

[+] kaskus emoticons nartzco