Membuat Drop Down Menu di Macromedia Flash 8

Berikut Cara Membuat Drop Down Menu di Macromedia Flash 8

1. Seperti biasa, jalankan software Macromedia Flash 8

2. Buat file baru File > New. Untuk ukuran stagenya terserah, kalo gue pakai settingan yang default aja.

3. Abis tuh, buat kotak dengan Rectangle Tool. Isikan tulisan “Menu Saya” dengan Text Tool.Seleksi kotak dan tulisan tersebut, kemudian tekan F8 untuk melakukan Convert To Symbol. Pilih Movie Clip dan beri nama “menu-saya”, lalu tekan OK.

4. Nah, kotak dan tulisan telah tergabung menjadi satu symbol dengan jenis Movie Clip. Kini saatnya kita masuk ke dalam Movie Clip tersebut untuk membuat dropdown menunya. Klik 2 kali pada symbol movie clip “menu-saya”.

5. Setelah masuk ke symbol movie clip “menu-saya”, buat layer baru dengan nama “tombol-indikator”. Klik layer tersebut, dan kembali kita membuat sebuah kotak dengan Rectangle Tool dan beri warna abu-abu. Seleksi kotak yang berwarna abu-abu, tekan F8 untuk melakukan Convert To Symbol. Pilih Button, dan beri nama “tombol”.

6. Kita posisikan objek tombol tersebut di atas kotak yang pertama. Seleksi objek tombol tersebut, Tekan Ctrl + F3 untuk membuka kotak dialog Properties. Pada Color, pilih Alpha dan set ke opacity 0%.

7. Objek tombol akan menjadi transparan. Seleksi objek tombol transparan tersebut, kemudian tekan tombol F9 untuk menampilkan kotak dialog Action Script. Kini kita akan menanamkan sedikit script pada tombol tersebut. Ini gambar scriptnya :

8. Saatnya kita membuat sub menu untuk tombol diatas. Kembali buat sebuah layer baru dengan nama “sub-menu”.

9. Klik pada ada layer sub-menu, dan buat lagi sebuah kotak dengan Rectangle Tool yang berukuran lebih besar dan beri warna orange. Posisikan di bawah objek tombol. Tekan F8 untuk melakukan Convert To Symbol. Pilih Graphic, dan beri nama “bg-sub-menu”.

10. Buat sebuah layer baru lagi dengan nama “masking”.

11. Copy objek kotak bg-sub-menu yang terdapat pada layer sub-menu. Kemudian tekan Ctrl+Shift+V untuk menempatkan kotak bg-sub-menu dengan posisi yang sama.

12. Tiba saatnya untuk membuat animasi tombol dropdownnya. Klik pada frame 30 di layer masking, tekan Shift dan tahan, klik pada frame 30 layer Layer 1. Tekan tombol F6 untuk memberi keyframe di frame 30 pada layer-layer yang telah diseleksi tadi.

13. Lakukan hal yang sama sesuai dengan cara diatas. Klik pada frame 15 di layer masking, tekan Shift dan tahan, klik pada frame 15 layer Layer 1. Tekan tombol F6 untuk memberi keyframe di frame 15 pada layer-layer yang telah diseleksi tadi.

14. Pada layer masking, buat motion tween di antara frame 1-15 dan frame 15-30.

15. Pada layer masking, klik pada keyframe di frame 1. Klik objek masking pada stage, pada Properties bar ubah nilai y menjadi -81.2. Masih pada layer masking, klik pada keyframe di frame 30. Klik objek masking pada stage, pada Properties bar ubah nilai y menjadi -81.2.

16. Buat layer baru dengan nama “script”. Berikan keyframe pada frame 1 dan 15. Klik pada frame 1, tekan F9 untuk memunculkan kotak dialog Action Script. Ketikkan script stop(); . Lanjutkan klik pada frame 15, tekan F9 untuk memunculkan kotak dialog Action Script. Ketikkan script stop(); .

17. Buat layer baru dengan nama “tombol-sub-menu”. Berikan keyframe pada frame 15 dan 16, dengan cara klik pada frame 15 dan 16 lalu tekan tombol F6. Buat sub menu yang anda inginkan.

18. Saatnya melakukan masking pada animasi yang telah dibuat tadi. Klik kanan pada layer masking, pilih Mask. Otomatis layer tombol-sub-menu akan ditumpuk oleh layer masking. Klik kanan layer sub-menu, pilih Properties. Beri centang pada pilihan Masked, dan klik OK.

19. Buat layer baru kembali dengan nama “rollout”. Berikan keyframe pada frame 15 dan 16. Klik pada layer 15, dan buat sebuah objek seperti gambar di bawah ini (dengan menggunakan Rectangle Tool).

20. Seleksi objek tersebut, dan Convert to Symbol dengan type Button. Set menjadi alpha, dengan opacity 0%. Tekan F9 untuk memunculkan kotak dialog Action Script. Dan ketikkan script di bawah ini.

