Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Flash Tutorials Create Motion Tween Animation in Flash CS3

Create Motion Tween Animation in Flash CS3


The Animation Tween

If your animation follows some simple guidelines, you can save yourself lots of work (and reduce your file size, too) by using Flash to calculate the in-between frames for you automatically. You create just the first and last keyframes, and Flash figures out what should go in between. In animation technobabble, that's called tweening - a quick, fun way to create great animations.

You can do a lot with Flash's tweening capabilities, including:

  • Motion tweening: This is definitely the most common type of tweening. With simple motion tweening, you can move your objects in a straight line from here to there. You can use motion tweening also to animate an object along any path that you create, even one with lots of curves.
  • Shape tweening: This type of tweening gradually changes any shape to another shape. You create the first and last shapes. These days, kids call it morphing. The results may be quite unpredictable and require a lot of computer processing but are usually interesting. You can add shape hints to try to tell Flash exactly how you want your shape to morph.

And with both motion tweening and shape tweening, you can:

  • Change an object's size: For example, if you make an object smaller as you move it, the object often appears to be moving away from the viewer.
  • Rotate an object: You specify the amount of the rotation. Flash combines the motion or shape tweening with the rotation so that you get both effects at one time.
  • Change color or transparency or both: Flash creates a gradual change in color based on your starting and ending colors.

Note: Information from Flash CS3 for Dummies ebook. Let's start the tutorial!

1. Open Flash and create a new Flash File (ActionScript 3.0)

image 1

2. Save the next picture and drop it in your document.

image 2

2. Click on the first frame and place the image at up right corner.

image 3

3. Now create a keyframe where you want to end the animation

image 4

Now with frame 20 selected click on your image and place it on down left corner.

image 5

image 6
Click to enlarge

4. It's time to create the motion tween. Click anywhere but not on the last frame and in the tween properties select Motion

image 7

image 8

image 9
Click to enlarge

5. Test your Movie ( Go to Control and select Test Movie or click on the first frame and press ENTER )

image 10

6. That's it! Now Save your result ( Go to File and select Publish )

Create Motion Tween Animation in Flash CS3

Thank you and you can see the final result:



Author's URL: PiticStyle
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website. More Flash Tutorials: Featured Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

No comments yet...
Add comments to "Create Motion Tween Animation in Flash CS3"

Captcha