Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks &
Illustrator Tutorials
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Flash Tutorials & Resources > Motion Guide   

Flash Tutorials

Basics

Animation & Effects

Actionscript

Creating a Website

Miscellaneous

Flash Articles

Free Flash Resources

Other Flash Resources

Motion Guide in Flash

What is Motion Guide?
Motion Guide is nothing but moving your symbol in a predefined path such as curves or circles. Learn how to move Flash objects in circular, zig zag or curved paths using Flash motion guide. Download .fla is included at the end of the tutorial.

 

This tutorial will explain on how to create motion guide in Flash MX 2004.

Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download the .fla file.

Steps to follow :

  1. Create a graphic symbol or drag a pre-existing graphic symbol from library onto the stage. Name the layer as "graphic"

  2. Right click on the "graphic" label and select "Add Motion Guide" from the pop-up window.

  3. A new layer will appear on top of the "graphic" layer with the label "Guide:graphic" along with the guide icon.

  4. Draw the path for your symbol in this new layer using pencil or line tool.
    For example: I drew a circle for my car.

  5. Select frame 50 of guide layer and press "F5" to insert frames.

  6. Now go to "Frame 1" of "graphic" layer and drag your symbol to one end of your path. While dragging, you will see a bubble on the symbol. That bubble should go right below the path. Something like the one shown below.

  7. Now go to "Frame 50" of "graphic" layer and press F6 to insert a new keyframe.

  8. Now drag your symbol to other end of your path. Again, the bubble should go right below the path.

  9. Select any frame between 1 to 50 of your "graphic" layer. Right click and select "motion tween" from the pop-up menu.

That's it, you are through. Press Ctrl+Enter to view your work.

Download the .fla file


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


Looking for high-quality Flash Website Design? Choose from over 6000 templates!

Gorgeous Page Roll Image Transition Effect in Flash

Creating Page Curl Transition

Creating a Rotating 3D Planet in Flash

Creating Realistic 3D Planet

Best Flash Photo Gallery Website Templates

Best Flash Photo Gallery Website Templates

Burning Image Effect in Flash

maskmn_image055

Realistic Rippling Water Animation in Flash

r_water

Awesome 3D Flash Website Templates

Awesome 3D Flash Website Templates

 

Featured Template
Template # 55040
Type: OpenCart
Price: $89

Flash Photo Galleries