Free Flash Tutorials	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Flash Tutorial - Creating Simple Buttons

Free Flash Tutorial

This tutorial is designed for people who have little Experience of using Flash. The aim of the tutorial is to be able to create your own buttons, how to Align objects to the stage and create layers.

States of the Button

The button can change it's appearance according to what 'state' it is in. There are four states: Up, Over, Down and Hit.

1. Up: Is when the mouse pointer is not over the button.
2. Over: Is when the mouse pointer is over the button.
3. Down: Is when the mouse pointer is over the button and the mouse button is down.
4. Hit: Is an invisible area of the screen. This area defines when the mouse pointer is 'over' the button or not.

Roll your mouse over the button below and click to see the Up, Over and Down states. You can't see the Hit area as it is invisible. The button has no actions so does not do anything.

My Example: Download the Flash File  Beg 005a

Roll your mouse over and click to see the different button states.

New: See Flash Demo Movie of how to build this Flash file

Step One: Setting up the Document

1. Set the size of the Flash Movie: Modify > Document
   The movie above is: 200 x 130px

   Note: You can either have a Flash movie which contains a number of buttons or you can have a Flash movie that is a single button and no more.

   
   My Example: Download the Flash File  Beg 005b
   
   
   A Flash movie with several buttons. File size: 400 x130px

   
   My Example: Download the Flash File  Beg 005c
   
   
   A Flash movie which is a single button. File size: 105 x31px