This document introduces you to more design possibilities in the construction of Flash Buttons. For more resources on performing specific actions with buttons, see Additional Information at the bottom of this document.
To get the most out of this TechNote, an understanding of creating basic buttons is required. We recommend doing the "Buttons" Lesson within Flash (Available from the Help menu). More button resources are available in Additional Information at the bottom of this document.
Hit states are important to understand when designing a complex button. Its shape and area represent the active area of the button. Become familiar and comfortable with the Hit state.
The Up, Over and Down states of a button may be left empty. If these states are empty, the Hit state must then be defined (contain content).
When the Up state of the button is empty or 'invisible', the button is represented on the Stage by a blue shape equivalent to the content in the next Keyframe within the button. This blue shape will not be visible in your final movie. See the Example to see how this works.
To make animated buttons in Flash, place a Movie Clip in the button state that is to be animated.
See the Example to see how this works.
Note: Movie clips cannot be tested in the Flash editor. You will need to do a Control > Test Movie or export it as a .swf file to test.
To create this effect, move the Hit state elements to a different area of the Stage than elements in the Over state of the button. This will work for simple rollover effects. The active area of the button, will then be located in a different area onstage than the rollover effect. See the Example to see how this works
Note: The Macromedia Flash Player is required to see this example.
Download Windows source file advanced_buttons.zip (17 K)
Download Macintosh source file advanced_buttons.sit (18 K)
Note: Flash 4 or later is required to open the source file.
For more information on basic buttons, see the Using Flash manual.
To learn how to assign an action to a Button, do the Buttons lesson inside Flash. See the Using Flash manual for more information on Mouse Events and assigning actions to Buttons. See the ActionScript Reference for more advanced information on what actions can be performed.
To create a simple animated menu, see How to create a pop-up menu in Flash (TechNote 14363).
To make a button for clearing fields in a Flash form, see How to create a reset button (TechNote 15541).