Tutorial: Page (1) of 1 - 08/11/04 Email this story to a friend. email article Print this page (Article printing at MyDmn.com).print page facebook

X Marks the Spot

A different take on AE?s Stroke effect By Stephen Schleicher

Arrgggh Maties! It be treasure we seek, and with the help of After Effects Stroke effect we can recreate our own path to pirate gold.

In previous exercises I spelled out how After Effects Stroke effect works to create our own travel lines, but there are variations that can be done for a totally different look.  This time around, well deal with Stroke Spacing.

Step 1:  Begin by creating your treasure map in an application like Adobe Photoshop.  For this example, I found a map on one of my Hemera clip art collections, cropped it, and did a color change to make it look a bit older.

Step 2:  Launch After Effects and import your map.  Create a new composition and place the map in the Composition.

Step 3:  The next thing we need to do is use the Pen tool to create a path on the map layer that shows the location of our buried treasure.  While you can do this in the Comp Window, if you have a large map that grows beyond the edge of the frame, you will be doing a lot of dragging and moving to get your path complete. 

You can work on the entire image at once, by double clicking the layer in the Timeline and opening a Layer Window.

Use the Pen tool to create the path.  I will leave it up to you as to whether or not you want to use a Bezier curve or straight lines.  I decided to make my map a bit more fluid by using a Bezier curve.

Hint:  If you are having trouble seeing your path on your image, you can always change the color of the mask.  With the layer selected in the Timeline press the M key to bring up the Mask for the layer.  Click on the color swatch next to the word mask.

This will bring up the color picker allowing you to select a color that will work for you.

When you have created your path, you can close the Layer Window.

Step 4:  To the Map layer apply the Stroke effect (Effect>Render>Stroke).

By default Stroke will create a solid line following the path you created.  Since we are creating a pirate map, lets change the color of the Stroke to red and increase the Brush Size so it looks appropriate for your Comp.

While it may appear that you have a solid line, it is actually a series of overlapping dots that create the illusion of a solid line.  The Spacing property controls how close or how far apart these dots are.

Change the Spacing amount to 100% and view the results.

This is looking more like it.

Step 5:  To animate the dots leading the treasure hunter from one location to the next, animate the End property from 0 to 100% over the length of your animation.

That is all there is to it in creating our pirate treasure map.  Keep in mind that even though a default effect may be cool, experiment with all of the properties to see what modifications you come up with.

Download the project file  in SIT format here. treasurehunters.sit


Page: 1

Stephen Schleicher is a well known writer, visual effects artist and media guru! You can see more of Stephen at
www.majorspoilers.com and www.stephenschleicher.com
Related Keywords:after effects, stroke, map, adobe, schleicher, exercise, tutorial

Content-type: text/html  Rss  Add to Google Reader or
Homepage    Add to My AOL  Add to Excite MIX  Subscribe in
NewsGator Online 
Real-Time - what users are saying - Right Now!

Our Privacy Policy --- @ Copyright, 2015 Digital Media Online, All Rights Reserved