Motion Tweens in Flash CS3

-step 16

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”.
  
  
  
• 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.
  
  
  
  
• 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.
  
  
  
  
• Make copies of the wheel as required.
  
  
• This is what your stage will look like now.

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

Lock Layers in Flash CS3

-step 17

Locking layers in Flash CS3 is useful when we want to manipulate some elements on the stage without disturbing any of the others. Another option that is helpful is the hide layer option. This will hide the layer so that we can work more easily as the number of elements on the stage increase, but will still appear in the final output.

Continuing with the tutorial, let us use the Lock Layer option to easily select the various parts of the train.

Train Animation

Now that we have all the parts of the train ready, we are ready to animate it.

• Select all the parts of the train (including wheels).
  
  
• The easiest way to select all the parts of the train is to lock all the other layers first so that the elements in those layers don't get selected.
  
  
• To lock a layer, click on the dot below the lock symbol next to the layer name in the timeline.
  
  
  
  
• Another easier way to select all the parts of the is to simply click the key frame on the train layer.
  
  
• Convert to a graphic symbol named “train”.
  
  
• Now select it again (now “train” symbol) and convert it to a movie symbol named “train animation”.
  
  
• Double click on it to get into the symbol “train animation”.
  
  
• In the 1st frame position the train on the far right (outside the stage area).
  
  
• Insert a keyframe on the 60th frame (since the frame rate is 12 frames/ sec, and we want the train animation to take 5 seconds)
  
  
• Position the train to the far left (outside the stage area).
  
  
• Create a motion tween between the two frames.
  Now test the movie [Control > Test Movie]

You will notice that the train enters from the right travels across the stage and exits from the left. And then the animation loops again and again.

[Via vineyardesigns]