Things You'll Need:
- Adobe Flash CS4
-
Step 1
Insert->New SymbolTo insert a new symbol select "insert" from the main menu at the top and then on the submenu select "New Symbol".
-
Step 2
Create new SymbolWhen the "Create New Symbol" window appears, give your symbol a name, select "button" as the "type" and then click the ok button as shown in the picture associated with this step.
-
Step 3
Common LibraryFlash is now ready with a timeline already created and frames called "up", "over", "down", "hit". We need to add a button to our "up" frame. You can either draw one or use one from Flash's button library. To do this we are going to use one from Flash's library. So go to "Window" then "Common Libraries" then "Buttons".
-
Step 4
ButtonThe buttons common library window will appear. Choose any button from the long list. You will see that Flash has done to great length's to create a variety of buttons in all different shapes, sizes and colors.
-
Step 5
Over keyframeRight click frame 2 (the over frame). A pop up menu will appear. On the pop up menu select "Insert key frame".
-
Step 6
OverWe need to make it appear to the user that they have hovered over the button and to do that I just drew a rectangle with some fancy color and placed it behind the button.
-
Step 7
Insert a keyframe for the down frame in our timeline just like you did in step 5 for the "over frame".
-
Step 8
DownYou need to insert something that lets the user know they have clicked the button. In my example I just changed the color on the rectangle I added in the over frame to something different.
-
Step 9
Hit
Do the same thing for the hit frame that you did with the down frame except change the color.
-
Step 10
Your button symbol is now complete. Just click on edit->edit Document to go back to your animation. Your new button symbol will appear on your library panel. To use your new button, symbol drag it from the library and drop it onto your animation.
