|
In this exercise,
we will go step-by-step through the process of creating a simple path
animation. Follow the steps with the shapes that are suggested to get
the hang of it, and then you can start practicing on your own.
Motion
Tween
1.
Always start with a new Flash document!
2. Start by adding a new Guide Layer to the Layer Box. You can
see it here in the bottom left hand of this graphic, which is the same
graphic as used in the Interface:Layer section. It is the light blue folded
paper with the wavy line and the plus sign. After you add the guide layer,
it should be above the regular layer.
3.
While on the Guide Path layer, click on the pencil tool and draw a wavy
line across the page. SHOW
ME!
4. Go to the first frame on the normal layer and insert a frame.
5. Draw a rectangle on this frame and try to keep the center of
the rectangle close to the end of the line. (Make sure you use a gradient
for this example so you can see the path animation. SHOW
ME!
6. Go back to the guide layer on the timeline. Go to the frame
position 40 and insert a frame. Select the Frame Panel (Window > Panels
> Frame).
7. Now, drop down to the 40th position on the normal layer and
insert a Keyframe.
8. While on the 40th keyframe, drag the rectangle to the other
end of the drawn path. Make sure you try to keep the center of the rectangle
on the end of the line. SHOW
ME!
9. Go to the first frame on the normal layer, right click, and
insert a motion tween.
10. Open up the Frame Panel. Make sure the following are activated
and highlighted.
~ Motion: Tween
~Scale: Activated
~Erasing: 0
~Rotate: CW: 10 Times
~ Active: Orient to Path, Synchronize, and Snap
11. Finally, go the 40th frame on the timeline in the normal layer.
Now, right click and insert a motion tween here as well.
12 . Now you have the option to view your first Flash piece
in many ways.
1. Move
the playhead back and forth to view.
2. Click on Control > Test Movie
3. CLICK HERE!
|
