Monday, 19 May 2008

Motion guides

In this Flash tutorial you will learn how use motion guides. Motion guides allow you to draw paths along tweened instances, groups, or text blocked to be animated. For this tutorial I will show you a moving block of text along a motion guide. The block of text will get larger as it moves towards the end of the guided path.

Using motion guides

Step 1

Create a new Flash document.
Select the Text tool with static text and type any message on stage. Then select the 20th frame on the timeline and create a new key frame by selecting F6 on the keyboard.

Step 2

Add a motion guide by selecting the following button in the image below. The motion guide button is next to new layer button. Once this button has been selected you will noticed a new layer above layer 1 called Guide.

*Note that a normal layer that is linked to a Motion guide layer becomes a guided layer.

Step 3

Select the first frame of the guided layer on the timeline.
Draw your guided path on the stage. I used the brush tool, but you can use any of various tools to draw the desired path.

  • Pen
  • Pencil
  • Line
  • Circle
  • Rectangle
  • Brush

Make sure the guided path is touching your text or it will not work.
*You can link multiple layers to a motion guide layer to have multiple objects follow the same path.

Step 4

Now select the 20th frame of layer 1 and move your text to the end of the path. It should look like something below:

*You can increase the size of the text/shape at the end of the path. This make the shape get bigger as it follows the path.

Step 5

On the timeline, right click anywhere in between frame 1 and 20 and right click and select the 'create a motion tween' option from the drop down menu.

Step 6

Select Ctrl + enter to test you motion tween.

You should now have motion guided piece of text. For more examples of motion guides checkout the motion guide 2 tutorial.


  COPYRIGHT © 2014 · ILIKE2FLASH · Theme by Ourblogtemplates

Back to TOP