Create Bar Chart Infographics in After Effects

Create Bar Chart Infographics in After Effects
► Infographic Templates For After Effects & Premiere pro
bit.ly/100Info...
► Free 100 Template Pack from us for AE & Premiere here:
bit.ly/Free100...
#aftereffects #animation #motiongraphics
To create a bar chart, select the pen tool and draw a long straight line from the bottom like this. Make sure stroke is turned off and fill is not.
Duplicate the line and change the color.
Now create a null object and apply the slider control effect from expression controls.
GO into the top shape layer and add the trim paths property.
Alt-Click the stopwatch for start and pick whip it to the Slide control in our null object.
Now keyframe the slider control to animate the bar.
Now your bar will animate. We can also animate a number by alt-clicking the text layer’s source text and parenting it to the slider control as well.
Be sure to add Math.roundfollwed by parentheses around the ogrinial expression. Also add +”%” to the end of the expression.
Duplicate this process to build out a beautiful infographic.

[@sebastianodibusti]

Bro your content is gold 👏🏻

[@the_graphical_journey]

Guys use this expression:
Math.round(thisComp.layer("Null 1").effect("bar 1")("Slider").value)

[@user-sq9gw1ne2s]

Thanks

[@SonduckFilm]

► Infographic Templates For After Effects & Premiere pro
bit.ly/100InfographicsPack

[@michaelobrien4723]

Thanks for the tutorials, I learn a lot from them

[@AmitEfx]

wow!

[@BenSussmanpro]

Thanks, but why is my bar moving from the top-bottom instead of bottom-top?

[@asr_editz521]

done..

[@CreativeMaxwell]

After effect is not for the faint hearted😢

[@graeme.davidson]

No, but it seems like it's pretty rewarding if you stick with it.

[@the_graphical_journey]

I'm getting decimal places like to .0000000

[@TheAshhar]

i think a math.round type expression would fix it