Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Sponsored Links

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

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

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


User:  sami1337 (#36325)
Date: Fri Jan 05, 2007. 15:31:24

Post #2 of 3

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


User:  mdc5designs (#26745)
Date: Mon Apr 24, 2006. 18:00:40

Post #1 of 3

I like it. Helpful to this newbie. :)

Thanks,

M
[link]

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Surface Reflections
Surface Reflections
- Adobe Photoshop -
Depth Of Field Adj...
Depth Of Field Adj...
- Adobe Photoshop -
Whispy Smoke
Whispy Smoke
- Adobe Photoshop -
Soft-Edged Cel-Sha...
Soft-Edged Cel-Sha...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Advertisements





Special Options
Download Source File
Printer Friendly Version
Forum Threads

 Re: 3ds Max Tutorials for Beginners
Author: 3DSMaxresources
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 724 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 1846 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 2 replies, 1941 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 2391 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 1748 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 2509 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 3428 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 2664 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 4034 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 3799 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 17060 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 4:37am
Activity: 0 replies, 4925 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4669