Animate Numbers Over 1 Million In After Effects

How to EASILY animate numbers with over ONE MILLION with commas! A 3 minute tutorial that explains every part of this effect. Let's get straight to the point because this is an easy one to forget.
ORIGINAL VIDEO - • QUICK TIP: Animated Nu...
Learn how to create an animated number count effect in After Effects for numbers over one million. I'll show you how to use a Point Control with expressions to animate the numbers counting up in to the millions, as well as how to add commas and additional symbols. This trick is quite an easy one to forget and it took me a long time to lodge it in to my brain. So hopefully this speed run can help you remember how to do it.
____________________________________________
Hey! 👋 If you’re new here, (and welcome back if you’re not!) we are Natively Ornate Studios. On our channel you will find tutorials and tips on all things video making & editing, workflow solutions, Motion Design & AI. Expect content on After Effects, Cinema 4D, Octane, and new emerging technology.
📝If you want to learn more, subscribe and keep an eye out for our latest videos! We will be bringing you lots more tips and tricks for beginners 👨‍🎓, to help you get the hang of motion design, as well as more advanced content such as plug ins, scripts and expressions for the more experienced designers! 💪
____________________________________________
EXPRESSIONS USED:
////// Dollar sign with commas and two decimal places:
num = "" + Math.round(effect("Point Control")("Point")[0]);
num.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
////// Code for adding commas:
.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
____________________________________________
Check out my online store for some freebies!
nativelyornate.gumroad.com/
____________________________________________
HIDDEN TIP: Earn money on your Stock Photos & Videos here:
submit.shutterstock.com/?rid=...
____________________________________________
RECORDING EQUIPMENT:
My Microphone - amzn.to/3D2eMzy
My Audio Interface - amzn.to/3J51Ywo
XLR Cable - amzn.to/3iWdpM3
____________________________________________
Don't forget to subscribe and follow on social media for more tips and tutorials:
/ nativelyornate
Website: nativelyornate.com/
#aftereffects #motiongraphics #countingnumbers #aftereffectstutorial #tutorial #quicktip #speedrun #commas #aftereffects2023 #onemillion #animatingnumbersoveronemillion #aftereffectsspeedrun #animatednumbercounter #animatednumbers #ae

[@nativelyornate]

🌟🌟🌟 ADDING DECIMALS:
num = "" + (effect("Point Control")("Point")[0]).toFixed(2);
num.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
Use this expression. Changing the number after "toFixed" will change thee number of decimal places.

[@far7064]

I've been looking for a tutorial where someone shows me how to do it with point control instead of slider control and after searching for so long, I finally found this amazing tutorial. Thank you very much!

[@nativelyornate]

Amazing! So happy I was able to help, and not a problem at all. 😀😆

[@CricketDistrict]

Best tutorial going for this, thank you for the help!

[@samhastwell5478]

Legend! You really got me out of a jam with this tute. Thank you :)

[@JP3Boogietek]

Amazing, quick and easy! Thank you so much!!!

[@imkaikhalid]

Thank you so much! This was exactly what I needed

[@tyshkadesign2941]

Thank you for this tutorial! Short and easy!!!

[@tonywannabee]

Very helpful! Thank you!

[@shelkonnery]

Nice!! Thanks for sharing this!

[@lukecarter9005]

Hell yeah man, thanks! worked great.

[@christianfreire3274]

I was driving nuts with the regular slider THANK YOU!!

[@Roger_VideoEditor]

Thanks. Very Helpful.

[@daniiseh]

super tutorial! thank u

[@4seeableTV]

Thanks again Chris

[@tonyambito8028]

thx very helpful!

[@arceganduh]

Thank you so much!

[@VolkanDalyan]

Thank you so much that worked great

[@bookssummaries2023-mp3yy]

thank you great stuff.

[@AArif2899]

Thank you so much!!!!!

[@hersonlariosa5739]

Nice tutorial bro this is what I am looking for! BTW how can you put the dollar sign after the numbers?

[@Farkaz]

legend! thx so much

[@bcproductionvideos]

TYSM!!!

[@nativelyornate]

No problem! :)

[@cheaddaca3532]

legend!

[@1Rahulbanjara]

Thanks

[@shahzodrustamov7880]

thank bro

[@toapyandfriends]

I did everything like you said and when I added the math round and moved pick whip up to the expression property the math round part completely disappeared and I was just left with the items that you had after that

[@jaspinderdhiman501]

thnku bro

[@BanaadirMedia]

🙏 Thanks

[@rgb.229]

Hey ! Very good tutorial but do you know how can i add motion blur to the number ?

[@richardaogo]

i love you bro

[@2joa000]

Hey, nice tutorial. Idk if im being a noob or something, but it works fine on AE but whenver i go and render it on Media Encoder it will simply show the text box without the expression. Ex. i crated a text box saying "numbers" and used your expression to make it count 0 - X, whenever i render it, it will show simply a static text saying "numbers" and not the animation

[@draftshare]

hi, can you pls explain this code!.. want to know what's stands for what @natively ornate

