======
INTRO
======
Ok this is a tutorial that describes how to make a button and improve on that so you will have a awsome looking button with a few extras.
Any Questions please Email Me or post here Thanks
=============
Let's Get Going
=============
1. Animated Button
ok this part will tell you how to make an animated button without actionscript
1.Create a New Button by going Insert>New Symbol and name it "anibut"
2.Now draw a circle on the up frame (45 width & 45 hight)
3.Now insert a keyframe on the over Frame and click on the circle and convert it into a Movie Clip (F8) and name it "anicircle"
4.Inside that anicircle MC add a keyframe on frame 5 and 10
5.On the 5th frame make the circle a bit bigger (55 width & 55 hight)
6.Now add a shape tween in between frames 1-5 and 5-10
** to add a shape tween click on the center of the frames 1-5 & 5-10 and open the properties panel and click the tween box and select shape
7.Now push CTRL + ENTER and the button should grow and shrink when the mouse goes over the button
Experiment with the above techniuqe and you could have your self an amazing button eg. a box melting,exploding
2. Buttonly Sounds
In this part you will find out how to add sounds to your buttons
1. Create a new button name it soundbut
2. Draw a circle on the up frame
3. Add a keyframe on the over frame
4. Now go File>Import to library... (for Flash MX)
or
File>Import>to Library... (for Flash Mx 2004)
5. now that you have your sound open the library (CTRL + L) and drag the sound onto the over frame of the button
6. Push CTRL + ENTER and when you mouse over the button it should play the sound you imported
--Now your think that maby you want the sound to stop when the mouse isn't over the button--
Well this can be done in one easy step
7. Click on the button on the main scene, open the actions panel (F9) and add these actions to it:
on (rollOut) {
stopAllSounds();
}
INFO
on (rollOut) means when the mouse Isn't over the mouse
stopAllSounds(); Means stops all the currently playing sounds
8. Now push CTRL + ENTER and see if the button works.
3. Other Buttonly Fun
Ok in this part you will learn that buttons can do heaps of stuff (really)
but here we will do a simple animate the cursor button
Fisrt of all a custem Cursor
Ok so you wanna make a custom cursor for your flash movies?
well read below and find out how!
1. Create a Movie Clip (from now on it's MC) by going insert>new symbol name it cursor
2. Now draw a circle
3. Now this is an important part so LISTEN WELL.
You have to make sure the clicky part of the cursor is centered in the middle of the MC
4. Go to the main scene and open the libray (CTRL + L) and drag the cursor on to the stage
5. Now click on the cursor and open the actions panel (or push F9) and put these scripts onto the cursor
onClipEvent(load) {
Mouse.hide();
startDrag(this,true);
}
MAKE SURE TO GOVE THE INSTANCE NAME OF WOW
INFO
onClipEvent(load) Means when the flash player loads
Mouse.hide(); Means Hides the normal windows mouse
startDrag(this,true); this will drag the cursor MC in the place where the normal windows cursor is suppose to be
**NOTE**
Increase the FPS to make the cursor movement smotther
6. Now on frame 2 on the cursor MC add a KeyFrame and Change somthing about that cursor so it's different then the first frame one
7. Add a new layer in the cursor MC and name it "Actions" and add this actions on the first frame of it:
stop();
INFO
stop(); Means stop the MC from playing any more of it
8. Now it's time to make a Button (again...)lol name it "button"
9. Draw a circle on the up frame
10. Add a Keyframe on the over frame (no need to chancge th circle this time)
11. now go to the main scene and drag the "button" onto the main scene and open the actions panel (F9) and add these actions to it..
on(rollOver) {
_root.wow.gotoAndStop(2);
}
on(rollOut) {
_root.wow.gotoAndStop(1);
}
INFO
on(rollOver) Means when the cursor goes over the button
_root.wow.gotoAndStop(2); this finds the MC cursor(instance with the name of wow) and goes to and stops on frame 2
on(rollOut) When the Mouse Isn't over the button
_root.wow.gotoAndStop(1);finds the MC cursor(instance with the name of wow) and goes to and stops on frame 1
12. Now Push CTRL + ENTER and test your movie when your go over the button the cursor sould change to what you made it AND when your cursor is off the button it should go back to normal.
================
OMFG Thats Heaps
================
Yeah it is a lot of text but it is what you can do with buttons so go now and create an amazing button here is an example
have a ballon as the button
Have a pin as a cursor
When the mouse goes over the ballon a poping sound playes and the ballon explodes
Well thats all ENJOY!!!
