Yep, it’s another oldie. Basic button setup for all the newcomers out there.
FrozenHaddock Tutorials: Buttons
In this tutorial I’m going to cover how to set up a basic button. If you’re looking
for codes for buttons or advanced buttons techniques, please check our other tutorials. I’ll explain the 4 button states, and which one your button will display
and when.

First of all, you’ll need to draw a shape to use for your button.
For the sake of the tutorial I have used a rounded rectangle set to 15pts.

Here’s what I have now, I have deleted the stroke, but thats a matter of preference.

Now, select it and change the width and height to 95 and 30 respectively.

Now select the shape, and hit F8. Change the type to button, and name your button accordingly.
![]()
Double click the button, Your timeline should have this at the top now.

And your actual timeline will look like this.

Insert a keyframe in each frame.




Now, edit your button according to what frame it is on
| State | Effect |
| Up | Default showing. |
| Over | Shows when you rollover the button with the mouse. |
| Down | Shows when you are over the button and the mouse is clicked. |
| Hit | This is the area your button is clickable. This state doesnt show. |

You can insert layers, just like a normal timeline.

These are usefull for seperating text, etc.
![]()
![]()
![]()
![[del.icio.us]](http://frozenhaddock.co.uk/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://frozenhaddock.co.uk/wp-content/plugins/bookmarkify/digg.png)
![[Google]](http://frozenhaddock.co.uk/wp-content/plugins/bookmarkify/google.png)
![[StumbleUpon]](http://frozenhaddock.co.uk/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Windows Live]](http://frozenhaddock.co.uk/wp-content/plugins/bookmarkify/windowslive.png)
![[Yahoo!]](http://frozenhaddock.co.uk/wp-content/plugins/bookmarkify/yahoo.png)
![[Email]](http://frozenhaddock.co.uk/wp-content/plugins/bookmarkify/email.png)


July 17th, 2008 at 11:40 am
[...] you can design your menu, it should have a play button of course, and our tutorials on buttons are here, and here. Make sure that you have a stop(); action on this frame, and that you change the buttons [...]
August 31st, 2008 at 2:20 pm
Wow. I missed this one. Yet a nice an effective way of making a button Knew it already, but didn’t know about the up, over, down, hit thing. Thanks.
September 2nd, 2008 at 11:25 pm
you really should show us how to make the button usable so it takes you somewhere
September 2nd, 2008 at 11:29 pm
Right here:
http://frozenhaddock.co.uk/2008/06/basic-buttons-2-simple-actions/