Animating Numbers Counting Up In After Effects | Beginner Tutorial

[@lukaskuth7195]

I watched this video 4 years ago to learn how to do it. I promised myself I will always remember how to do it! I never remember how to do it and always come back to this video. THANKS!

[@Learnin5]

Thanks for coming back, Lukas!

[@simonwebb7391]

yep why won’t this go into my head!!?

[@rosario9527]

Same! xD

[@dipthehip]

wow me too lol

[@play_north]

I'm exactly the same boat. Done it a million times. Always forget the expression. For anyone else it's: Math.round(effect("Slider Control")("Slider"))

[@ehsan_shardum]

this is great! no annoying music, just pure clean talking and instructions, thnx man, keep up the good work.

[@LightspeedTutorials]

add text - fx: slider control = drop onto text layer. 0:58 Text layer - Source text, Alt click to open expression cmd line. 1:18 Effects - pickwhip Source text expression to Effects slider control. 1:27 Add Math.round( ) function around your auto generated expression

[@Mike_Schmitz_Videos]

I've been watching this video for years. Finally, I did it without needing to watch it again. I still thought I would come back for old time sake.

[@Mike_Schmitz_Videos]

Update: I've forgotten how to this and now I'm back again :)

[@snapicvs]

perfectly done. Quick, direct, straight to the point and simple. No extras, no explanation of extreme basics (how to create a comp, etc), no discussion of what you read on fakebook today or what you had for lunch, just a quick fast tutorial. Anyone who wants to make tutorials online, PAY ATTENTION! This is how it's done. Thank you!

[@DeerNailEdits]

I dont know where you are, but thank you man. Even after 8 years, this still helps

[@RMigrin]

If you want it to automatically add commas: num = Math.round(effect("Slider Control")("Slider")); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num)

[@dre2010]

The world needs more people like you. Thank you man!

[@ejamz9950]

legend in the making.

[@abraham6567]

thanks This is the real deal!

[@playroomcreative]

Thanks!!

[@tshepomsimango7667]

Thanks cause this shit was going haywire my man!

[@labelofficial9332]

If you want it to have 2 decimal points, change the code to: n = effect("Slider Control")("Slider"); d = 100; Math.round(n*d)/d

[@plixplop]

Thanks you just saved me another 20 minutes of searching forums! And you can change how many decimal places by changing d to 10, 100, 1000 etc. The number of 0s is how many decimal places.

[@MustafaBatu]

You are a life-saver dude. Thanks.

[@TBCCullman]

What if you want it to have a comma when you get to 1,000 and up?

[@adictivedesign]

and if i want a + infront?

[@richardmoore9874]

How do I make it go above 1 million it seems whatever number I put in over 1 million it always resorts back to 1 million.

[@fcam]

for triple digits counter animation effect in #aftereffects x=Math.round(effect("Slider Control")("Slider")).toFixed(0); while (x.length < 3) x = "0" + x; x

[@HarryLimezz]

Huge thanks for this!

[@san6449]

❤

[@californiasoul27]

My man. Just what I needed!

[@GEOLVFX]

Our savior! haha thanks!

[@TheHiddenCardVillage]

For me this worked better : x = Math.round(effect("Slider Control")("Slider")).toFixed(0); x.replace(/\B(?=(\d{3})+(?!\d))/g, " ");

[@oldsingleplayer3012]

bruh, after effects never cease to amaze with it's possibiities. and thank you for this amazing tutorial!

[@seannemetz4856]

You are way above average in your delivery and speaking ability, more tutorials please!

[@tinak.4534]

τττττττττττ959856τθιο;ααωψχοσςιςσε3οε3ιθιρτ5διοεδοεοττρυηυ6υ55τγτρ

[@patrickmccaffrey1187]

THANK GOD FINALLY SOMEONE WHO GETS TO THE POINT FAST!!! THANK GOD, AND THANK YOU, Patrick

[@oisin.deignan]

Woah.... Who'd have thought Roman from Succession would be such a good After Effects tutour. Thanks dude!

[@AineHowTo]

8 years later and still good, quick and right to the point, amazing

[@ابووليدميديا]

Math.round(effect("Slider Control")("Slider"))

[@الغريب-م4م]

ما هذه اللغة يا صاح

[@LividMailleann]

thx

[@rice2299]

thanks!

[@4jp]

Math.round only gives you half of the first and last number because it changes at x.5. Use math.floor when counting up and math.ceil when counting down.

[@ReelJames]

@@4jp Jeff, *THANK YOU!* Took me finding your comment to figure out how to solve my expression error when typing Math.round. You rock!

[@justarthur7110]

To solve text going to the left or to the right, you have to align it in Paragraph Options.

[@lucasgraveland7531]

Legend

[@chencefa226]

