Animate Numbers in After Effects - How to add commas, decimals & symbols

[@Later_Slater]

Dude Your channel is way too underrated! Ive been looking for a channel like yours for a while, and then I found it. I'm pretty new to after effects and premier pro, so your videos are a huge help! I'm so excited to see your growth in the next year, and I wish the best of luck to you, and your channel. Also, what camera do you use in your videos?? your setup looks amazing!

[@Validation]

Dude! Thank you so much for the support!! I’m so glad you’re enjoying the channel :) I use the Panasonic GH5 or GH5s for my filming at the moment.

[@troll.with.glasses]

@@Validation hi I like your videos

[@elevic6293]

num = effect("Slider Control")("Slider").value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) THIS IS THE ONE THAT WORKED FOR ME.

[@vibezzzzzzz-g3l]

same

[@ingridcops69]

thanks!

[@515elias]

same

[@Ganjigpt30]

thankzzs

[@tooltdsttc5571]

@@Ganjigpt30 Hello. Do you know what pre-video sound effects are? Thanks a lot

[@zakross]

Bro I swear no matter how many times I use this expression for a client project I always keep coming back to these KZbin Videos!

[@erishaunreiter8786]

same lol! I could just open an old project an copy the expression, but instead I keep coming to this videos.

[@tegolley]

You're only one video away. this one got me super motivated ... thanks man

[@Validation]

It's so true :) You just need that one. Thank you so much for the super!!

[@keithsummers_]

Thanks!

[@Validation]

Wow THANK YOU! 🙏

[@keithsummers_]

thank you! wish i could give more, but I will when I can i get a lot of value from your tutorials. @@Validation

[@review_maniac]

Protect this man at all costs. Thank you so much 🙏

[@AchishkaNawagamuwa]

Mate, You are a lifesaver. This is the most simplest, on point, easiest to understand video I saw regarding this. Thank you 3000! ❤

[@itomar423]

thank you, what was the musics in the videos please?

[@Walks-Drives]

Best tutorial about rounding numbers expression so far for a huge difference from other tutorials!

[@stephanez]

Who is this Guy actually ? The best teacher ever, no one of the best he is so humble 😁

[@1satoo1]

This guy is definitely a hero

[@caimundo]

Your teaching style is great. One of the best tutorials i've watched.

[@dkamhaji]

mine gets [object Property] when I start this expression - I just added a slide to type. pasted code into source text, hilghted value and pickedwhiped the slider and got that.

[@Epignosisart]

Same here

[@nosaintchad]

keep watching... adding .value.toFixed(2) fixes it

[@HiveMQ]

You need to set the Expression Egine to "JavaScript" in your project settings. That did the trick for me.

[@ohne.zitrone]

@@HiveMQ THIS IS THE WAY 💛

[@AliEdits345]

Saving as a preset is a life saver hack bro, this saves a lot of time. Thank you so much for creating these awesome videos, plz keep making such cool videos.

[@topeanifalaje9583]

Hi @AliEdits345 do you know of any tutorial I can watch in order to learn how to save this as a preset? I find myself coming back to this video anytime I want to animate a complex number counter in After Effects 😂😂

[@daviddaywon]

THIS IS THE BEST TUTORIAL! on this subject that I've seen, Thanks man

[@Validation]

I struggled with this effect for a while, so I wanted to make one that delivers everything you/ I needed. Thanks for the kind words :)

[@tom93.1]

100% completely agree

[@S3Xier]

This is it. This is, functionally, the best ae tutorial I've ever come across

[@Tecmana]

Nice Trick bro ❤

[@TertiaryAccount-t7h]

Hey, After copy-pasting the expression and thereafter highlighting value and parenting it to the slider control effect, why is it showing [OBJECT PROPERTY] in place of the text in the preview screen? Can anyone help me out with this?

[@Validation]

I saw this in one of ukramedia's videos. The one in my description I believe... If you add .value after the slider or angle control part it should work. Let me know if it does help

[@Mark-yr2gi]

@@Validation Thank you sir, I can confirm, that made it work. I also got the object property text, but it worked. Thanks mate, I subbed, great video keep it up.

[@MrJKut]

What kind of sound effect you are using for this effect?

[@comp]

@Validation said " first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "

[@elricardonoart-fr6qt]

You saved my life dude, thanks, the only video that mentions the point instead of comma!

[@FilmiSearch]

num = " "+ effect("Angle Control")("Angle").value.toFixed(0) +""; function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) Final Text!

[@Validation]

Yep, just make sure you add an angle slider to your layer and you're right to go :) Thanks for this comment

[@anastasiach3384]

thanks!

[@nicklaytonUK]

It's marvellous. My only problem is that the numbers jump around as and when 'slimmer' give way to 'fatter' digits and yet I can't see that on your examples so a bit stumped. Found it. It's ok, for anyone else who gets stumped just change to a font that works.

[@SidaliYahiaBoukhetala]

In other videos i had to go through testing on the expression myself to get things done, here we got all the sauce lol thanks man

[@Validation]

