This tutorial will teach you how to create a bouncing effect in FlashMX 2004.In this tutorial we create the bouncing effect animation using motion tween and Shape tween in FlashMX 2004.The user must know how to create motion tween and shape tween. For knowing motion tween and shape tween visit our tween tutorials. We also provide dreamweaver tutorials, Fireworks tutorials and Photoshop tutorials.
For viewing the animations in this site you need to install Flash Player 7.0 or higher and for downloading the .fla files from this site FlashMX 2004 must be installed in your system.
Steps for creating Bouncing effect
We need a symbol for creating bouncing effect. Draw an object and covert it into a symbol. To covert an object into a symbol Press F8.The symbol window opens and gives name to the symbol, select the behavior as movie clip and set the registration to the bottom center square. After doing all these press OK. You have created a symbol.
The next steps describe how to add a motion tween effect to the symbol you have just created.
Rename the current working layer as ‘symbol’. Insert keyframes at frames 15 and 30.
Select the frame 15 using the playhead, move the symbol in a straight line (use shift key) and drag it up.
Create motion tween between the keyframes 2 and 14, 16 and 29 by selecting any frame between them and selecting the select motion in the tween pop-up menu in the property inspector.
Save the movie by pressing Ctrl+S.
We also have to add shape tween effect to the object. The next steps describe how to add a motion tween effect to the symbol.
Add anew layer and name it as “shadow”.
with the first frame of the shadow layer press Shift+F9 to open the Color Mixture Window to draw borderless shadow to the symbol. To do so select the Eyedropper too from the Toolbox and click it on the shadow symbol and set the alpha value to 25% in the color Mixture Window.
Add keyframes to Frame 15 and 30 by pressing the F6 key.
On the frame 15 you have to reduce the size oft the shadow you created by selecting the free Transform Tool to adjust the size. Standing on the same frame (15), select the shadow by using the Eyedropper tool from the toolbar and set the alpha value to 25% in the Color Mixture Window.
Create motion tween effect between the frames 2 and 14, 16 and 29 by selecting a frame in between them and by selecting ‘shape’ from the Tween pop-up menu in the property inspector.
Some additional steps must be performed to enhance the whole effect. They are given in the below steps.
Add a new keyframe to the frame 1 of the symbol layer. With that frame selected choose the Free Transform Tool and drag the transformation Center point to the bottom of the symbol. On the stage compress the shape of the symbol by dragging the upper middle transform handle down.
Copy the frame 1 of the symbol layer and insert it into frame 29.Befor inserting it a new keyframe must be added in 29.
Set the frame rate as 28 in the Property inspector window.
Select any frames between frame 2 and 14, frame 16 and 29 and type 100 and -100 in the Ease Text box in the Property Inspector. Do this to the shadow layer also.
You have added the bouncing effect to your symbol. Press Ctrl+Enter to view the result.
