Andy Ford's Trim Paths Arrow Tutorial

Trim Paths Arrow in After Effects

If you want to create an arrow that moves along a path, especially a curved path, Trim Paths is useful. First, create a shape layer path. This is the path the arrow will travel.

With the path defined, in the Contents property of the shape layer, select Shape 1. Then, select the Add button and choose Trim Paths. Shape 1 can be the pointed part of the arrow, so give it a fitting name like Arrow Head. Then, duplicate Arrow Head and rename it Arrow Tail, and this will be the back part of the arrow.

For the Arrow Head Trim Paths property, link the End value to the Start value by using the pickwhip. Then, link both the Arrow Tail Trim Paths Start and End value to the Arrow Head Trim Paths Start value.

Some contents or functionalities here are not available due to your cookie preferences!

This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

Now, define the Arrow Head shape. Go to the expression for the Trim Paths End value and append the plus sign and a number to the end of the expression. The number value dictates the length of the Arrow Head. To further shape the Arrow Head, go to the Stroke property and adjust the stroke width as needed. Under the Taper property, adjust either the start or end length (depending on the direction your arrow is going) to 100% to create the triangle shape. In this example, the arrow is moving toward the right.

Drag the Trim Paths start value up to see the Arrow Head move along the curves of the path.

Next, it’s time to shape the tail. On the Arrow Tail Trim Paths End property expression, append a minus sign and a numeric value to the end. This defines the Arrow Tail length. You may see a small gap where the arrow’s head and tail meet. If so, adjust the tail’s Trim Paths start property expression by adding one to close the gap. You can adjust other Taper properties to shape the tail accordingly.

Finally, go back to the Arrow Head Trim Paths Start property and set keyframes for the beginning and ending arrow motion along the path. Now the arrow moves along the curved path.


Related COW Tutorials

Shape Layer Wave in After Effects
Here’s a quick way to make a wave shape by essentially just …
Whip-Swish Pan in After Effects
Use After Effects to create your own transitions between clips. One interesting …
Brand New Color Grading Course in DaVinci Resolve 18.6
This course is designed to teach you the art and science of …
Fibonacci Sunflower in Apple Motion
A simple tutorial that looks at the numbers behind creating a stylised …

###

Enjoying the news? Sign up for the Creative COW Newsletter!

Sign up for the Creative COW newsletter and get weekly updates on industry news, forum highlights, jobs, inspirational tutorials, tips, burning questions, and more! Receive bulletins from the largest, longest-running community dedicated to supporting professionals working in film, video, and audio.

Enter your email address, a first and last name, and let us know what you’d like to see more of in the message!

Sign up:

* indicates required

Responses

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy