How to Add Automatic Commas to Numbers in After Effects

In this tutorial, you will learn how to add automatic commas to numbers & sliders in After Effects using Expressions.
Project File & Code: ukramedia.com/how-to-add-auto...
Expressions Course: ukramedia.com/expressions
Blender Course: ukramedia.com/blender
CODE:
num = value;
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
LINKS:
Ukramedia Website: ukramedia.com
Shape Layers in After Effects Tutorial: • Shape Layers in After ...
Ukramedia Podcast: ukramedia.com/category/podcast/
Ukramedia Mentoring Group: / ukramedia
ML3RD KIT - Bundle: www.ukramedia.com/ML3RD
ML3RD KIT - Flat Style: ukramedia.com/product/modular...
ML3RD KIT - Corporate Style: ukramedia.com/product/modular...
ML3RD KIT Batch Duplicator: www.ukramedia.com/ML3RD
Get Adobe After Effects and CC: clk.tradedoubler.com/click?p(...)
Get Adobe CC Trial: clk.tradedoubler.com/click?p(...)
Get Adobe CC Student: clk.tradedoubler.com/click?p(...)
Find The Perfect Asset For Your Next Creative Project: clk.tradedoubler.com/click?p(...)
LET’S CONNECT:
Facebook: / ukramedia
Sergei's Facebook Page: / sergeiprokhnevskiy
Twitter: / ukramedia
Instagram: / ukramedia
Pinterest: / ukramedia
Linkedin: / ukramedia
TH-cam: / ukramedia
Mailing Address:
P.O. Box 621
Huntersville, NC 28070
*** MUSIC BY: VLAD SOLOKHA. Vlad is a family friend who is a very talented musician. You can reach out to him by going to his facebook at vlad.solokha....
#AfterEffects #Expressions #MoGraph

[@ukramedia]

Here is a quicker way to get the same result: th-cam.com/video/HQCBkOjJ400/w-d-xo.html

[@tubelator]

yes but this is free :))

[@haydenroams]

Your website is broken I cant add anything to cart

[@Cyranek]

thank you for putting the function in the description

[@arnenoot3080]

Thank you for your no-nonsense, clear to understand, no bullshit bro-step music blaring through the voice-over, tutorial. It's quality, and I appreciate it.

[@ukramedia]

:-) I'm glad you found this useful, Arne.

[@astroross]

Perfect. Lots of small details make this far more valuable than just a counter builder.

[@NadimHejeili]

Excellent tutorial. Straight to the point and goes over the 3 major elements I needed in the counter I am creating. I liked it so much I am commenting about it and I never do that.

[@Ravlyk]

This tutorial is 1000% better than I've looking for.
I just needed this coma separator. But at the same time I learned some new small features. Like "press Enter to rename", or ctrl+alt+home to center the pivot point etc.
Thank you! This tutorial is super useful to me!

[@Ravlyk]

Звернув увагу, що ви українець. Особливо приємно бачити якісні відео зроблені українцями ;)
Дякую! Туторіал дійсно крутий.

[@aaronsherman1789]

YOU ARE THE BEST THANK YOU. Always short and sweet! Keeps me coming back again and again for help.

[@chrisselvarajah6440]

Great tutorial! Like many others, it helped me out in a pinch for a project. Thank you for posting!

[@DannyJongezoonN3RDCULTUR3]

This was hella helpful! Thank you very much! Keep up the amazing work!

[@jchenmotiondesign]

Great tutorial! Lots of little knowledge gems woven into this into the main task! Thank you!

[@ashleemetcalfe1227]

Thanks! Have been looking at heaps of blogs and this video was the most helpful.

[@Filkers]

Brilliant! Very useful for our dynamic templates. Thank you again.

[@danielkweon3686]

You are so concise and get right to the point. Thanks!

[@hbartholomae]

thank you! best one teaching the comma in the counter yet!

[@TheVariableDesign]

Awesome content. Very helpful. Thanks for taking the time to put this together and share. Love it.

[@rinovbeats]

just amazing that the whole video is the solution to all my headache! you're a legend!!

[@Itziasl]

THAAAANKKKKSS i found many tutorials but this one actually worked

[@simdhertefelt]

Wonderful! Works like a charm. Thanks so much.

[@daneclassen5366]

This expression really helped with an animated graph I needed to make for a project.

[@dimchegcom]

This expression is freaking gold! Thank you!

[@leonardotdias]

This is amazing! I really have to learn expressions.

[@fully0fficial]

In our darkest hours, you are the light!

[@petertaylorarts]

So clear and informative. Fantastic teacher! Thanks

[@makewavesmedia]

Just saved me HOURS. Thank you!!!

[@daviddmotion]

Also pressing Enter in the numberpad works to get out of Type mode ;) Great tutorial!

[@Clarkjr33]

YO! This was super helpful for a current project. Appreciate the time and effort man!

[@ukramedia]

I'm glad you found it useful, Joshua. Thanks for watching it!

[@user-vr7kf9ri4e]

Thank you very much for your knowledge! I'm honored to find this way :)

[@prielhackim]

you are the only one online know what is doing-----thanks you saved me

[@kritinokhandiar2432]

Wow i found exactly what i was looking for and most easy way possible to do it. Keep up the good work !!

[@ukramedia]

Glad to hear that! Thanks for giving it a try!

[@schoolofmotion]

Excellent use of scripting! Great video, guys!

[@ukramedia]

Thank you, SOM! You guys are awesome!

[@qwertzyazertzzy337]

When 2 of the best teachers collide

[@jonagreyphoto]

Lifesaver, thank you!!

[@ToddDever]

Just what I needed. Thanks!!!!!

[@LongyTV]

Super tutorial. Helped me in a project I am working upon right now.

