Animated Buttons Tutorial

I just uploaded a new tutorial at http://www.gotoandlearn.com called “Creating Animated Buttons” which shows the basics of how to create animated buttons using MovieClips. This is more of a beginner tutorial and is a vital skill to learn when starting out. Hope you like it!

Lee


Commentary

  1. Kimchihead says:

    I love your tutorials. Thanks!

  2. xGrill says:

    meh not one of your best works

  3. Phil says:

    very useful for beginner….thanks Lee for your great work

  4. Kingsley says:

    It seems like characters such as “-” and numbers aren’t supported with this.
    Example:
    b1.buttText.buttonText.text = “1a- Home”;
    Looks like this: aHome
    Any ideas?

  5. Administrator says:

    You need to embed any extra characters. In the tutorial I only embedded the letters. You can just add the “-” character or all of the punctuation marks.

  6. Kingsley says:

    Ah. I see I tried that…and…drum roll… it did the trick.
    So to “embed any extra characters” I went to the dynamic text field properties clicked the character button and added Numerals and Punctuation as well as Upper and lowercase.

    thanks a lot “Admin” ;)

  7. Ron Todman says:

    I Having trouble linking the buttons to goto a different part of my site.
    any help would be apreciated

  8. Roy Leenders says:

    I like to have a urls on the buttons how can i do that?

  9. Jerry Tucker says:

    I am unable to link to a movie clip on my main timeline. I have tried adding a button, but that removes the animation. I am also having an issue with the over state sticking if I mouse over the button too quick.

    Any suggestions? Love the tutorials, you’re a humanitarian!

    Cheers,
    Jerry

  10. Charles says:

    Thank you for the splendid tutorial on animated buttons. I found it very easy to follow.

    I tried to follow using AS 3.0, but found some interesting issues.

    In AS 3.0, the
    b1.onrollOver
    is replaced by
    b1.addEventListener(‘mouseOver’, over );

    I defined over() as:
    function over( e:MouseEvent ) { e.target.gotoAndPlay(2) )

    The problem is that the text field doesn’t repond to “gotoAndPlay”. If I exclude the text field by doing:
    if( e.target != “[object TextField]” ) { e.target….. }
    Everything works just fine, as long as I don’t “mouse over” within the text region in the button.

    Adobe doesn’t provide enough guidance for the beginner to sort this stuff out on his/her own :(

  11. Aaron says:

    Hi Lee,

    Posting in the forum. People have asked this question. didn’t see an answer though?

    What do I need to do to my animated button (which is a movieclip obviously) to make it gotoandplay different frames in my root timeline? thank you, any help is much appreciated.

    Aaron.

Leave a Comment