That was my goal :) happy to hear it helped. Also I have found a new technique to get this effect and it's even easier! Video coming soon :)

[@trimpsuz]

To make the commas work with numbers that have 4 or more decimals you can edit the expression like so: num = effect("Angle Control")("Angle").value.toFixed(4); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } num = addCommas(num.toString().split('.')[0]) + "." + num.toString().split('.')[1]; "" + num + ""; This will only add commas to the whole numbers and the decimals will stay as they are, text in front and behind can be added inside of the quotation marks on the last line.

[@goooys4173]

sound effect used ?

[@xqvalie]

Have u found it?I rlly need it now,can u share with me if u did so

[@GamerLevel54]

I also want it

[@GamerLevel54]

I also want it

[@goooys4173]

@@xqvalie nah bru, i didnt find it.

[@comp]

@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "

[@iCanDoThatLOL]

Do the numbers go crazy for anyone else and not increase in normal increments?

[@Validation]

Did you use the entirety of the code? But have no fear, I'm making a brand new tutorial on this effect with an even easier method :)

[@itsfarloss]

Having the same problem here, while Im trying to animate numbers they just go crazy!

[@ivansbetter]

great video! highlights everything that you possibly need to know, keep it up

[@JonaldBernaldez]

Yow! Are you reading my mind? HAHAHA i've been looking for this tutorial and mg in envato and motion array. Thanks a lot. Been looking for 2 days now.

[@Validation]

I did indeed read your mind haha

[@JonaldBernaldez]

@@Validation That's twice in a row haha. First ali abdaal tutorial and now this.

[@Pokawax]

Hellooo so cool thank you ! Do you know how to transform the 2.0 in just "2" ??? i would like to have : "2" "2.1" "2.2" etc and NOT "2.0" "2.1" "2.2" etc ^^

[@tolugileh3826]

You are an inspiration man! The way your videos are crafted, the pacing, your delivery, the music, It made for such a great learning experience.

[@Rachelcenter1]

2:39 mine just says [object Property] when I parented to the slider

[@HybridRain]

Same, this no longer works.

[@abhishekgarg05201]

num = effect("Slider Control")("Slider").value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) paste this

[@mehraritvik]

daymm the prest one is life saviour

[@wilhelmk4978]

Your AE tutorials are some of the best out there, keep up the great work bro you deserve way more subscribers and views. Stay with it man 🙌🏼

[@GB-ot1eo]

Absolutely awesome man thanks 🙏🏻

[@dreamerzone8]

Anyone know what song is playing at 0:46? Been trying to find it.

[@MohamadhossienNematollahy]

god bless you ! this was thew most useful tutorial ive ever seen !

[@fzigunov]

In a sea of crap, you are the golden needle of clarity. Thank you sir!!

[@theadirchallenge]

Where do you get the sound effect for the numbers counting

[@comp]

@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "

[@ELTExperiences]

This is amazing. Just watching to see whether this can be adapted for Apple Motion at the moment!

[@Validation]

Thank you! Yeah, not sure with apple motion or other software at the moment. Hopefully there is a solution

[@Mrcsaln]

Where did you get the sound effects used at 6:45 ? its so clean!

[@marcm.official]

how do i add percentage symbol right after

[@NosferatuG59]

You actually explain everything perfectly and even tell us how to add text within the code. This was exactly what I have been searching for, a simplistic countdown for the next 40 days. Thank you so much for your help

[@johaninho3]

I was looking for this. Thanks, man!

[@eatbulagaarchive]

can you give the counting sound effects in the description thanks

[@comp]

@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "

[@typicalisabel430]

I needed this for a project! thanks for this! very easy to follow through and everything I needed to know was all in this one video! Great job!

[@tooltdsttc5571]

Hello. Do you know what pre-video sound effects are? Thanks a lot

[@GlobeandGovernments]

Oh I understood, thats best tutorial tahsnks

[@JoseTheRover]

You're honestly the MAN for this!

[@GeoDab]

You are the best. Going to use this on my maps animation lol!

[@fqmane]

my counter effect doenst end up showing in the end result of rendered video, what do I do? can't find any solution

[@kiraribordy2650]

Super helpful! Thanks so much for the clear explanation! That said- have you ever thought to add placeholder zeros into the counter? If so how would you do that without messing up all the other lovely bits of code? (For example the number would read 000,045 or some such and count up from there?)

[@buntykinny]

Great tutorial ... Thank u.. i learned to make own preset

[@Steve05081]

Thanks a lot, man This video helped a lot like all the other videos

[@Chinnunna]

Thanks bro for this tutorial this number effect is very helpful for my client , can you make a tutorial for Devin style editing ( very very thanks for that )

[@Validation]

I’ll look into it :)

[@darisfayyad9138]

this is really really helpful brother thanks!

[@NiceGambia]

Beautiful. Can someone tell me the effect of the background fill of the map at 00:07. What do you call it? how do i seach that animation on youtube?

[@Validation]

Thank you :) That was made using an ink transition. Basically you find some black and white footage of an ink spread. Then use that as a luma mask (which is under track matte options in after effects or premiere pro). Maybe I'll make a quick video on it...

