Motion Tweens in Flash CS3

[This is Step 16 of the Flash CS3 Animation Tutorial]

Motion Tweens in Flash CS3 are a very useful feature. Basically we specify the positions of the symbol in the keyframes and Flash creates the animation be(tween) the two keyframes. This gives us a smooth animation.

Let's use the tween feature as we continue with the tutorial to make the wheel animate smoothly.

Wheel Animation - Part 2

Motion Tween

To create the motion tween between the keyframes in the "wheel animation" movie clip:

  • Right Click on the 1st frame in the timeline (or any of the frames in between the 2 keyframes).

  • From the options that appear, select “Create Motion Tween”.
    create motion tweens in flash cs3 for smooth animation

  • An arrow will appear between the 1st and 5th frames on the timeline. This will create a smooth animation between the wheel in frame 1 and the wheel in frame 5.

  • Click on the 5th, 10th and 15th frames and create motion tweens.

    motion tween in flash cs3

  • Your wheel animation is ready.

  • You can get an idea of how it looks by testing the movie.

    Control > Test Movie

  • Click on Scene 1 to go back to the main stage area.

  • Double click on the zoom tool to see the actual stage dimensions.

    zooming in flash cs3

  • Make copies of the wheel as required.

  • This is what your stage will look like now.

flash cs3 animation tutorial

  • When you test the movie you will notice that all the wheel are turning.

Go to Step 17 >>


 

Flash is part of Creative Suite 3 Web Standard
Streamline web design, development, and maintenance. Order Now!




Share