Cara mudah membuat Menu Flash Horizontal

Share

Kali ini saya akan mengajarkan beberapa trik kepada anda mengenai bagaimana Caranya Membuat Menu Flash Horizontal menggunakan Macromedia Flash Player.

Tutorial ini, saya akan menggunakan ActionScript 3 untuk animasinya. Dalam tutorial ini kami juga akan menggunakan varian warna pada menunya. berikut contohnya

Bagus Bukan. Mari kita buat bersama.

Catatan : Anda memerlukan TweenMax untuk menyempurnakan hasilnya nanti.

1. Buat sebuah dokumen Flash baru berukuran 400×100
2. Kemudian buatlah sebuah objek persegi panjang tanpa stroke apapun. Saya menggunakan nilai 3 ( untuk sudut dibulatkan ), kemudian untuk ukuran Persegi Panjang tidak masalah. nanti bisa diubah melalui ActionScript
3. Konvert Persegi panjang ke Klip Movie, beri nama “Button Background” dan atur pint utama ke tengah. berikut bagaimana persegi panjang saya terlihat.

4. Berikan nama dari Klip Movie Latar belakang tombol misal, “buttonBackground”
5. Kemudian nama dari Layer “button bakground”. Kemudian buat layer baru dengan nama “buttons”
6. Di Layer “buttons”, buat kolom teks statis dan ketik “home” di dalamnya. Saya menggunakan ukuran font 21. buat kolom teks yang berukuran sama persis dengan teks yaitu (no extra space)
7. konvert kolom teks ke klip movie. berikan nama “Home Button” dan registration point ke pusat

8. Sekarang buat 3 atau lebih menu persis seperti langkah no 5 dan 6. Terserah anda. Jika sudah terkumpul, nantinya akan terlihat seperti dalam daftar berikut

9. Ratakan semua button ke horizontal

10. Sekarang beri nama misal, tombol “homeButton“, “portfolioButton“, “aboutButton” dan “contactButton“.

Memindahkan ke ActionScript 3

11. Buat Layer baru untuk ActionScript dan ketik seperti kode di bawah

//Import TweenMax
import gs.*;
import gs.plugins.*;
TweenPlugin.activate([BlurFilterPlugin]);

//Add the buttons into an array
var buttonsArray:Array = new Array(homeButton,portfolioButton,aboutButton,contactButton);

//Loop through the buttons array
for (var i:uint = 0; i <>

//Add event listeners for the button
buttonsArray[i].addEventListener(MouseEvent.MOUSE_OVER, mouseOverButton);
buttonsArray[i].addEventListener(MouseEvent.CLICK, buttonClicked);
}

//Move the buttonBackground under the home button (= starting position)
buttonBackground.x = homeButton.x;
buttonBackground.y = homeButton.y;

//Make the buttonBackground a bit bigger than the home button
buttonBackground.width = homeButton.width + 10;
buttonBackground.height = homeButton.height + 10;

//Tween the buttonBackground to a random color using TweenMax
TweenMax.to(buttonBackground, 0.1, {tint: Math.random() * 0xffffff});

//This function is called when the mouse is over a button
function mouseOverButton(e:Event):void {

//Assign the button to a local variable
var button:MovieClip = (MovieClip)(e.target);

//Calculate the new target width and height for the buttonBackground
var targetWidth:Number = button.width + 10;
var targetHeight:Number = button.height + 10;

//Tween the buttonBackground's position, size and color (color is random)
TweenMax.to(buttonBackground, 0.5, {x: button.x, y: button.y,
width:targetWidth, height:targetHeight, tint: Math.random() * 0xffffff});
}

//This function is called when a button is clicked
function buttonClicked(e:Event):void {

//Add your logic here!
trace(e.target.name + " was clicked!");
}

12. Sekarang menu Flash horizontal Anda sudah siap! Silakan tes film Anda. Anda bebas untuk menggunakan menu ini mana pun yang Anda inginkan jika Anda merasa berguna!



Sumber: http://akhatam.com/cara-mudah-membuat-menu-flash-horizontal/

Share

Related Post

Copyright 2011 Looking News - Template by Kautau Dot Com