Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Flash Tutorials Motion Tweening Using Paths
Your Ad Here

Motion Tweening Using Paths


1. I want this mouse to move a little bit around. So, what do I do? I create a motion tween. But not any kind of motion tween. A path tween. Using path tween I can easily control the route of the object I want to move.

Click to enlarge
Click to enlarge

2. The first thing I want to do is just change the frame rate to 30fps. This is done in the properties tab, and gives us a much more fluid animation. Then, in the movie clip layer, right click at frame 15 and select "Insert Keyframe". This will be the frame where the tween stops.

Click to enlarge
Click to enlarge

3. Then right click in between the two keyframes and select "Create Motion Tween". This will create the actual tween.

Click to enlarge
Click to enlarge

4. Now we have to add the guide that the mouse will follow. To do so, right click the layer name and select "Add Motion Guide".

Click to enlarge
Click to enlarge

5. Use the pen tool to draw the actual path. Make sure that the object is aligned to the path, like you see on the picture.

Click to enlarge
Click to enlarge

6. Now make sure frame 15 is active, and move the mouse all the way to the end of the path. Again use the free transform tool to align the mouse as shown on the picture.

Click to enlarge
Click to enlarge

7. If you have done everything right, the mouse should follow the path. But it seems quite unnatural, since the mouse doesn't orient to the path. So, the last thing we need to do, is to select the motion tween by clicking between frame 1 and 15 in the "mouse" layer. Then, in the "Properties" tab, check the "Orient to path" option. And there you go! Ctrl-ENTER to test your mouse animation.

Click to enlarge
Click to enlarge


Author's URL: Stian Bakkane
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Internet & computing Flash is a vector-based moving graphics format created by Macromedia for the publication of animations on the World Wide Web. More Flash & Swish: Most Popular Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

Add comments to "Motion Tweening Using Paths"

Only registered users can write comment

Reader's comments