Numbers counting up with commas, decimals [ULTIMATE GUIDE] - After Effects 2020 Update

  Рет қаралды 91,885

Nick Khoo

Nick Khoo

Күн бұрын

A comprehensive look at how to create numbers counting up in After Effects and create a preset for it so you never have to make it again.
In this lesson we also animate it with commas, decimal points and percentages as well as any other prefix you want to add.
For numbers with commas
s = "" + Math.round(effect(1)(1)[0]);
s.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
For decimal points to 2 places
s = "" + (effect(1)(1)[0]).toFixed(2);
s.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
- This will only work if the point controller (or your language equivalent) is the first effect in the effects stack.
Want to help out the channel?
Get The "Lyric Video Creator Kit" Here: www.lyricvideocreatorkit.com/
What's Included
✅ 60 Animated Presets
✅ Bonus Thicc Marker + 4k Neon pack
✅ Premiere Ready
✅ Full Tutorial
No After Effects Skills Required
Get it here!: www.lyricvideocreatorkit.com/

Пікірлер: 260
@duncshinn
@duncshinn 2 жыл бұрын
Amazing. I found tutorials for adding prefixes, suffixes, commas, and decimals, but none that let you do it all at the same time like this. Thanks so much, bro!
@luisavalverde2351
@luisavalverde2351 5 ай бұрын
Same!!!
@mhmedia_wetellyourstories
@mhmedia_wetellyourstories Жыл бұрын
OMG I've been struggling to find a solution for this, YOU HAVE SAVED MY PROJECT! THANK YOU SO MUCH!!!
@rccwagan
@rccwagan Жыл бұрын
You just gained yourself a new subscriber. Thanks for this video, I've been using the slider control for a long time, didn't know there's an easy way to to this.
@rayg.m.7846
@rayg.m.7846 Жыл бұрын
it's 2023 and I cannot thank you enough! the slider was giving me headaches. Point Control makes so much more sense. Thank you from a new sub!
@NickKhoo
@NickKhoo Жыл бұрын
Oh amazing. Glad I could help 🙏
@serena_collins
@serena_collins 3 жыл бұрын
Yay! 🙌🏾 Success! After watching about 5 tutorials this one has helped me get that counting effect with the dollar sign!! Thank you so much!!
@NickKhoo
@NickKhoo 3 жыл бұрын
Ah nice. Glad I could help!
@bsways
@bsways 2 жыл бұрын
So how do you put a $ sign? Coz this video doesn’t explain that
@marcidukes15
@marcidukes15 2 жыл бұрын
finally someone who explains it properly! thank you!
@AlexanderGregoriou
@AlexanderGregoriou Жыл бұрын
Mate thank you! So much value in this video much appreciated 🙏🏼
@jamesparkes
@jamesparkes 2 жыл бұрын
Amazing tutorial!! Thank you for making it so easy.
@nomnompress
@nomnompress 2 жыл бұрын
Worked like magic. Thanks Nick!
@aaronlukewilson
@aaronlukewilson 2 жыл бұрын
This is exactly what I needed. Thanks so much!
@windmarkcastle7305
@windmarkcastle7305 2 жыл бұрын
Thanks a lot nick, now I can finish the project because of you! many thanks!
@juanjosearreola1640
@juanjosearreola1640 Жыл бұрын
El mejor tutorial que haya visto, muy bien explicado, gracias por compartir tu conocimiento
@illustrated12
@illustrated12 2 жыл бұрын
Great information! Thank you.
@digidianne3302
@digidianne3302 2 жыл бұрын
You are absolute legend! I am your new subs
@mickey1574
@mickey1574 3 жыл бұрын
You legend, this worked so much better than the slider! Thank you!
@NickKhoo
@NickKhoo 3 жыл бұрын
Glad it helped!
@justadrum
@justadrum 2 жыл бұрын
Thank you! Just needed the counter above 1 milly...worked perfectly. Thank you!
@maxmatassov5273
@maxmatassov5273 2 жыл бұрын
For the german people: Da der Code auf Englisch ist, solltet ihr den Begriff "Point Control" neu zuordnen. Generell lautet der Effekt auf Deutsch "Einstellung für Punkte". 1. Ihr macht alle Steps nach, wie es in dem Tutorial gezeigt wurde 2. Sobald ihr den Code in den Source Text Bereich eingefügt habt, nutzt ihr das Lasso-Tool (das Symbol, welches neben dem Quelltext zu finden ist) und verbindet es zum "Effekt -> Einstellungen für Punkte -> Punkt" Thanks for the great tutorial, Nick!
@NickKhoo
@NickKhoo 2 жыл бұрын
Love it. Thanks so much for translating
@juleslynn476
@juleslynn476 2 жыл бұрын
Thank you thank you for posting this! You're a life saver!
@NickKhoo
@NickKhoo 2 жыл бұрын
You’re very welcome
@MrTextus
@MrTextus 2 ай бұрын
So helpful! You're the man, thank you!!
@mukeshtp4951
@mukeshtp4951 Жыл бұрын
You are amazing. Thank you for sharing good stuff.
@CVI_JAKARTARAYA
@CVI_JAKARTARAYA Жыл бұрын
this is going to be great!
@Timer_Hare
@Timer_Hare Жыл бұрын
Marvelous! Absolutely helpful!
@NickKhoo
@NickKhoo Жыл бұрын
You’re welcome!
@shannonsx4143
@shannonsx4143 2 жыл бұрын
Love it - thanx !
@AG_Places
@AG_Places 2 жыл бұрын
Eres un genio... muchas gracias... estuve atorado con esto hasta encontrar este tutorial.
@rachinc
@rachinc Жыл бұрын
THANK YOU!!!! AMAZING. REALLY APPRECIATE YOU POSTING THIS VIDEO. SO HELPFUL WHEN OTHER VIDEOS DONT COVER THE SLIDER CONTROL CAPPING AT 1 MILLION.
@NickKhoo
@NickKhoo Жыл бұрын
You're welcome!
@ultimetal
@ultimetal 2 жыл бұрын
Fantastic work. HUGE help. Much appreciated. Apparently, I like two word sentences.
@NickKhoo
@NickKhoo 2 жыл бұрын
Ha! You win comment of the day
@nickkeze5831
@nickkeze5831 2 жыл бұрын
amazing!! thanks bro! 😁
@maxportfolio1468
@maxportfolio1468 Жыл бұрын
Awesome. this really helped : )
@DCS190589
@DCS190589 9 ай бұрын
thank you!! great video!!
@eleartcraft
@eleartcraft 2 жыл бұрын
AMAZING!
@user-mh8rj8rf2b
@user-mh8rj8rf2b 2 жыл бұрын
Great! Thx a lot, mate!
@vishal1061972
@vishal1061972 Жыл бұрын
Thanks for the tutorial. Cheers
@dianamendoza569
@dianamendoza569 2 жыл бұрын
Thank you! you're my hero!
@CharlizeMatthee
@CharlizeMatthee 3 жыл бұрын
You are a genius. Thank you.:)
@anais703
@anais703 Жыл бұрын
Amazing tutorial!! Thank you very much
@user-do9sc8cb6w
@user-do9sc8cb6w 3 жыл бұрын
thank you so much for your tutorial!
@lobsterboy64
@lobsterboy64 Жыл бұрын
Video was great. Thank you so much
@yenhuiho9051
@yenhuiho9051 Жыл бұрын
thanks! easier than other tutorials ! amazing !
@NickKhoo
@NickKhoo Жыл бұрын
Thank you 🙏
@user-wl2er4qt4x
@user-wl2er4qt4x Жыл бұрын
this is the perfect video thank you x 1000
@arginsky
@arginsky Жыл бұрын
Perfect! Thanks so much!
@NickKhoo
@NickKhoo Жыл бұрын
You’re welcome!
@tannerbrowningfilms
@tannerbrowningfilms 3 ай бұрын
Having that cheat script posted has saved me more times than once... If only I could like this video as many times I've used it.
@justicegoble3463
@justicegoble3463 Жыл бұрын
just ran into the same problem of running into the limit of 1 Million, just happened to find yours so I'm stoked! Thanks for the help!
@NickKhoo
@NickKhoo Жыл бұрын
Glad it helped!
@wowsweardown
@wowsweardown 2 жыл бұрын
legend! thank you
@muhammedhafzoglu5996
@muhammedhafzoglu5996 2 жыл бұрын
thanks man! you saved my life!
@ManoelFlesch
@ManoelFlesch Жыл бұрын
Saved me a lot of time, thank you! :)
@NickKhoo
@NickKhoo Жыл бұрын
You’re very welcome
@jawlineseeker
@jawlineseeker 3 жыл бұрын
thank youuuu it such a big help
@NickKhoo
@NickKhoo 2 жыл бұрын
You’re very welcome!
@haz96ai
@haz96ai 9 ай бұрын
Thank you so much... this is the best tutorial video 🤩
@SilentRONIN26
@SilentRONIN26 Жыл бұрын
Thanks. This vid was exactly what i needed.
@NickKhoo
@NickKhoo Жыл бұрын
You’re very welcome 🔥
@roll3y
@roll3y 2 жыл бұрын
Dude you are a legend!
@NickKhoo
@NickKhoo 2 жыл бұрын
Aww thanks 🙏
@marianomontiel
@marianomontiel 3 жыл бұрын
EXCELENT info and video! It deserves more views! I'd suggest you do some keyword optimization. I was quite lucky to find your video but many people might not be able to do so!
@rossbuchanan1060
@rossbuchanan1060 2 жыл бұрын
brilliant - thank you
@NickKhoo
@NickKhoo 2 жыл бұрын
You’re very welcome!
@vexvibez-3251
@vexvibez-3251 2 жыл бұрын
Dziękuję!❤️
@JohnVincentLabatastory
@JohnVincentLabatastory 2 жыл бұрын
This is very helpful!
@NickKhoo
@NickKhoo 2 жыл бұрын
You’re very welcome!
@tihanypuerta756
@tihanypuerta756 Жыл бұрын
thank you man,you are a legend
@NickKhoo
@NickKhoo Жыл бұрын
Happy to help!
@dahunsivictor7031
@dahunsivictor7031 Жыл бұрын
thank you for the insight
@NickKhoo
@NickKhoo 3 жыл бұрын
Make sure to have the point controller as the first effect in your effects stack before pasting the code otherwise it won’t work! For numbers with commas s = "" + Math.round(effect(1)(1)[0]); s.replace(/\B(?=(\d{3})+(?!\d))/g, ","); For decimal points to 2 places s = "" + (effect(1)(1)[0]).toFixed(2); s.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@sannevangemert1536
@sannevangemert1536 3 жыл бұрын
I get a Error with the second code. I don't know why.
@OnlyHooligan
@OnlyHooligan 3 жыл бұрын
Thanks for the tutorial! This worked for me with 2 point decimal precision without an error :) s = "" + effect("Point Control")("Point")[0].toFixed(2); s.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@NickKhoo
@NickKhoo 3 жыл бұрын
@@OnlyHooligan Yeah I realised right after I uploaded the tute that I could have put the whole thing into 1 formula! Glad you figured it out
@pravinmishra8080
@pravinmishra8080 2 жыл бұрын
Thank You so much......
@Tyler-ko8dp
@Tyler-ko8dp 2 жыл бұрын
I've got a single decimal point, but nothing moves up after the decimal point ...if that makes sense. It just goes 9.0, 10.0, 11.0, 12.0 and so on....I'm trying to get it to go 1.1, 1.2, 1.3 etc.
@jeromecunanan2938
@jeromecunanan2938 3 жыл бұрын
You save my life haha thanks bro!
@NickKhoo
@NickKhoo 3 жыл бұрын
Ha I dunno about that but you’re welcome :)
@nogueirabrn
@nogueirabrn Ай бұрын
great tutorial, thank you!
@NickKhoo
@NickKhoo 23 күн бұрын
You’re welcome!
@madeintheeastke2276
@madeintheeastke2276 2 жыл бұрын
Bro thanks so muuuch for this
@Denis-ie6uw
@Denis-ie6uw Жыл бұрын
thank u for this guide. very useful 👍
@NickKhoo
@NickKhoo Жыл бұрын
You’re welcome!
@protsiuk.vladyslav
@protsiuk.vladyslav Жыл бұрын
Thank you so much
@iandvan8698
@iandvan8698 2 жыл бұрын
OMG THANKS!
@henrynorgrove2034
@henrynorgrove2034 3 жыл бұрын
Thanks so much!
@NickKhoo
@NickKhoo 2 жыл бұрын
You’re welcome!
@ahmadshukri3405
@ahmadshukri3405 2 жыл бұрын
THANK YOUUUU!!!!
@juyoon0607
@juyoon0607 2 жыл бұрын
u da best!!!!! thx!
@user-kn6ib7lb3u
@user-kn6ib7lb3u 2 жыл бұрын
Thanks a lot!
@NickKhoo
@NickKhoo 2 жыл бұрын
Glad I could help!
@sergyxyz
@sergyxyz Жыл бұрын
Thanks FOREVER!
@NickKhoo
@NickKhoo Жыл бұрын
Ha you’re very welcome
@bobanzikic1993
@bobanzikic1993 3 жыл бұрын
Thank you!!!!!!
@Sampltxt
@Sampltxt 2 жыл бұрын
youre a god WOOOOOOOOOOOOO
@narendra643
@narendra643 Жыл бұрын
thank you brother!
@NickKhoo
@NickKhoo Жыл бұрын
You’re very welcome !
@wiehl442
@wiehl442 2 жыл бұрын
Brilliant! Thank you. I would love to know how to effect the ("") or +"". Such as how to change colour or font size. Are there any code resources you could link or could you give us an example of code that would effect the these parameters.
@CGStirk
@CGStirk 3 жыл бұрын
Sweet. I never thought about using a point control to get around the slider limitation! Also, some coding trivia: If you really wanted to have more than two decimals, you can use the following regex: s.replace(/\d(?=(\d{3})+\.)/g, '$&,') And if you needed commas for decimals, then you can set the locale like this: $.locale = "ru" // Russia for example Number(s).toLocaleString().replace(/\d(?=(\d{3})+\,)/g, '$&.')
@NickKhoo
@NickKhoo 3 жыл бұрын
This is why I love you guys :)
@rosaliecgarcia
@rosaliecgarcia 3 жыл бұрын
How to animate if the number that I want to achieve is something like this: 0.134641354163578?
@jamesnnabeze687
@jamesnnabeze687 Жыл бұрын
Bless you soul brother
@NickKhoo
@NickKhoo Жыл бұрын
I receive that blessing 🙏
@tiagos5804
@tiagos5804 7 ай бұрын
life saver, tyvm :D
@NickKhoo
@NickKhoo 6 ай бұрын
Glad to help!
@kamaur01
@kamaur01 2 жыл бұрын
Nicely done. I always forget how to add the commas+. A good combo with this is the plugin Monospace to lower the bouncing back and forth.
@NickKhoo
@NickKhoo 2 жыл бұрын
oooh I need to try that!
@kamaur01
@kamaur01 2 жыл бұрын
@@NickKhoo I had to do this again and forgot to save it. This one I'm posting has the option for a prefix and a suffix along with decimal values. num = "$" + effect("counter")("Slider").value.toFixed(2) + "£"; function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) I made the $ the prefix and the £ the suffix. On the same line, the (2) is the number of decimal spaces. All you need to do is add an expression slider on the text and call it counter. Hope this helps you
@RahulKashyap-zd8ho
@RahulKashyap-zd8ho 3 жыл бұрын
Thanks a lot
@NickKhoo
@NickKhoo 3 жыл бұрын
You’re very welcome :)
@KhalilCh
@KhalilCh 10 ай бұрын
Great and thank you, I have a question: what if I want to change the font size of the Word after or before like (%) or ($)
@akashgoswami52
@akashgoswami52 2 жыл бұрын
thank you
@stickapot3623
@stickapot3623 2 жыл бұрын
THANK U
@elliot_347
@elliot_347 Жыл бұрын
thank u i love you
@NickKhoo
@NickKhoo Жыл бұрын
You’re very welcome
@pcholtz
@pcholtz 3 жыл бұрын
mvp!
@KiaKittyCat
@KiaKittyCat 2 жыл бұрын
Great video! Is there a way to make the "$" text smaller than the rest of the text?
@kaguongojames1458
@kaguongojames1458 6 ай бұрын
Did you find a way to make "$" smaller?
@KiaKittyCat
@KiaKittyCat 6 ай бұрын
@@kaguongojames1458 unfortunately no 😢
@GDoggProductions
@GDoggProductions 2 жыл бұрын
Thank you for this tutorial! just what I was looking for! is there a way to make this into a MOGART so I can quickly edit values on Premiere pro ?
@NickKhoo
@NickKhoo 2 жыл бұрын
Sadly I havent solved that yet...
@harrietwasaspy
@harrietwasaspy 2 жыл бұрын
best tutorial - point control is perfect. this is the way. not slider.
@NickKhoo
@NickKhoo 2 жыл бұрын
Point Control gang! Aaaooo!
@robartillustration
@robartillustration 9 ай бұрын
Hi Nick Not sure if I missed something in the video, but is there a way to make the decimal point in-between some text instead. My example would be I would like to show hours and minutes, So the full visual would be 34hrs40mins. We can add the mins to the end, but is there a way to get that hrs in the expression? Thanks in advance
@NickKhoo
@NickKhoo 6 ай бұрын
This would require some re-coding. Standby
@rogersilveira08
@rogersilveira08 2 жыл бұрын
THX
@Khang501
@Khang501 2 жыл бұрын
How would you go about with something from 5’6” to 6’11” or from 5’6” to 4’2”? I’m having problems with how to properly add the curly quotations in the number expression.
@al99795
@al99795 Жыл бұрын
For something like this i might adjust the keyframes of the position of the numbers and quotations to keep distancing equal and then pre-compose
@jessebout3093
@jessebout3093 3 жыл бұрын
Great tutorial thanks! How would you go about adding a percentage symbol to this?
@NickKhoo
@NickKhoo 3 жыл бұрын
9:11
@kpopRC
@kpopRC 2 жыл бұрын
anyone else have issues with it not counting the first 3 digits of 100 000?
@thisisreallife9026
@thisisreallife9026 Жыл бұрын
best tut ever 4:08
@gilumanski8175
@gilumanski8175 Жыл бұрын
tnx
@christiankurnia782
@christiankurnia782 Жыл бұрын
you deserve a nobel
@NickKhoo
@NickKhoo Жыл бұрын
Ha if only!
@MegaUrzo
@MegaUrzo 2 жыл бұрын
Hi NIck, I am trying to animate a temperature number eg 28.6oC. How do it superscript the (o)C?
@NickKhoo
@NickKhoo 2 жыл бұрын
s = "" + Math.round(effect("Point Control")("Point")[0]) + "°C"; s.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@MegaUrzo
@MegaUrzo 2 жыл бұрын
@@NickKhoo You are a life saver!
@jenniferbuat
@jenniferbuat 8 ай бұрын
This is absolutely amazing! Thank you! Would you know how to offset the numbers like a slot machine? If there is a way to do this that would be perfect!! Thanks!
@NickKhoo
@NickKhoo 8 ай бұрын
Thank you! Can you link me an example of what you mean?
@tirraa
@tirraa Жыл бұрын
What does the ""S equal"" stands for? I'm diving into expressions and sometimes I see people using showtext instead of S equal;
@tirraa
@tirraa Жыл бұрын
Now I see... It's a variable. What a dumb question of mine.
@NickKhoo
@NickKhoo Жыл бұрын
All good. I didn’t really explain anything very well so good on you for figuring it out
@HonkyQuack
@HonkyQuack Жыл бұрын
I bought after effects to edit video, and they expect me to learn a who ass programming language just to make some numbers move, L Adobe you however, are a hero my friend
@NickKhoo
@NickKhoo Жыл бұрын
Ha I’m glad I could help
@ceciliamatteoni2138
@ceciliamatteoni2138 Жыл бұрын
This seems to be a very good tutorial! I get stuck though really early as I don't know how to "go to the comment section". How do you do that? Have been searching for a very long time now :)
@NickKhoo
@NickKhoo Жыл бұрын
If you're on a desktop computer it should be the first comment at the bottom of the video. But in case you can't find it For numbers with commas s = "" + Math.round(effect("Point Control")("Point")[0]); s.replace(/\B(?=(\d{3})+(?!\d))/g, ","); For decimal points to 2 places s = "" + (effect("Point Control")("Point”)[0]).toFixed(2); s.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@racheltavares4806
@racheltavares4806 Жыл бұрын
Thank you so much for sharing, it helped me a lot! And if I wanted to count between certain values, for example between 0 and 59, like a clock, how can I change its expression? Once more, thank you!
@NickKhoo
@NickKhoo Жыл бұрын
Sadly I barely understand what the code actually does so unfortunately I have no idea to fix it for you
@racheltavares4806
@racheltavares4806 Жыл бұрын
@@NickKhoo lol
@whatughbeast495
@whatughbeast495 3 жыл бұрын
Is there a way to add this to an animated pie chart most have the decimal number but with the slider/ 1million cap I would prefer it with the commas and almost no cap
@NickKhoo
@NickKhoo 3 жыл бұрын
That will take a little more formulas but yes that is possible.
@howardroark9527
@howardroark9527 10 ай бұрын
what's the code for enter or to insert text right below ?
How To Create A Counting Effect in After Effects
5:13
Motion Array Tutorials
Рет қаралды 143 М.
Cool Items! New Gadgets, Smart Appliances 🌟 By 123 GO! House
00:18
123 GO! HOUSE
Рет қаралды 17 МЛН
Heartwarming moment as priest rescues ceremony with kindness #shorts
00:33
Fabiosa Best Lifehacks
Рет қаралды 38 МЛН
Mama vs Son vs Daddy 😭🤣
00:13
DADDYSON SHOW
Рет қаралды 32 МЛН
After Effects 3D Camera Techniques
20:47
Motion Science
Рет қаралды 2 МЛН
How to Add Automatic Commas to Numbers in After Effects
7:05
ukramedia
Рет қаралды 141 М.
Numbers + Timecode | Effects of After Effects
8:21
Jake In Motion
Рет қаралды 26 М.
The Best Hardware for After Effects & Motion Graphics
9:18
Ben Marriott
Рет қаралды 115 М.
How to edit SO good your viewers get addicted to your videos
14:32
Learn By Leo
Рет қаралды 1,2 МЛН
The only 4 After Effects Expressions you need to know
8:45
Breaking ChatGPT (except it broke me instead)
6:18
Jadyn Sopha
Рет қаралды 483 М.
How To Make A SLIDING COUNTDOWN in AFTER EFFECTS
14:38
Nounce
Рет қаралды 16 М.
Cool Items! New Gadgets, Smart Appliances 🌟 By 123 GO! House
00:18
123 GO! HOUSE
Рет қаралды 17 МЛН