Adobe After Effects Forum
Graphic ranking animation technique
Graphic ranking animation technique
by Rafael Braz on Nov 6, 2019 at 4:59:07 pm

Hey, lately I've seen a lot of this kind of video:

Does anyone one knows if this is made on AE and/or how is it made?

Thanks in advance!

Re: Graphic ranking animation technique
by Graham Quince on Nov 9, 2019 at 6:02:25 pm

It’s entirely possible to do this in After Effects, using keyframes and expressions and a bit of manual tweaking, but my guess would be that this is using one of the many oven-ready templates / info graphic web-based software.

To make in after effects, I’d create a solid, and use another solid as an alpha mask. Then I’d use a slider to set my value and this expression on the x position of mask solid, to create the growing/shrinking bar:

input = effect("Slider Control")("Slider");
inputLow = 0;
inputHigh = 100;
outputLow = -100;
outputHigh = 100;


I’d then duplicate my layers, making sure the mask layer is parented to the bar layer, and manually keyframe the swapping of vertical positions. - Free FX for amateur films - FX blog