Buttons – Button with animation
 Start a new empty movie. Click on size-button. |
 |
|
Set Size to 150 px (width) x 100 px (height). Set Background Color to white. |
|
Step by step |
|
We start with menu insert > new symbol, giving it a fitting name (GO) and choose as behavior : button. |
 |
|
We now enter a new environment where we can determine the different parts of the button. |
 |
|
We will now start drawing the different fases of our button. Section up : In the section up you will see the button how it will be displayed on your page. We can now draw a rectangle and use the rectangle radius to round the angles. |
  |
|
If you click on Rectangle tools options a new dialogue frame will where we set the Corner Radius 20 Points. |
 |
 |
|
It is also possible to choose no border. |
 |
|
Afterwards you choose the color and the wanted text for on the button. |
 |
|
Section over : You then place a keyframe in the section over in the layer. Set here the background to a different color. |
 |
|
This is the color that will be shown when the Mouse hovers over the button. |
|
Section down : We place now a keyframe in the section down in het layer and again we chose a different backgroundcolor than the ones we have chosen before. |
 |
|
This is the color you will see when the button is pressed. |
|
Section hit : Now we place a keyframe in the section hit in the layer. It is not required to chose a color as this part will only determine where you can click the button. |
|
Afterward we select again your first scene in the tab at the layers. New in Flash MX is that you can click the back-arrow to return to the previous sheet (in our case Scene 1) |
 |
|
Now we obviously want to insert the button in our animation. For this we open the library by pressing window > library (ctrl+L) to the previous sheet. And then we drag our button to the desired location |
 |
|
Test your animation by using Control > Test Movie. |
This is a tutorial for Macromedia® Flash MX®.
Macromedia and HomeSite are trademarks or registered trademarks of
Macromedia, Inc. in the United States and/or other countries.
© Tim Beylemans. All rights reserved.
