The easiest way to create a Progress Bar in After Effects

The easiest way to create a Progress Bar in After Effects

Graham Quince October 4, 2024

0 Comments

Forget using expressions, complex equations or animating a scale, if you want to convey the impression of a loading bar, video duration or even animating hand writing, then the simplest, quickest method is to use a Shape Layer's path and the Trim Paths feature.

In this quick tutorial, I demonstrate how to use a separate Shape Layer as a track matte for as many layers as you want. This bypasses any issues you might have trying to get a shape to scale in one direction only, such as a bar chart where the bars grow from the left to the right.

I go a little bit further and show how you can use the Linear expression to add additional effects like a lens flare. Rather than get lost in all the detail, I've provided a project file with all the examples shown here.

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.

Can't see this video? Click here! If you are in Safari, hover over Safari in your menu, click settings for creativecow.net and toggle the Auto-Play to Allow All Auto-Play .

September 26, 20243D DNA in After Effects Without PluginsA quick tutorial showing how to use shape layers and CC Ball

August 28, 2024Recreating the Transporter effect from Star Trek: TNG in Adobe After EffectsAfter finding out that the DVDs for Star Trek: The Next Generation

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, and your first and last name below!

-- Sign up: * indicates required

Email Address *

Name

--

LINK:	https://creativecow.net/the-easiest-way-to-create-a-progress-bar-in-af...
	See more stories from creativecow

North America Stories