Author: PopCode

Using the Tweening Engine:

For a starters, install the “TweeningEngine.mxp” extension (you just have to double-click on it and it will lead you to the Extension Manager). You will have to open/reopen Flash. Create a new document. Set the frame rate to 35. Make a movie clip containing a rectangle with rounded corners, another one smaller as height and with a lighter color on top the first one and alpha set to 50, then add the text for the button. Name them and also name the instances. (I have backofbutton, frontofbutton with their corresponding instances: BoB and FoB). Make another movie clip to contain all of the above mentioned movie clips and text. Name it MyButton – instance name: MyB. From now on there will be only a bit of coding to be done, but you shouldn’t worry, it will end with a fine animation after exactly 6 lines. The first two are used to import the tweening classes and the flash transition/easing class and they should be inserted in the Actions window of the first frame inside “MyButton” movie clip. import xtd.tweening.*; import mx.transitions.easing.*; import flash.filters.DropShadowFilter; We got to the part when we should animate the button. The code bellow is going to scale FoB as to shrink it, the textColoring will change the color of out text and the BackShadow will make the button drop shadow.

» Level Intermediate

Added: 2007-05-02 Rating: 6 Votes: 3 1 2 3 4 5 6 7 8 9 10 (10 being the highest) Thank you for voting! We have encountered an error. Please try again later. You've already voted.

» Author

By using components you can better manage your time when working on a project.

» Download

Download the files used in this tutorial.

Download (17 kb)

» Forums

More help? Search our boards for quick answers!