[@mapograph]

I’m making a historical video where I want to use the numbers (text) effect. However the most I can go back to is the year 1912 where the slider stops at -30000. Is there a way to go back further as my video is going to take place in the 1700s.

[@paulperno2524]

i have a probleme, if a had a second counter in the same sentence, the "num.replace(/\B(?=(\d{3})+(?!\d))/g, ",");" will not work, but if i remove a number counter to leave just 1, it work,
I don't know if you understood me ;)

[@ahmedkishwarferdous8602]

How can I put space after the number suppose, "2,245 MW"

[@andreluzuriaga5678]

@nativelyornate how can we have the numbers without a background in order to use it in other content

[@LukaM891]

Is it also possible to make it go the other way like for example down from 100.000 to 50.000?

[@nativelyornate]

Yep! All you have to do it reverse the keyframes :)

[@ZacVogel]

When I try this, the numbers don't go up from the center if that makes sense - like for the 2,000,000 to be centered when it finishes counting, the 0 it starts with has to be on the left of the screen - does anyone know what the problem is?

[@diachenkobohdan]

var num = effect("Point Control")("Point")[0].toFixed(0);
var formattedNum = num.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
formattedNum;
Alt + click the stopwatch next to Anchor Point to add an expression:
t = thisLayer.sourceRectAtTime();
[t.width / -2, t.height / -1];
You should experiment with values ​​of -2 and -1

[@SavvyTechGuy894]

anchor point is shifting during animation pls help sir

[@dampedy5184]

it working good, but if i want to start from 0 and stop at like 1000 for a sec i added keyframe for that . but in the middle it goes in -ve numbers. any solution for that. i want to stop at several numbers like 1000, 10,000 100,000 and more. but in between it shows negative numbers

[@nativelyornate]

Hmm, that's a strange one. Is there any easing on the keyframes? Maybe the values aren't linear so it drops in to negative numbers on a Bezier curve before heading back up to the 2nd value...?

[@dampedy5184]

@@nativelyornate i fixed it and it worked perfectly. That was due to the curve.

[@nativelyornate]

@@dampedy5184 Amazing! Glad to hear that :)

[@henkesweet]

What am i doing wrong? There is no number, only the text "undefined". I used this codeline:
num = ""+Math.round(effect("Point Control")("Point"))[0]

[@nativelyornate]

Very close to being right, but I think you just need to move one of your ) brackets to the end of the line after the square brackets like this: )[0])
Full line here:
num = ""+Math.round(effect("Point Control")("Point")[0])
Does that help?

[@NelsonBergsma]

@@nativelyornate clutchhh

[@funside7662]

my numbers looks shaky. but your numbers looks stable how is this possible?

[@huseyiny1358]

So how can I write this as 17.000.000?

[@praisemogbeyiro6151]

Thanks for this. But it doesn't work for decimals😪 please how can I do it?

[@nativelyornate]

Ahh okay, if you're needing decimals in there as well try this one:
num = "" + (effect("Point Control")("Point")[0]).toFixed(2);
num.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
I've just removed "Math.round" and added a ".toFixed(2)" on the end. The number in brackets here should be the number of decimal points. Let me know if that helps! :)

[@praisemogbeyiro6151]

@@nativelyornate Thank you!!!
It worked!

[@nativelyornate]

@praisemogbeyiro6151 Amazing! Glad we got it sorted 🙌Wish I had put that in the video.... I'll have to pin a comment here with that expression in case other people need it as well! 😅

[@umairshahimi4271]

Does anyone know how do I edit the fractional part? Meaning I want to write, 53,635,396.74. Apparently it became 53,635,396.00. please help

[@vipergaming3917]

type .value.toFind after command

[@bhotranslation]

Cool tutorial. Your pronunication is cool but please slow a bit down so that non-native English speaker like me will catch you up :D Thank you so much!

[@nativelyornate]

Thanks so much for the feedback! I'll take that on board and will do my best to slow down a bit for future videos 💪Glad you liked the video! :)

[@bhotranslation]

@@nativelyornate Ah.. Thank you in advance. I have subscribed you. I really like your instruction. Cheers bro!

[@TheSpacePlaceYT]

@@bhotranslation You can go to the settings and decrease the playback speed.

[@arghyadeep5738]

i dont want the commas to come in between the numbers, how to remove it ? like for 1 million i don't want 100,00,00, i want it to be 1000000 only

[@nativelyornate]

Hey! You'd just have to remove the second line of the expression. So just the following:
num = "" + Math.round(effect("Point Control")("Point")[0]);
Hope that helps!

[@PlisChroniclerAL]

what about the sound effect of numbers increasing?

[@tynnrhoas]

Can this billions or trillions also??

[@nativelyornate]

It should do yep! :)

[@mazayaamania]

thank you

[@nativelyornate]

No problem! :)

[@Blakemer]

nothing works I quit

[@nataliebielecki3593]

Dude slow down

[@AlonShaman]

be faster

[@nataliebielecki3593]

@@AlonShaman I’m stupid so I cannot 🤍