How to animate stroke in after effects

broken image
broken image

( Check out my full tutorial on how to create infographics in After Effects here.) Lastly, I’ll add a simple value expression to round the numbers out to absolute values. To have a number dynamically change as the graph grows, I’ll add a text layer and parent the source text to the end property of the Trim Path. Finally, I’ll add a Trim Path animator via the Add dropdown menu and animate the End property from 0% to 100%. Next, I’ll turn off the fill, and set the stroke to 150 pixels.

broken image

For a basic bar graph, I’ll first create a two-point path via the Pen tool, placing the first point at the bottom of the frame.

broken image

So, what can you accomplish with this handy, little animator? Let’s have a look at five fun, useful projects.Ĭreating an infographic can seem complex however, it only takes a few simple steps. However, new users may not know about it because it is hidden away under a shape layer submenu. Trim Paths is a tool in Adobe After Effects that allows you to make precise adjustments to shape layer paths. In this video tutorial, we cover how to harness the power of this simple, hidden feature in Adobe After Effects - Trim Paths.

broken image