| Motion Tweens (With Paths) |
|
|
|
Creating a simple
motion tween to get an object from point A to point B is relatively simple,
but what happens if you want your object to get there in a non linear fashion?
You could, of course, create keyframes and motion tweens at pre-defined
intervals but this is messy and needlessly complex. By careful use of
motion guides it is possible to get Flash to do all the hard work for you!
How? Well, read on and find out...
 |
Step 1:
Open up Flash and start with a blank document. I used the default settings,
but you can use whatever you like.
Grab the circle tool, turn off the outline and leave the
fill color black. Now create a circle on the stage. |
 |
Step 2:
Select the circle that you just created and convert it to a graphic symbol
(Right-Click > Convert to Symbol). I named this new symbol 'ball', but it
you can call it something else if you really want.
|
 |
Step 3:
Go on over to the toolbox, grab the Pencil Tool, and set the tool's
drawing color to black. Then go up to the
layer panel, and click
the Add motion guide button. The location for this button
is clearly illustrated in the image on the left.
|
 |
Step 4:
You should now be presented with a new guide layer. Select it and draw a path around on the stage.
This will directly correspond to the projected path on which your object
will travel. |
 |
Step 5:
Choose the Selection Tool, and then go to the bottom of the toolbar to
make sure that 'Snap to Objects' is on. If it isn't click it and set it on
(it looks like a little red magnet).
Now select the circle symbol, and look for a small ring in
its center. Click and hold on it, and you can drag the circle.
Try putting the ring over top of the path. It *should* snap to it
automatically.
To finish this step, snap the circle to the line, and
place it on the line in the location you would like it to start at the
beginning of your animation.
|
 |
Step 6:
Now put a keyframe at the 15th frame of both layers (that's a full
keyframe and *NOT* a blank keyframe). |
 |
Step 7: Select the 15th frame of the ball layer, not the motion guide. |
 |
Step 8:
Almost done! Drag the circle along the path until you get it to the
point where you want it to stop. |
 |
Step 9:
Finally go back to the ball layer and add a motion tween, preview the movie and you're done! Click
here for the animation
that I made earlier. |
- Tutorial written by GoldNetX
| 
|
User: Pres (#45608)
Date: Thu Oct 25, 2007. 14:55:01 | Post #3 of 3 |
|
this tutorial is very easy to understand for a newbie like me. :) thnx!! |
Reply to this post |
|
|
thank you so much for this detailed path tutorial!
i already tried some but they just didn't quite tell all the details such as dragging with the little circle and such. |
Reply to this post |
--- View Entire Thread ---
|

|
|
 |
[WIP] Hairdresser Site Design Author: YinToniq Posted: Jul 03rd, 5:58am Activity: 1 replies, 36 views
|  | Simple Flash Help Needed (AS2) Author: stiney51 Posted: Jul 02nd, 2:40pm Activity: 9 replies, 55 views
|  | Transformers Author: Jacorre Posted: Jun 29th, 6:33pm Activity: 2 replies, 75 views
|  | Quick question about Jasc PaintShop Pro 9. Author: Rydium-41 Posted: Jun 28th, 8:21pm Activity: 2 replies, 73 views
|  | I bought film today!! Author: NikonErik Posted: Jun 27th, 12:04am Activity: 2 replies, 74 views
|  | New Battle Author: MoodsR4Cattle Posted: Jun 26th, 6:28pm Activity: 2 replies, 84 views
|  | Image Loading Author: funkyfela Posted: Jun 22nd, 9:00pm Activity: 1 replies, 85 views
|  | Headshot Critique Please Author: NikonErik Posted: Jun 19th, 11:32pm Activity: 6 replies, 153 views
|  | imagecopy() and imagecopyresized() problem Author: thatpyrokid Posted: Jun 18th, 3:05pm Activity: 1 replies, 150 views
|  | Problem With Regitration Code...? Author: RXS Posted: Jun 17th, 3:18am Activity: 2 replies, 150 views
|  | Topaz Labs do it again! Author: Tamlin Posted: Jun 17th, 12:08am Activity: 5 replies, 229 views
|  | [Photoshop] Anime Coloring Tutorial Author: Wavechan Posted: Jun 16th, 3:47pm Activity: 2 replies, 292 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|