Animate Numbers With the Count Up Effect in After Effects

Animate Numbers With the Count Up Effect in After Effects
► After Effects & Premiere Pro Infographics Pack:
bit.ly/100Info...
► Free 100 Template Pack from us for AE & Premiere here:
bit.ly/Free100...
Here is the full expression without a Prefix or Suffix:
Math.round(effect("Slider Control")("Slider"));
Here is the full expression with a Prefix:
"$" + Math.round(effect("Slider Control")("Slider"));
Here is the full expression with a Suffix:
Math.round(effect("Slider Control")("Slider")) + "%";
#aftereffects #animation #motiongraphics

[@SonduckFilm]

► After Effects & Premiere Pro Infographics Pack:
bit.ly/100InfographicsPack
► Free 100 Template Pack here:
bit.ly/Free100Templates

[@enlightened_youth]

if the suffix or prefix don't appear in your case, try increasing the size of the text box
This one worked for me after struggling for half an hour.

[@lukewilsonworld]

If anyone is struggling with the prefix or suffix, try add the "%" + expression to the source text instead of the slider.

[@trokolotov]

Thank you. It worked!

[@ifeanyiekeoma3432]

Thank you, it worked, but the countdown turn off

[@vrj_animation]

Very important, thank you

[@eyecandy3]

thanks champ!

[@Hellow_bro]

Thanks Mate, But in my case it worked + "%" by the way, thank You!❤

[@vikram_diwan9405]

Damn, man I have saved and organised your shorts for productive learning.
Short form used in the right way✅

[@SonduckFilm]

Thank you for the feedback! This is great motivation for me. Thanks a lot!

[@ThryveEmpire]

care to make the playlist public? 👀

[@boobalsagayaraj9914]

This short is really helpful, a lot of people made a video. But not as yours it is simple and easy to understand.

[@SkyViewExplorations]

as in the video, the% sign is not displayed. Possibly because of the AE version
Math.round(effect("Slider Control")(1)) + "%"

[@Joel-lp8eu]

use in expression in source text

[@Joel-lp8eu]

try this code var amount = Math.round(effect("Slider Control")("Slider"));
var formattedAmount = "$" + amount.toLocaleString();
formattedAmount;

[@KateButler-s3d]

Great tute! Do you know if there's way to add a comma to numbers over 1000 e.g. 1,000?

[@gaston.]

thank you... guick & to the point.

[@lc7886]

TYSM!

[@38dedo]

what if i wanna add a comma or period to the counting numbers? such as 2,347.56 or 78,534,126.02? cheers.

[@tumbleweed7260]

So i figured it out
effect("Slider Control")("Slider").value.toFixed(1)
So the number is important, you put 0 it will give you zero decimal place, if you put 1 it will give you 1 decimal place and so on.........

[@quintelveasy1664]

This is awesome

[@WorldsTimeLapse]

Is this possible with nr range from for example 1.6 - 14,82. I couldnt figure that out

[@i98-]

thanks a lot

[@user-lo6hx2ho2p]

thanks guy :3

[@Kenny-Ross]

My question is, if you're learning how motion graphics how did you learn to do this. I can watch tutorials of how to do different projects but how did you learn to do this? How did you know to put parentheses in the expression and "%". What you lead to know how to do so many different effects in Ae? There are no books, to my knowledge, to teach you. I want to be able to create projects from ideas I'm envisioning.

[@JulianeWalkingTour]

where do I find the expression???

[@abhi09888]

(effect("Slider Control") ("Slider"))

[@gamertcell8425]

Well its called Adobe for a reason. You cant just use one app, You gotta use multiples

[@mickeyromeo]

everything works except for the suffix and prefix parts

[@lukewilsonworld]

Add the prefix or suffix code in the source text's expression code rather than the slider's. It worked for me so I hope it works for you.

[@JuanFranz-gc7cb]

@@lukewilsonworld you saved me from a lot of time. thank you

[@aznstylepn0y]

How do you slow it down

[@ImLeague]

Can I add some words after it ? I would paste "LP" after the number but it turns out as an error

[@skylarmartinez4122]

What if you want to do it in like multiples of ten?
so it goes from 0,10,20,30,40,50,60,70,80,90,100.
Does anyone know how I could code this?

[@Pro4sor_GFX]

How does the Circles Comes with animation???

[@haven-hrs8884]

Basically its Python?
Correct me if im wrng pls.

[@gearbot4733]

I think it's javascript

[@kickheavy8982]

javascript. After effects expressions are based on js

[@i5v5a5n]

how do i begin with a text layer?

[@AnymMusic]

What if you want the suffix to be underneath it? Just use the text editor?

[@SonduckFilm]

I would manually type it out on it's own layer. The main reason to type a suffix or prefix in the code is so it reacts to the increase in digits from your number.

[@trungha1784]

love

[@LongJonYT]

Is there a way to change the color with certain number ranges? Say 1-30, 30-50, ect

[@WorldsTimeLapse]

do it manually

[@Lehimob]

You can add another effect (Effects > Generate > Fill) on the text layer and add keyframes to change the color as wanted

[@snsop6997]

00:01

[@GohYunYun]

can I add a space after number? like 1000 USD

[@Lehimob]

Yes, you just need to enter the space in the quotations: " USD"

[@Leo_Clipzzz]

didnt work@@Lehimob

[@isthatiris]

0:01

[@katelynnracer4169]

didn't work for me 🤷‍♀

[@GuayoyoAzucarado]

This is great! but my number needs a period. example to go from 16.000 to 100.000 - I don't want the American way 16,000 to 100,000. My currency do not use comma. How to express this? thanks.

[@GuayoyoAzucarado]

I found it. this is the code: s = "" + Math.floor(effect("Slider Control")("Slider")[0]);
s.replace(/\B(?=(\d{3})+(?!\d))/g, ".");

[@jaysondescarga3551]

ff this

[@ExpressEntertainHub]

doesnt work in Ae 2024

[@Champions_Sports_Club]

Le Dot

[@soumyajitsarkar4614]

00:02