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:

https://youtu.be/RSuloaATQRA

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;

linear(input,inputLow,inputHigh,outputLow,outputHigh)

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.

www.YouTube.com/ShiveringCactus - Free FX for amateur films
http://shiveringcactus.wordpress.com/ - FX blog





© CreativeCOW.net