OMG you're life saver! TQ very much for mention it! it does works for me !

[@ScarlettStoorvogel]

Did I learn something? Absolutely! Do I now have twelve more questions about AE? Certainly!

[@TheViggokid]

Dude I literally just applauded this. I promise the hours you've saved me will be put to good use :)

[@jamessteidl5260]

PERFECT TUTORIAL!!! Fast and to the point. No long-winded intro. GREAT!!!

[@bettyle7273]

after 7 years, you are still a Legend! Thank you for a very clear tutorial and positive energy in the video

[@sanlapbiswas4093]

you are so much interactive. enjoyed your way of talking. That energy. subscribed

[@Learnin5]

Thank you! I also run a channel on everything for Premiere Pro if you'd like to check it out: kzbin.info

[@wolfdogfilmes]

thanks, dude. saved my life in a job today!

[@Samsonoff]

Thanks, dude, you rock! Saved me a ton of time. Subscribed.

[@MoonlinerPictures]

Dude, great tutorial, I have one day until I finish my first feature and I was dreading this last little effect until seeing this video.

[@Adriii-hl2xd]

you are amazing homie, i hope you can see that eight years later your video is still useful, thanks

[@srinivasnahak3473]

Even after 8 years it's still so helpful!!

[@169PNSL]

Most worthy 5 min of my day. Thank you very much!

[@joseantoniocanorosas]

1312@242 Elizabeth AGREED

[@beigeandbreeze]

Finding for so many hrs...finally, thankyou so much man, god bless you😇

[@danbayat9180]

I searched for easy and useful tutorial in the Net , Now i can say your tutorial is the best for this topic TNX

[@jakealterman7003]

I've watched this video at least 50 times and it works every time

[@senzokuhlebhengu1126]

Wow that's one way of earning an instant subscription, well at least for me. I subscribed before the video even ended because it was that great. Thanks man

[@rachellius8921]

FINALLY! This should be top result for finding how to do this, thank you!

[@thinguy1tube]

Very quick and Helpful while I was in a bind on a freelance gig! Thanks Patrick! You made me much less scared of expressions in AE.

[@Learnin5]

Glad it was helpful. Thanks for watching!

[@joshuavictor9528]

I was seriously looking for Slider Controls in CS6 till I almost gave up, coz no one was explaining it out in details online (alt+Right Click), But you finally made my day's Tutorial...Thank you.

[@paintingmysky]

Thank you so much!! You just saved me from spending HOURS figuring this out.

[@tommy622222]

You're so funny. XD I can't tell if you love or hate doing these tutorials but either way it's hilarious. Thank you for this awesome tutorial!

[@loveesther4061]

What a last minute saviour..thanx!

[@ashantighania225]

Thank you! -Desperate animator at 4:48am.

[@m3ormy]

5:40 AM

[@matvte]

I feel the same as you do pal. Hope you got the job done.

[@venetziagajardo7376]

@@matvte 0:00

[@gcosilk9874]

Thanks mate, it still so much helpful till now

[@renzoquiroga5033]

Man! I just saw this video, you are amazing! Nice job!

[@jakelambert8151]

I can quote this video, but still need it cause I'm always so close but a little off. Love this guys voice and think he is hilarious

[@damon621]

First tutorial that is just clean and it works right away, thank you!

[@emmanuelkrumov]

Useful and to the point. Highly appreciated 💯

[@doulaeiiminc7430]

This video still make alot os sense like 4 years later. Thanks man

[@angelag1213]

Great tutorial. Still helping people even after 5 years. Thanks a lot!

[@ornellasanz5750]

You are incredible, a genius explaining, I was able to do it super easy and fast, I thank you very much ! Saludos desde Argentina

[@leoeditor]

I always come back to this video!!! TKS

[@ivann1n]

Incredibly worthy! Thanks from Mexico

[@brianrappaport]

Awesome tutorial!! Just one piece of advise, Math has to be with a capital M otherwise won't work, spent 10 minutes trying to figure it out!

[@Chamokkk]

thanks bro you're a gem :)

[@ZakiBekakra]

Thanks bro, I really needed this.

[@dreamdoodlefilms1989]

Thanx a lot man seriously you save my time & energy. God Bless you

[@rawr-asmr]

Thank you so much, not just for the technique but the commentary as well!!! 😂😂😂

[@gasmy2257]

Awesome! Now looking into adding a speed ramp and some motion blur

[@KingKarlak]

Legend, super easy to follow!

[@sidharthv]

Did it in 5 minutes. Thanks bro.. 👌🏽

[@NateJGames]

Thank you! Credit to @Derin İlkcan Karakoç but just so this is more visible to people, this is how you round up in k's (needed to do this for my KZbin Channel :) Math.round(effect("Slider Control")("Slider") / 100)/10 + "k"

