Trim Paths Arrow in After Effects

Trim Paths Arrow in After Effects

Andy Ford January 20, 2023

0 Comments

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

January 19, 2023Magic Nodes for After Effects Are Here: Unleash the power of Node Compositing!Magic Nodes for After Effects is finally released! Combine the power of

January 18, 2023Breaking the Mold: Filming a Documentary using only an iPhone 14 ProTheres no question that we are living in the golden age of

###

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

Email Address *

Name

--

LINK:	https://creativecow.net/trim-paths-arrow-in-after-effects/...
	See more stories from creativecow

Most recent headlines