[@imamansaifi]

Which sfx you used in this number counting effect please tell me the name

[@Validation]

I used two different sounds, they took me a while to find haha first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter I'll provide links to both in the videos description :)

[@tuskiwong9010]

Simple and clear explanation, very useful for me. Thank you for your sharing.👍

[@mehraritvik]

Thanks man most in depth vidoe about number slider and angle was stuck at 1million

[@mohammedlhd]

Keep up the hard work brother 🙌

[@Validation]

Always! :D

[@enlightened_youth]

Thank you man. You literally answered all the questions.

[@Tre_Sangz]

Extremely helpful and easy to follow! I'm definitely subscribing!

[@DANHAW2]

What is the SFX you used for the number counter?

[@josephdavis01]

Love the number sound effect can you share it

[@nvpblade]

I would like to add to the scenario that if you wanna always show 2 (or more, only need to change the number that x length is less than) digits of number when counting down (for example: 1 -> 01), this code would help x=Math.round(effect("Slider Control")("Slider")).toFixed(0); while (x.length < 2) x = "0" + x; x

[@adria_de]

This is so good! But... Is there a way to add enter after text added before numbers? So the numbers appear in next line?

[@shortvideoads3541]

How can we can we get this counting sfx or sound effects.

[@Vueprecise]

How use it in capcut

[@vuquochung9855]

thank you a lot, this video is amazinggggg

[@goosedaddy001]

This is such a great video, you are truly a lifesaver.

[@Liberty4Trade]

What's the music at the beginning of the video?

[@SPASIVAFF]

Keep up the good content man, we appreciate it!

[@Validation]

Thanks!!

[@daniwidimurtadho3427]

I'm looking forward like this in another software, that is Davinci and Capcut

[@Yarosh25]

Very helpful thank you so much! What's the sound effect in the first clip of the video? Can't find it anywhere

[@comp]

@Validation said "first one from artlist: Ni Sound - Funny Game UI - Ticker Counter and the second was from envato: Ticker Tape Machine Rhythmic Clatter "

[@LucianaFranca93]

This is so helpful!! It has worked for most of the symbols I add to my projects ($,%, etc) except 1, which is when I try to use ft²... the number 2 doesn't go up at all, would you have a tip for this situation?

[@naeemraaz1295]

Really Love Your Content ,

[@Validation]

Thank you!

[@rahul.rai.]

How to put space between the symbol and the number??

[@RishabRaghavendar]

Bro, thanks for the tutorial🙏Super useful

[@daniilvidanov9784]

Thanks man! Quick, Easy, Perfect Guide.

[@anant7195]

So helpful I was looking for this exact effect for so long.

[@WaveIndex_]

Perfect tutorial. Thanks man!

[@hrishikeshshinde648]

Thanks for this animation. Awesome

[@vba2469]

The angle!! The angle parameter! Yes thank you so much for this!

[@damiap_dennis_wapshik]

Thank you so much... this is a game changer

[@Validation]

You’re very welcome! Love this effect so much myself

[@byavocado]

Hi there, how can we set "0" in front of numbers below 10?

[@ZebaFilms]

how can i get the counting number sfx? you used

[@rajurockzzz3234]

Love from india ❤ you earned a subscriber

[@PopsicleMediaHouse]

num = effect("Angle Control")("Angle").value.toFixed(0); function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } addCommas(num) PRE CONNECTED TO "ANGLE" This dude saved us so much headache 🤕

[@Vicz-]

What programming language is that 😅

[@georgebuliba9481]

You are the best bro

[@Validation]

😊🙏

[@skylight6216]

Amazing Bro.. 🤗 In very easy step, u did it👌 Love from Pakistan 🇵🇰

[@quizholo]

simple and very helpful, thanks

[@Validation]

You're welcome 😊

[@kylegrangerrealestate]

Great video! I used some of your tricks from the Ali video on my last short!

[@Validation]

That's awesome man I'll be sure to check them out :)

[@ChrystalNair]

Thanks for this. Is there a way to add a space between the numbers instead of a comma or period?

[@GB-ot1eo]

Also what's the soundtrack list for this video pls or only the 1st and 2nd if possible

[@DaBaku420]

Thank you so much! Been looking for a way to make this effect for a long time now!

[@Validation]

You're very welcome :)

[@mateofmedinacosta7126]

Hi, great Video. How did you make this spreading stain effect? 0:07

[@ricssontoh]

Do you have a tutorial for this in capcut?

[@user-jj9tx3ir9w]

Perfect, thank you so much!

[@meltrax1]

Best tutorial out there for this effect hands down, thanks a lot!! Can you make a tutorial on how to blend your numbers/text/anything with your video? Like the examples you have on the video here, that will help a lot! Keep the great videos quality. Subscribed

[@prismwing]

I don't have a video in progress that needs this, but I know it's inevitable so I'm gonna get this preset ready immediately :D

[@UyaYinata]

nice man, thankyouuuu so much its very help me