0
Membuat tombol Navigasi sederhana - Hallo Sobat TEKANIMA23, Pada postingan yang anda baca kali ini dengan judul Membuat tombol Navigasi sederhana, kami telah mempersiapkan postingan ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Adobe Flash, animasi, animasi 2d, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat tombol Navigasi sederhana
link : Membuat tombol Navigasi sederhana

Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi itu berfungsi agar pengguna dapat berinteraksi dengan movie flash yang kita buat. Misalkan mereka ingin pergi kebagian tertentu, kita sebagai pembuat telah menyediakan navigasi yang berupa tombol
untuk mereka klik.

Langsung saja yah….

  1. Buka program flash tentunya, setelah itu buat file baru dengan properties tertentu, saya pakai ukuran 800x600.
  2. Pada frame 1 buat teks dengan Teks Tool dan propertisnya teks statis bertuliskan “Home”.

  3. Klik frame 1, kemudian ganti “Frame label” dengan “home” setelah itu tekan Enter.

  4. Klik kanan frame 10 pilih Insert Blank Keyframe, kemudian buat teks statis “Materi”. Klik lagi frame 10 dan ganti “Frame label” dengan “materi” dan tekan Enter.

  5. Buat lagi seperti langkah no. 4 diatas pada frame 20 dengan teks statis bertuliskan “Latihan” dan “Frame label” diganti dengan “latihan”, kemudian pada frame 30 dengan teks statis bertuliskan “Contoh” dan “Frame label” diganti dengan “contoh”.
  6. Buat layer baru dan beri nama layer dengan nama “tutup” dengan cara klik dua kali pada tulisan “Layer 2”. Kemudian klik frame satu layer “tutup” dan buat teks statis “Tutup”.

  7. Kemudian klik kanan pada tulisan “Tutup” pilih Convert to Symbol pilih type button dan beri nama “tutup_btn” dan klik ok.

  8. Buat layer baru lagi dan beri nama “tombol”.
  9. Klik pada frame satu layer “tombol “ kemudian import tobol dari panel Component. Caranya adalah dengan klik Windows kemudian pilih components. Dari panel Componens pilih User interface kemudian pilih button. Kemudian drag(klik tanpa dilepaskan) dan geser kedalam stage.

  10. kemudian tutup panel Components dan rubah Instance name dari keempat button tersebut masing masing “home_btn”, “materi_btn”, “latihan_btn”, “contoh_btn” dan lebelnya masing masing “home”, “materi”, “latihan”, “contoh” dengan cara klik satu persatu dan merubahnya pada panel parameters.

  11. Buat layer baru lagi dan rubah namanya “skrip”, klik pada frame pertama dan buka jendela Actions kemudian masukan Action Script di bawah ini :

    stop()
    home_btn.onPress = function(){
    gotoAndStop("home");
    }
    materi_btn.onPress = function(){
    gotoAndStop("materi");
    }
    latihan_btn.onPress = function(){
    gotoAndStop("latihan");
    }
    contoh_btn.onPress = function(){
    gotoAndStop("contoh");
    }


  12. Kemudian klik kanan tombol tutup dan pilih Actions dan masukan Action Script di bawah ini :

    on(release){
    fscommand("quit","true");
    }


  13. Langkah terakhir adalah menyimpan dokumen, beri nama Tombol navigasi.
  14. Kemudian Klik Ctrl+Enter. Dan lihat hasilnya pada tempat dimana kita menyimpannya, selesai.

Untuk mendownload file pdfnya silahkan klik DISINI

Untuk mendownload file swfnya silahkan klik DISINI




Demikianlah postingan Membuat tombol Navigasi sederhana kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan berikutnya.

Anda sekarang membaca postingan Membuat tombol Navigasi sederhana dengan alamat link https://tekanima23.blogspot.com/2009/04/membuat-tombol-navigasi-sederhana.html

Postingan Menarik Lainnya :


Membuat tombol Navigasi sederhana

Post a Comment

 
Top