A lot of fake 3D rotation effects involve scaling. Here's the simplest way to achieve this effect using tweening:
Start a new movie (CTRL/CMD+N) and set the stage
Select a stroke and fill
Using the Arrow Tool (V), double-click on the fill of your circle to select both the fill and the stroke and, using the Property Inspector, set both the width (W) and height (H) of your shape to 90:
With both the fill and stroke of your circle still selected, convert it to a movie clip symbol by pressing F8, and call it myCircle .
With your newly created instance of the
symbol selected on stage,
In the timeline, rename the default layer 1 to
and then, in
Now click on the frame 8 to select the
movie clip and, holding down the SHIFT key to ensure that the movie clip moves in
Click on frame 24 and repeat the instructions in step 7, but this time in the
To smooth out the motion, you need to create motion tweens between the keyframes. To do this, right-click (CTRL+click on a Mac) on each of the keyframes and select Create Motion Tween from the context-sensitive menu:
If you test the movie at this point, you should see the circle animate from one side of the stage to the other and return to rest in the middle. Let's now add some 3D magic! As always, this is going to involve some scaling. Click on frame 8 and select Modify > Transform > Scale And Rotate... (CTRL/CMD+ALT/OPT+S). Leaving the Rotation setting at zero, enter 66 for the Scale setting and click OK .
Now test the movie (
Control > Test Movie
or CTRL/CMD+ENTER) and you should see the circle appear to rotate around the y-axis. There are two problems with the animation at this point. First, it appears to stop slightly when it
The first issue arises because the last leg of the animation contains an extra frame: the last keyframe loops back to the first keyframe and the circle is in exactly the same position in both, leading to it appearing to halt momentarily as the animation
Now all you need to do is remove the keyframe on frame 32. To do this, click on frame 32 and select
Insert > Remove Frames
If you test the movie at this point, you should see that steps 13 and 14 have fixed the first issue and that the animation loops
Yes, ladies and gentlemen, you need to ease your tweens. Easing refers to the acceleration of motion in our animations. When you ease in from a keyframe, the motion in your animation gradually speeds up as it gets further away from the keyframe. Conversely, when you ease out from a keyframe, the motion in your animation gradually slows down as it approaches the next keyframe. Easing is central to both traditional animation and animation with Flash. Using a combination of easing in and out, you can create all sorts of effects.
For this example's purposes, you're going to alternately
of your keyframes. This will create a
Repeat by setting the Ease value at -24 for frame 8, 50 for frame 16, and -50 for frame 24. Leave the Ease value for frame 31 at .
Test the movie (CTRL/CMD+ENTER) and you should notice that the motion appears smoother. This finished example can be found in the sample files as basic_tweened_rotate.fla . Experiment with some other ease settings to see how they affect the motion, trying to get the change of directions as smooth as possible.