Membuat Tombol Flash 8 (Drop Down Menu)

-
Preview
Saya membuat tombol drop down menu dengan menggunakan Action Scrip untuk menyembunyikan dan menampilkan sub menu. Ketika mouse mengklik ke tombol utama maka sub tombol lainnya akan muncul dibawah menu utama. Saya pikir sudah jelas tentang apa yang akan kita buat nanti. Langsung saja kita mulai.

1. Buat sebuah dokumen baru (dimensinya terserah anda)

2. Rename layer 1 menjadi Button

3. Buat 4 tombol, kemudian susun secara vertikal.

Buat 5 tombol yang berbeda namaAgar lebih mudah dan menyingkat waktu, anda cukup membuat 1 tombol saja kemudian digandakan (duplicate). Belum tahu cara menggandakannya...?? Caranya: Setelah anda selesai membuat satu tombol, buka Panel Library (CTRL+L) > klik kanan tombol yang ada didalamnya > Klik Duplicate.

Menggandakan Tombol

Agar tombol yang satu dengan yang lainnya tampak berbeda, anda harus mengeditnya satu per satu. Caranya: Klik kanan tombol baru dari hasil duplikasi > Klik Edit.

Mengedit tombol baru4. Beri instance name pada masing-masing tombol. Caranya: Klik tombol yang akan diberi instance name > Buka penel Properties (CTRL+F3) > Cari kotak bertuliskan instance name.

Memberi nama instance name

Tombol menu 1 (lihat gambar pada poin nomor 3) diberi instace name menu, tombol Sub 1 diberi instace name sub1_btn, Sub 2 diberi instace name sub2_btn dan Sub 3 diberi instace name sub3_btn.

5. Buat keyframe baru pada frame 10 pada layer Button (Klik frame 10 > F6). Klik frame 1 kemudian hapus (delete) tombol Sub 1, Sub 2 dan Sub 3 .

6. Buat sebuah layer baru dengan nama Actions. Klik kanan frame pertama > Actions, tuliskan action script berikut:

stop();
menu.onRelease = function(){
gotoAndStop(10);
}

Action script pada frame 1 (layer Actions)

6. Klik kanan pada frame 10 (layer Actions) > Actions, tuliskan action script berikut:

stop();
menu.onRelease = function(){
gotoAndStop(1);
}
sub1_btn.onRelease = function(){
getURL("http://www.tujuan1.com/", "_self");
}
sub2_btn.onRelease = function(){
getURL("http://www.tujuan2.com/", "_self");
}
sub3_btn.onRelease = function(){
getURL("http://www.tujuan3.com/", "_self");
}

Action script pada frame 10 (layer Actions)

7. Selesai. Tekan tombol CTRL+ENTER untuk melihat hasilnya.

Komentar

Posting Komentar

Postingan populer dari blog ini

21 Karya Seni Patung dan Biografi Dolorosa Sinaga

-
Gambar
Kali ini Kami akan membagikan kepada anda semua 21 gambar foto karya seni patung dari pematung indonesia yang sudah sangat terkenal Dolorosa Sinaga, Sebenarnya para pematung dan atau seniman patung di Indonesia cukup banyak, tetapi keberadaan mereka kurang terekspos sehingga mereka terkadang lebih dikenal di luar negeri di bandingkan masyarakat Indonesia sendiri. Dolorosa Sinaga adalah seorang seniman patung yang memiliki kepedulian sosial yang sangat tinggi. Karya-karya patungnya sangat ekspresif, mengingatkan  kita pada goresan kepedihan seniman Edward Munch, atau designer grafis yang berasal dari Jerman pada periode perang dunia pertama, Kaethe Kolwitz. Goresan, lekukan dan pahatan dari karya seni patung Dolorosa mengekspresikan kepedihan, sekaligus kekuatan dan ketegaran. meskipun demikian dalam karya seni patung dolorosa yang lain tampil pula beberapa patung dengan ekspresi cinta dan kelembutan seorang perempuan seperti dalam empat karyanya ibu dan anak. Biografi : Dolorosa Sinaga
Baca selengkapnya

PERBEDAAN INSERT FRAME DAN INSERT KEYFRAME ADOBE FLASH

-
Gambar
nsert Frame     :    digunakan untuk memperpanjang waktu tampil sebuah object. Insert Keyframe     : digunakan sebagai titik kunci perubahan sebuah object. Untuk lebih jelasnya ikuti langkah berikut. -    buatlah sebuah document baru pada flash.    Akan terlihat  layer 1  pada  timeline .     Pada layer tersebut buatlah sebuah object kotak. -     buat sebuah layer baru. ( klik pada icon new layer  ) Pada layer 2 tersebut buat object lingkaran. Catatan: Jika pada timeline layer 1 berada diatas layer 2 maka object kotak akan berada diatas object lingkaran. Sebaliknya jika layer 2 berada di atas layer 1 maka object lingkaran akan berada di atas object kotak. -     Pada  layer 1 , klik kanan pada  frame 30  kemudian pilih  insert frame .   -    Kemudian pada  layer 2 , klik kanan pada  frame 15 , pilih  insert frame . -    Jalankan animasi, pilih  control – test movie  atau  ctrl+enter  pada keyboard. Akan terlihat object
Baca selengkapnya