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

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

Join us on Facebook to keep updated with all the latest tutorials and web design freebies from EntheosWeb!