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 the Adobe Creative Suite
Streamline web design, development, and maintenance. Order Now!



 



God Loves You! "For God so loved the world that he gave his one and only Son (Lord Jesus Christ),
that whoever believes in him shall not perish but have eternal life." - John 3:16, Bible