[@craigharris8482]

Awesome video, thanks for the code!

[@erintoews7617]

JUST WHAT I NEEDED! Thanks so much.

[@ukramedia]

Happy to help, Erin!

[@marcelamaldonado]

It was very useful for me, just replaced the commas for dots. Thank you!

[@robinsonbarreto82]

How?

[@YouWantPizzazz]

Awesome tutorial, thanks for your help!

[@fogsand5399]

Thank you so much for this! I use this expression with Slider control : )

[@petraa4533]

You're the best, thank you!!

[@yousefalizadeh4892]

Thank you! This is so useful! 😊

[@Animotion1]

Omgosh amazing tip! Thank you so much for this. Great work!

[@vishal1061972]

Thank you so much. Excellent tutorial.

[@liucanjung8183]

your video is the answer to my problem! thanks man

[@Daryn031]

Amazing tut, thanks!

[@Josh-wu7kc]

Fantastic tutorial - thank you!!!

[@MrGray512]

Great tutorial!

[@hartonogunawan2939]

Thanks man! It Works!

[@manumercuri7207]

This saves me every time! Thanks!

[@astridhiles6892]

wonderful ... thank you so much ! very clear :)

[@majidshowghi]

I tried Some other tutorials for this, And they didn't work. But You are Awesome! Thank you.

[@ukramedia]

Glad I could help. Thanks for watching, Majid!

[@rrrrodddd]

AMAAAZING, thank you!!

[@maxhaller6463]

Brilliant! expression worked as intended just copy and pasting! thanks

[@rsr_10]

Thank you so much!! Totally love your channel

[@JustinEspejo]

this was very helpful! thank you!

[@espertron]

You beautiful human, thank you for this!

[@EclipseMall]

Thanks, M8, very detailed!

[@SaraRavich]

OMG the only script that helped, thank you

[@TheHoleshoes]

super helpful! thanks!!

[@jordantaylor3d]

Thanks for sharing!

[@florence9476]

Thanks so much soooo helpful!

[@chiragparmar1964]

thank you so much buddy ....for helping me ....this is what i was searching for

[@aqueminteressarpossa3445]

king regards from Brazil, you are the BOSS

[@ukramedia]

Thank you for your kind words!

[@robertvoy]

Very nice! More useful expression tutorials like this please :)

[@ukramedia]

Thanks, Robert!

[@hvaranhvaran]

Thank you! You're da man!

[@arifx1034]

Love it, Thanks

[@dwisuputra9157]

THANK YOU!

[@Williod]

Thank you, man.

[@MAXEN3D]

I swear I like you man >> You the Best

[@sarosong]

Thanks so much, very much appreciated and very helpful, ;-)

[@cuerposquimicos]

buenisimo chamigooooo!! gracias

[@andisinambela2002]

Thank you very much!!!

[@massashihosono]

Love ya... saved the day!!

[@nisianglian6263]

you save my day man

[@lv0myc]

Thank you so much!

[@archangelz816]

Thank's mate.

[@cauesfernandes]

Thanks! helped me a lot

[@ukramedia]

Awesome! Thanks for watching it!

[@AnasAlhosni]

you're the best. thank you.

[@shacharhakim6443]

thanks man!!

[@rubensangelo1646]

genius, Thanks!!!

[@CreditForForeigners-pt9by]

great stuff. thx

[@pipoko4077]

I LOVE YOU !!

[@eryzium]

Thanks man :D

[@SeunJubril]

Thank you!!!!!!!

[@guidedvisuals]

You legend!

[@BigAl444]

Great video. I'm always reminded of how much deeper my knowledge of AE should be. Also, for newer versions of AE, they changed the name of the "Numbers" effect. This is how mine is set up and working now.
num = effect("Slider Control")("Slider").value.toFixed();
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)

[@VolkanDalyan]

Thank you for this great video.

[@ukramedia]

Glad it was helpful!

[@OmniVerse_Mavericks]

thank you so much

[@matheus1397]

I was trying to do exactly that the other day and didnt know how, thanks!

[@ukramedia]

I'm glad I was able to help. Thanks for watching!

[@stressbuster-nocopyrightso1553]

@@ukramedia Sir! I need to run exactly with different no. In the same text for eg: 1,237,345 ~ 1,273,888 using slider control

[@stressbuster-nocopyrightso1553]

Ik how to add "~" this symbol!

[@imabhishek27]

Thanks bro... u are awesome

[@KhalilCh]

Thank you

[@joanceamon4227]

Thank a lot Sir

[@matthewburnham-jones2829]

Liked and Subscribed - Great Vid

[@zevdekoff9420]

This is EXACTLY what I needed to know!! Side note - is there any way to use expressions to bump up the scale to add emphasis when the numbers pass a certain point? For example, every 100k the text would scale up slightly? Thanks!

[@johnotimi6813]

Cheers Mate!

[@ukramedia]

Thanks, John!

[@gift9729]

thank a lot

[@Rikirik97]

Hi, thank you, this is really helpful! I have a question: do you know a way to change automatically the font size of he thousands number only?

[@jbg4k179]

yes.... use conditional statement and access the fontsize property after converting to string

[@andresromero8914]

I love your videos, a question has a tutorial of the start logo animation?

[@RahulKashyap-zd8ho]

Appreciated.............

[@Jkbucd13]

game CHANGER. thank you!

[@ukramedia]

You should check out my new After Effects tool that does that quicker: th-cam.com/video/HQCBkOjJ400/w-d-xo.html

[@Foreld-xi2in]

Thanks for the tutorial. But I have a question. Each time a number adds a digit (from 9 to 10, from 99 to 100), the number is shifted. I changed the position of the anchor point to the center, but it didn't help. What to do? Help with advice, please.