Basic Rotate and Spin

Rotating and spinning objects is not quite as simple as the types of tweens we've discussed so far. Flash needs a bit more help in determining how you want the object to rotate: clockwise, counterclockwise, or, as in the case of something like a pointer that you want to go from north to south, a simple flip of the object.

Spinning
  1. Create a new Flash movie
  2. create a new objectCreate a new object in frame one.
    Choose something that will look different at each stage of the spin. An arrow will work nicely. A circle won't work for this exercise. 
  3. Select all the parts and Group - ctrl-G
  4. Select frame 5 and press F6 to insert a Keyframe.
  5. Click on any frame between 1 and 4, (make sure that Frame 5 is NOT selected) then in the Properties change the Tween field to Motion. Set Rotate to CW or CCW.
  6. Change the number to 1 for a full 360 turn or a higher number for more.
  7. Click on frame 1 and press the Enter key to see your object spin.

(Note: you can move your drawing and spin at the same time with the motion tween)

Tilting

The free transform tool allows you to resize, skew and rotate your drawings.

When you have selected the free tranform tool and the cursor looks like the rotate arrow you can click and drag to rotate your object.

When the cursor is a double headed arrow you can resize.

When the cursor is a skew symbol you can tilt.

 
Rotation

To create an animation where the object spins less than 360,

  • Follow steps 1 through 4 in the exercise above.
  • Rotate your object 90 to the right by activating the Free Transform tool's rotate modifier rotate the object
    pointing right Hold the shift key down as you rotate your object so that it moves in increments of 45 at a time.

    Tween Options
  • Click on any frame between 1 and 4, (make sure that Frame 5 is NOT selected) and open the PI. In the Tween field select Motion. Change the Rotate Field to CW (Clockwise) and set the times field to 0.

  • rotate clockwise Click on frame one and press the Enter key to see your object rotate. Pretty smooth eh?
  • Let's make it go all the way around: Access the PI. Leave Rotate set to CW and change the number to 1.
  • Click on frame one and press the Enter key to see your object rotate. This second animation is more of a spin since it rotates one full time before coming to rest pointing to the right.
  • Click on any frame between 1 and 4, (make sure that Frame 5 is NOT selected) then access the PI. Change Rotate to CCW and change the number back to 0.
  • Click on frame one and press the Enter key to see your object rotate. rotate counterclockwise Now this animation moves the arrow counterclockwise through 270 before coming to a stop pointing to the right.

Thanks to Frank Stepanski, MCCC