Animate Numbers Over 1 Million In After Effects

Рет қаралды 55,634

Жыл бұрын

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

Пікірлер: 73

@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 7 ай бұрын

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

@samhastwell5478 11 ай бұрын

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

@JP3Boogietek 12 күн бұрын

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

@imkaikhalid 4 ай бұрын

Thank you so much! This was exactly what I needed

@tyshkadesign2941 2 ай бұрын

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

@tonywannabee 7 ай бұрын

Very helpful! Thank you!

@shelkonnery 5 ай бұрын

Nice!! Thanks for sharing this!

@lukecarter9005 2 ай бұрын

Hell yeah man, thanks! worked great.

@christianfreire3274 6 ай бұрын

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

@Roger_VideoEditor Жыл бұрын

Thanks. Very Helpful.

@daniiseh 11 ай бұрын

super tutorial! thank u

@4seeableTV Жыл бұрын

Thanks again Chris

@tonyambito8028 4 ай бұрын

thx very helpful!

@arceganduh 4 ай бұрын

Thank you so much!

@VolkanDalyan Ай бұрын

Thank you so much that worked great

@bookssummaries2023-mp3yy Жыл бұрын

thank you great stuff.

@AArif2899 Ай бұрын

Thank you so much!!!!!

@hersonlariosa5739 11 ай бұрын

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

@Farkaz 6 ай бұрын

legend! thx so much

@bcproductionvideos 9 ай бұрын

TYSM!!!

@nativelyornate 8 ай бұрын

No problem! :)

@cheaddaca3532 10 ай бұрын

legend!

@1Rahulbanjara Ай бұрын

Thanks

@shahzodrustamov7880 Ай бұрын

thank bro

@toapyandfriends 5 ай бұрын

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 11 ай бұрын

thnku bro

@BanaadirMedia 6 ай бұрын

🙏 Thanks

@rgb.229 11 ай бұрын

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

@richardaogo 3 ай бұрын

i love you bro

@2joa000 11 ай бұрын

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 8 ай бұрын

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

@mapograph 10 ай бұрын

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 2 ай бұрын

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

@andreluzuriaga5678 4 ай бұрын

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

@LukaM891 10 ай бұрын

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

@nativelyornate 8 ай бұрын

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

@ZacVogel 29 күн бұрын

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 23 күн бұрын

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 2 ай бұрын

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 11 ай бұрын

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

@nativelyornate 11 ай бұрын

@@dampedy5184 Amazing! Glad to hear that :)

@henkesweet 5 ай бұрын

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 5 ай бұрын

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 3 ай бұрын

@@nativelyornate clutchhh

@funside7662 4 ай бұрын

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

@huseyiny1358 7 ай бұрын

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 7 ай бұрын

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 6 ай бұрын

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!