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 shouldnt 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|
Rating: 6 Votes: 3
|By using components you can better manage your time when working on a project.|
|Download the files used in this tutorial.|
|Download (17 kb)|
|More help? Search our boards for quick answers!|