Tautan

21. Step terakhir, jalankan animasi dengan menekan tombol Ctrl+Enter.

Untuk file contohnya dapat di download disini (Download Source). Oke deh, selamat mencoba yaw dan silahkan dikembangkan sesuai keinginan anda. Kalo udah bisa buat yang lebih sempurna, comment kesini yaw, kan kita bisa belajar bareng. Semoga berhasil. Happy Blogging…..

Komentar

  1. Johnter Rangga5 Juli 2012 pukul 10.37

    bagaimana caranya jika di klik pada sub menu maka kembali ke scane sebelumnya.(menu saya)bukn url ke link tapi kmbali ke scan seblumnya dan frame 2.

    BalasHapus
  2. NewrSky-Info6 Agustus 2012 pukul 13.10

    kalo bukan url,, tinggal ganti di action scriptnya. pake script assist biar lebih mudahnya...

    BalasHapus
  3. Abi18 Maret 2014 pukul 14.16

    mantep gan,,,
    lanjutkan tutorial yg lainnya :3

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Monitoring Suhu dan Kelembaban Menggunakan DHT11, NodeMCU, MQTT, Node-Red dan MySQL

Gambar
[DRAFT] Pada artikel kali ini, disini saya akan menyampaikan mengenai bagaimana memonitor suhu ruangan menggunakan DHT11, NodeMCU, NodeRed MQTT dan MySQL/MariaDB Database. Barang-barang yang perlu disiapkan : Arduino IDE NodeMCU Kabel Jumper (male-male) 3 pcs Sensor DHT11 Breadboard (optional)  Kabel microusb (untuk power) Wifi Connection (Mobile Tethering dll) Termux/VM/Container yang menjalankan MQTT Broker / mosquitto (apt install mosquitto (debian/termux based), yum install mosquitto (redhat based), apk add mosquitto (alpine)) MySQL/MariaDB (cara install sudah pernah dibahas) NodeRed (cara install sudah pernah dibahas) Berikut tahap-tahapnya : Konfigurasikan board NodeMCU dan DHT11 menjadi berikut : Pin + pada DHT11 dihubungkan ke pin 3v3 pada NodeMCU Pin - pada DHT11 dihubungkan ke pin Ground pada NodeMCU Pin tengah pada DHT11 dihubungkan ke pin D5 pada NodeMCU https://circuits4you.com/wp-content/uploads/2019/01/NodeMCU-DHT11-DHT22.png Hubungka...
Baca selengkapnya

[Termux] Nginx sebagai Load Balancer dan Web Server

Gambar
Artikel kali ini akan membahas mengenai bagaimana cara membangun sebuah load balancer web server menggunakan nginx pada smartphone Android dengan topologi berikut : Topologi Hal-hal yang perlu dipersiapkan dalam artikel ini diantaranya : Sebuah HP Android yang telah terinstall termux Niat dan usaha Penjelasan mengenai termux dan nginx, dapat dibaca di halaman dokumentasinya di link termux dan nginx . Walaupun pada artikel ini telah disebutkan spesifik menggunakan termux, tapi konfigurasi yang tertera pada artikel dapat diaplikasikan dalam lingkungan sistem operasi lain seperti windows, distro-distro linux, *BSD, dll. Pembaca hanya perlu menyesuaikan path-path dan perintah instalasi yang tertera pada artikel dengan path dan perintah instalasi yang ada pada lingkungan sistem operasi yang digunakan. Langsung saja berikut tahap-tahap yang akan dilakukan : Buka termux Install nginx dengan perintah pkg install nginx nano Masuk ke direktori /data/data/com.termux/files/usr...
Baca selengkapnya

Bagian-Bagian Motherboard(Mainboard) dan Fungsinya

Gambar
Processor atau CPU (unit pemroses pusat) mempunyai fungsi untuk membaca dan menginterprestasikan instruksi, melakukak eksekusi, dan menyimpan hasil-hasil dalam memory. CPU yang digunakan mempunyai bus data 16,32 atau 64 bit. MOTHERBOARD Motherboard atau disebut juga dengan Papan Induk Motherboard merupakan komponen utama dari sebuah PC, karena pada Motherboard-lah semua komponen PC anda akan disatukan. Bentuk motherboard seperti sebuah papan sirkuit elektronik. Motherboard merupakan tempat berlalu lalangnya data. Motherboard menghubungkan semua peralatan komputer dan membuatnya bekerja sama sehingga komputer berjalan dengan lancar. Komponen-komponen motherboard 1. Konektor Power Konektor power adalah pin yang menyambungkan motherboard dengan power supply di casing sebuah komputer. Pada motherboard tipe AT, casing yang dibutuhkan adalah tipe AT juga. Konektor power tipe AT terdiri dari dua bagian, di mana dua kabel dari power supply akan menancap di situ. Pada tipe ATX, kabel power supp...
Baca selengkapnya