contents
 

project: Easing 101
 
   
 

description: In the following tutorial you will learn how to apply easing to your motion_tween_01.fla so that it will move in a more realistic manner.

Files: The motion_tween_01.fla file is in the fla_files folder.
   
 
   
  step 1: Open the same ol' motion_tween_01.fla file, click on frame 1, and note the Ease option in the Properties Panel. (Figure A)
   
  A
   
  •Note: Your instance may be a different color by now.
   
  step 2: Drag the Ease slider down as shown in the following movie. (Figure B) A negative number means the motion will start slow and speed up.
   
  B
   
  step 3: Command-Return to Test Movie. (Figure C)
   
  C
   
  step 4: To fix the return bounce, click on the second keyframe (Figure D) and...
   
  D
   
  step 5: You guess it. Drag the slider all the way up. (Figure E) A positive number means the motion will start fast and slow down.
   
  E
   
  step 6: Command-Return to Test Movie. (Figure F)
   
  F
   
  step 7: Never underestimate the power of Easing to give your animations a more elegant, realistic look. The following animation (Figure G) uses Easing extensively. It's obvious now that you know what to look for, right?
   
  G
   
  step 8: Sorry, but mechanical animations drive me crazy (unless there's a reason for leaving Easing out) so I slipped in this lesson so I wouldn't have to look at that dreadful first animation any more. Now that I've catered to my own neurosis, how 'bout we learn to Edit Frames?
   
   
   
 
contents