Flash Actionscript Tutorials

Flash Actionscript Button

Create flash buttons controlled with Flash ActionScript

Flash Actionscript Button

Create flash buttons controlled with Flash ActionScript

Learn how to create a Flash actionscript button using actionscript controlled tweening and Movieclips in Flash. This Flash button tutorial uses concepts of Movieclips and Tweened Animations.

You Are Here ::: Home >> Free Tutorials >> Flash Tutorials >> Advanced Buttons

Create a Flash ActionScript Button

Steps to create this actionscript button effect (can be used for website links):

  • Open the new flash document.
  • Create a button and name this instance as Button then go to symbol-editing mode.
  • Add new layer, draw the simple button and convert in to movie clip symbol (pressF8) then go to symbol editing mode.
  • Press F6 or (right click >> insert key Frame) on 10th and 20th frame and then reduce that alpha value at 1st and 20th frame.
  • Select middle of the frame between 1-10 then go to property panel, select shape tween from that pop up. Do the same process between 10-20th frame.
  • Add new layer above the tweening layer then press F6 (right click >> insert key Frame) on 10th and 20th frame.
  • Select 1st frame then go to action panel (press F9) stop this action, similarly do that process on 10th and 20th frame.
  • Go to button editing mode, add new layer, name this layer as text, and make sure that text layer always above the movie clip layer.
  • Go to scene1, and select the button then press F9, copy and paste the following code.

  • on (rollOver)
    {
    _root.Button.instance1.gotoAndPlay (2);
    } on (rollOut)
    {
    _root.Button.instance1.gotoAndPlay (11);
    }
  • Save and test the movie Press( Ctrl+Enter).

Software Required

Compatible Versions of Flash for this Tutorial

Recommended Version: Adobe Flash Professional CS5Recommended Version: Adobe Flash CS4 Professional
Flash CS5 Professional | Flash CS4 Professional
Note: For uses of lower versions of Flash some visual interface images would differ.
Recommended Version: Adobe Flash CS5 Professional
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks!