Animated Hyperlink Button

1.We are going to make this Flash button. When you put your mouse over it, it changes colors. It is also a hyperlink to Google.com.

2.Open a new Flash document

3.Set the document size to 150 px by 150px. Change the background color to black. (Modify>Document)

4. Select the Oval tool. In the properties window, choose fill Blue, stroke white, stroke size 10. Hold down shift and draw the circle.

Type the word Google inside (really on top of) the button.

 

5.Make sure everything is selected (CTRL-A)

  • Modify>Align>To Stage
  • Modify>Align>Center Vertical
  • Modify>Align>Center Horizontal.

 

 

6. Make sure everything is still selected (CTRL-A) then right click and choose "Convert to Symbol..." Name it "Blue Button" and select "Button" then click OK.

 

7. If all goes well it should look like this.

 

8. Double click on the blue circle symbol and the edit symbol screen will open.

 

9. The button Timeline only has four frames.

 

 

10. Right click in the Over frame and insert a key frame. (F6)

 

11. Change the Button fill color to RED

 

 

12. Right click on the Down frame and insert a key frame. Unnecessary step

 

13. Right click on the Hit frame and insert a key frame. Unnecessary step

14. Left click on "Scene 1" to close the button editor.
15. The animated part of the button is done.

 

 

 

16. In steps 17 -18 you'll program the button to navigate to Google when clicked.

 

17. Left click the blue button once to select it.

18. In the Actions Window click Actions>Browser/Networks.

Double left click getURL and apply these settings on the three blank text boxes that appear::

URL: http://www.google.com/
Window: _blank
Variables: Don't send

 

It should look like the window to the right.

 

 

19.Save & send.