[@xXxdamonstaxXx]

I love you

[@huuphuocnguyen4332]

Bro u saved my life, tks alot

[@ellipseadrian1780]

Crazy, man! Tnx a lot! Who thought this would be so easy?

[@Kanoez]

you're the goat man, thanks!

[@จ๊ะจ๋า-ฎ2ณ]

OMG this actually worked !

[@theoandolaf]

How do you make your numbers aligned? Mine keep shifting as the numbers get higher.

[@MichaelBlanco]

Love you man.

[@daviddaywon]

You just saved a bro, thanks man

[@apaloosa01]

Dude! Simple and clean, AND FINALLY! The expression for the round numbers! Thanks a lot!

[@BumilangitID]

Easy to understand. Thanks

[@AhmedMohamed-lf1dh]

I watched this video 7 years ago to learn how to do it THX

[@khdijakamoun3701]

I can't thank you enough, you're a life savor!

[@livestreamingcoach]

7 years later... THANKS! quick n easy

[@wavetravelart5824]

Thanks a lot for this trick, Patrick !

[@dallasagencia1898]

Thanks man! Subscribed and Liked!

[@safetyhomeloans950]

Due to the great way of teaching and going straight to the point, you Sir!deserve a thumbs up and a new subscriber. Thank you for this wonderful video you have just earned a new subscriber take care.

[@Squizoframe]

That's awesome man! Thanks so much!

[@dimchegcom]

Unfortunately, I can't upvote this video each time when I'm watching it and using this tip, cause it would have dozens of more upvotes!

[@sachinperera1]

worth subscribing this channel

[@FormulaAuthority]

Thanks my man, that did a number!

[@franklozano]

Thank you so much! It worked like a charm. I do have one question, is there a way to insert a comma and/or $ signs to get $100,000.00 for instance.

[@kahveciderin]

use this: "$" + Math.round(effect("Slider Control")("Slider"))

[@mefrompast]

@@kahveciderin what if we want counting in k...like 1k or 2k...what do we do then?

[@kahveciderin]

@@mefrompast divide by 1000, then round and add + "k" at the end

[@kahveciderin]

@@mefrompast Untested but should work: Math.round(effect("Slider Control")("Slider") / 1000) + "k"

[@mefrompast]

@@kahveciderin IT IS WORKING! THANK YOU SOO MUCH!!!

[@valentinadannunzio]

Thank you so much, this short tutorial is great! Thank you also for the little shadow tip ;) I subscribe now!

[@mirzhuseynov1327]

Thank you man !! you really help !

[@visionandlove3624]

Amazing!! Thanks for making it so easy and fun to learn this

[@LuggageHero]

You sir have a subscriber. I love the delivery of the content. Keep it up 👍🏾

[@SB-gy2vx]

is there anyway to add "% complete" to the same text layer? or do I have to do it in a separate layer? edit: nvm I figure it out, if anyone wants to do that (or put any other text after or even before the counter, in the same layer): Math.round(effect("Slider Control")("Slider"))+"% complete"

[@bazo0ky]

i copied that and it doesn't work... tried many versions of it and nothing worked can you help me out?

[@chinaahpek]

Perfect! Short and sweet

[@stocktalksgideon]

wow... thanks dude.. really helpful

[@DarknessDescend]

Thanks, dude! It helped me a lot!

[@ganeshnarayan2368]

YOU.ARE.AWESOME!!!

[@jorgehigginson3485]

Amazing, man! :D

[@danielmihail97]

Very hepful!!!!

[@SuperTinyMagnet]

you're a king TY!!

[@hiimhieu2307]

yoo thank you so much, funny and easy to understand, luv it

[@bawpsherep]

Excellent tutorial! Thank you!

[@BrWithFMJ]

Very quick but effective. Thank you very much man

[@Justin_W]

So simple and easy. Thanks!

[@7gpanda744]

Thanks man!!!! you save my brain stress hahaha

[@JoseHernandez-nd5en]

dude this is great!

[@learnenglishfromscratch1089]

Love this type of video, really helpful and straight to the point! Thank you so much!

[@GCKteamKrispy]

Awesome man. I even learned about shadows!

[@mqses]

When he says alt+y on pc at 0:37 he means ctrl+y

[@sliceofmatt]

I know this video is almost 3 years old but straight to the point, and showed me exactly what I was looking for! Thanks!

[@LeoBodelle]

This is great, thanks. How can you control the speed? For example, I would like to count up dates (1800 to 2018) but it needs to change slowly at the start, then speed up and then slow down again when arriving close to 2018. A bit like you would use easy ease on motion. Cheers :)

[@designcrewzwebstudio6549]

Really Awesome... Loved It.. Thank you