After Effects Tutorial: Precise Infographics with Controlled Expressions

In this After Effects tutorial, we will create infographics with expressions that give you precise control over your project. Setting up your AE projects with slider expressions will allow you to quickly make adjustments on the fly.
Visit our website www.sonduckfilm.com for more tutorials, giveaways and film and photo gear!
Download Project Files Here:
www.sonduckfilm.com/tutorials/...
Social Media:
Drop a like on Facebook: / sonduckfilm
Hit me up on Instagram: / sonduckfilm
Connect with me on Linkedin: / joshnoel
Follow me on Twitter: / sonduckfilm
Suggested After Effects Tutorials:
3D Light Text Stroke Effect: • After Effects Tutorial...
RGB Splitting Glitch Effect: • After Effects Tutorial...
Audio React Anything: • After Effects Tutorial...
2D Motion Graphics Slideshow: • After Effects Tutorial...
Design Beautiful Motion Titles: • After Effects Tutorial...

[@user-ht9do7yv6q]

You are good teacher,thank you for all your tutorials .

[@mrgoesta]

Man! Your tutorials are gold. Straight to the point, good speed, nice taste in graphics and colors, easy to understand. Thank you.

[@gabrielmoraes4516]

Awesome tutorial! Thank you so much for taking the time to make it! Cheers!

[@LorenzoHines.]

Thanks a lot for these and your tutorials! Keep them coming!

[@heimann196]

Nicely done! Short and to the point. Keep up the good work.

[@JayBaggio]

mate this was so helpful. I looked for a long time for a good a simple tut on how to connect numeric values with shape/graphics animations and yours was the only good answer I found. Thanks a lot

[@bhousamo3643]

Been watching your videos for a while now, everyone has been very detailed and informative so far, big thumbs up! Pls keep up the good work so I can learn more about AE :D

[@SonduckFilm]

Thank you very much! Glad they have been helpful :)

[@joydasari8571]

You saved my Day !!! Thanks a lott :)

[@PolygonMotions]

Great tutorial! One tip for animating the numbers without keyframe and adding "%"sign at the end each number is to add the following expression to the source text. It gives if you the flexibility of changing the percentage without finding the exact keyframes: startCount=0; // this is the starting number stopCount= 100; // you can also link this to your slider instead of putting 100 timeStart=0; // starting second durationCount= 3; // counting duration in second ""+Math.round(linear(time,timeStart,timeStart+durationCount,startCount,stopCount)) + "%"

[@jasvenkat]

Great stuff. You made it look easy. Thanks.

[@benzeno1995]

I found this video years ago. now I can make good use of it. this was very easy to follow. thanks.

[@hartyom]

Pretty useful tutorial. Thanks!

[@MohamedFadly]

Thanks a lot. Great explanation.

[@astanprod]

Thank you for this great tutorial, you are good guy :)

[@omriabz6642]

Great channel man!

[@hellaBayAr3a]

Just used this for a student org video. Thanks for the help!

[@himanabil196]

you are real good thanks alot keep going

[@user-oz4qf7ep3i]

awesome, very clear and usefull and helpfull

[@waitwhatwasthat]

Instead of scaling the Transform of the circle and increasing the Stroke thickness as recommended @2:49. You can just go into Contents> Ellipse> Ellipse Path and change the "Size" then you won't have to be adjusting the stroke width to try to match the previous shape

[@dexterellis5188]

Thank you!

[@mohamedmemmes2832]

keep on . nice tutorial

[@ADSBLADE182]

Great tutorial. As a very new user to Ae, this so extremely easy to follow. Had a question: Is there any way to add the percentage sign to the changing text? Thanks.

[@arielonavarro]

Gracias!!!

[@Jakevx1k]

How would you go about changing the values so that when the graph is at full instead of 100 the full amount is a different number?

[@BrickMove]

so nice

[@user-tk7rs5fx6f]

Thanks a lott !!!!!!!!!!!!!Cool ))

[@SamitShirsat]

congo on 20k

[@SonduckFilm]

Thank you!

[@minseokoh1832]

little tips for window user, press 'ALT' and click keyframe button than you can find 'Expression start button'

[@blerdstatic8187]

What if you don't have the keyframe button?

[@Fiweedelly3842]

I love you

[@marvin982]

i kiss your eys

[@marcelonava7067]

Thanks!

[@caroldelgrosso4830]

How would you apply the path trim information to the numerals if you would like them to follow the circular path?

[@aestheticskeleton7283]

can you please explain how to make the values follow the movement of the bars

[@guydwelly]

Really good video but if you are new to AE it is a bit fast for me!

[@clgaines2006]

Hey Josh, I REALLY need help on a church project. I know what I want to do is super simple compared to the great tutorials you create but I cant seem to locate a tutorial. I just want a photo grid. Maybe lined with 12x12 photos or more. And I want the photos to randomly change between each other. So for instance the photo in box 1x1 will change to the photo in box 6X6 and so fort. Sorta like A MOSIAC except it doesn't reveal a bigger picture. I don't want the photos to fly in or anything. Just a simple wall of photos. I also would like the boxes to glow in some sort around the edge of each box each time it changes pictures. Hope this makes sense.

[@wasehaien93]

hi please help me. why my slider control 2 and 1 connected? how do i unlink the two of them? sorry for my bad english :(

[@appleoftheground]

But how do I make the text so that it shows the actual figure as the bars elongate, rather than the percentage?

[@erosioncreations7763]

what do i have to do when i want a % behinde every number?

[@skylermarshall3858]

Lol, nice call out on Andrew Kramer :P

[@farajalshami9933]

when i click on ( source text 4:55 ) nothing appears !! can u help out with this please !! thank you

[@leemidwinter1379]

Any idea why 'Trim Paths 1' draws my circle in reverse to yours? ie When Slider is on '3' the circle is 97% drawn rather than being 3% like it is in your tutorial? Good tutorial by the way :)

[@sosenagetaneh1503]

How can I get the text of the percentage expiration. It's giving me a hard time.

[@jerendraws]

I have no idea how you don't have more subs

[@anewchallenger2825]

Let's say I want to make the numbers move and follow the bars as they fill up, as if guiding or following the progress of the bars. And when the bar stops at a specific location, the number stops too. How do I do that?

[@nishchaygoyal6639]

what's the sound track in background

[@vipul14091984]

how to duplicate shape layer

[@Aveelie]

For the beginners: duplicate shortcut is CTRL + D (probably CMD + D on Mac)

[@Dariothemost]

Thx, I was freaking out

[@indeedstudio9741]

Andrew kramer is awsome :-D

[@baileyharwood7831]

Chur homie this is a good tutorial please help how can i make the circle into a triangleryer prisum as my grandad once faught in the great war of namibia. He like sqaures so can i please make this into a star shaped desing. Thanks - abraham stewart.

[@jenniferjohnson5357]

At 6:34, I cannot see the entire expression shown in the video. All I see is Math.round(value). I don't know what to do to round off these numbers, any ideas?

[@romeomeier1275]

Why do I have Numbers like 93.7654568 I want Whole Numbers only how to I get them?

[@melodyfitzgerald7184]

Try adding Math.round to the beginning of your expression ;)

[@wienochnie6117]

can I only show 1 decimal digit instead of none somehow?

[@moabbaly3664]

I guess you have to add .toFixed(1)

[@Yungnicki]

otros

[@sosenagetaneh1503]

Please inbox me or something. Thanks