ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

Graphic ranking animation technique

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Rafael Braz
Graphic ranking animation technique
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!


Return to posts index

Graham Quince
Re: Graphic ranking animation technique
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.

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


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2019 CreativeCOW.net All Rights Reserved
[TOP]