How To Create A Counting Effect in After Effects
Вставка
- Опубліковано 27 лип 2024
- Download these counter presets for FREE ➡️ bit.ly/3khZfFR
Here are the copy and paste expressions mentioned in the video..
Paste this after your expression to round numbers to zero:
.value.toFixed(0)
Paste this before your expression to give a $ prefix:
"$"+
Paste this after your expression to give a % suffix:
+"%"
And here's a link to some of the SFX used in this video:
bit.ly/3Kt2ip5
bit.ly/41jt0qc
bit.ly/3ZtKHSz
In this tutorial video, we'll show you how to create a number counting effect in Adobe After Effects. Whether you're creating a timer, a scoreboard, or simply adding some animated numbers to your project, this effect can add a dynamic and eye-catching element to your videos.
Using After Effects, we'll guide you step-by-step through the process of creating the number counting effect. You'll learn how to create and animate text layers, use expressions to control the numbers, and apply keyframes to create a seamless and professional-looking effect.
Whether you're a beginner or an experienced After Effects user, this tutorial is designed to be easy to follow and accessible. By the end of the video, you'll have a solid understanding of how to create a number counting effect that you can use in your own projects.
So if you're looking to add some visual interest to your videos and learn a new skill in After Effects, be sure to watch this tutorial video and start creating your own number counting effects today! And stay to the end to find out how you can get some FREE presets as well!
#aftereffects #videoediting - Фільми й анімація
This is forever timely usage for we After Effects users. All expressions are well noted and to be used always. Keep up the good work and more subscribers to you.
Thank you so much! That means a lot Ahmed! Thanks! 😄
My boy Jordy has one of the best tuts in this community. More power brother! We appreciate you always.
That really means a lot Nick! Thank you so much! 😄🙏 so many more to come as well!
I literally never leave comments on any videos, but this was so clear, I just had to. It worked! Thank you
Exactly what I needed plus hidden extras for future projects. Straight to the point and very clear. THANK YOU - new subscriber.
It's like you read my mind, this is exactly what I was looking for for a project I'm working on, thanks a lot for the guide
Awesome! 😄 Glad I could help! Good luck with the project!
Thank you very much for the tutorial.
Here is code for the comma for those who need it:
num = effect("Slider Control")(1).value.toFixed(0);
function addCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
addCommas(num)
thanks Man!
Thank you!
you have exceptional presentation skills, I know I've said this before, but I really enjoy your tutorials
Wow! Thanks Michael! 😄🙏that actually means a lot to me! Super appreciate it!
Awesome. Every other video on this effect on UA-cam kept giving me expression errors. This is the only expression that works! Thanks!
Love it!!!! Thank you so much!!
Helped put a fun new unique spin on the project I'm working on. Very cool video!!!🔥🔥👌🏽👌🏽👌🏽
That is such a great tutorial. Thank u so much!
This video came to life at the exact moment I needed it!
I’m SO happy to hear that 😁🙏🏻
Wow. Exact what i need. THX so much for helping us with your knowledge. Wish you the best. 🙂
I was just thinking why it can't have a drag and drop preset. Thank you so much for helping the small editors by making the preset free. This preset is a must have.
Thanks John! So glad you liked it! 😄🙏
Super helpful!!! Thank you
Adamın dibi You are best bro 🥰
Great stuff thank you.
Thanks for this simple guide!
Any time! 😄🙏 My pleasure!
This is actually insanely useful, thank you so much
Awesome! So glad it was helpful! 😄
SUPER HELPFUL!!! Thank you so much bro, you don't know how much you've helped me learn after effects and premiere pro, your a blessing
Happy to hear that! 😄 So glad I could help out!
many many thanks . You help so many people by making this useful videos .
Wow! Thanks so much for saying that! It's my pleasure 😄
my favourite after effects tips so far
Wow! 😄🙏Thanks so much! That makes me so happy!
In After Effects, to ensure that numbers always display with two digits, with a leading zero when the number is less than 10, you can use this expression on the Source Text property:
// Get the value from your slider control
var num = Math.round(effect("Slider Control")("Slider"));
// Check if the number is less than 10 and add a leading zero if necessary
num = num < 10 ? '0' + num : num;
// Output the number as a string
num.toString();
Thank me later!
it's help me a alot, thank you!
This is SO USEFUL, MAN! Thank you so so so so so much!
Totally my pleasure! 😄🙏Glad it helped!
Wooow very needed tip ❤
Thank you!
Amazing, you've helped countless animators including my self.
I'm so happy to hear! 😄🙏 That just made my day!
Best explanation ever
Geez-o-flip! I didn't understand a single thing ....
...but, the editing was fantastic. I was standing in the LIKE line before the video was half way through. tHanks for a great video!
So glad you enjoyed it! 😄🙏
Best timing ever! Thank you!
You're so welcome! 😄
Love your videos, nice and simple, easy to understand, you earned my subscribe
Awesome, thank you so much! Welcome to the team! 😄🙏
Simple and easy to follow
Hey thanks for this ! Needed it
Awesome! Happy to help!
thanks, you saved my day
@Motion Array Tutorials Great tutorial. 👏👌
You my friend make it sooooo easy, keep inspiring 😇
Thanks so much, that's good to hear!
Great tutorial 👌
Glad you think so! 😄🙏
Thanks brother. Very good video👍
So glad you liked it! 😄🙏
thank you.
Thank you so much😍
You're welcome 😊
Amazing thank you
No problem 😊
Helpfull❤
You're awesome brother, I love you
Thanks for watching! 🙂
Bruh, this was a life saving. Thanks a lot bro.......
You're amazing💚💚
You're welcome! So happy it was helpful! 😄🙏
@@MotionArrayTutorials
Wow😱
Can't believe you replied, you're so humble bro. Love from another part of the earth 🇧🇩(Bangladesh)
💚💚
thankful
Awesome 👍
Thank you! Cheers!
It's veary useful, thx
You're more than welcome! 🙏
Thanks!
You're welcome! 😄🙏
awesomee
Thank you
You're welcome 😄
love this, used the same function to count down but had to keyframe each number as the expression would add a "-" in negative space. Is there an expression to remove the "-" when counting down?
love how friendly this guy sounds when guiding me throughout the process. Love this Vidoe!!!
Helpful, but how do I add a 0 in front of the single digit numbers so when they transition to double digit (11,12) it doesn't shift over to the right? I'm trying to keep it inside of a circle and it looks odd.
Can you please recommend a sound effect of numbers quickly increasing ?
Reason why i love UA-cam :redheart:
I love how this is 4 minutes of how to do it without the presets, even though this is the video tutorial link that comes with the presents.
Knowledge is power 😄 And knowledge plus free stuff is even better IMO
Great video! I owe you some "doll ers" lol
Awesome! Thanks Mark! 😄 So glad you liked it!
Best video
Thanks so much! 😄🙏That makes me so happy to hear!
Life saving tips
Glad you liked them! 😄
I watch your all video
Can you also point to the sound effect for counting up
Could you please tell me what formula to use so it starts the count from 1 instead of 0? Thanks a lot! Great video
I like the effect of your headshot video bubble. Is that a plugin?
Ooh, no it's not but that's a great idea 😄 I should make one
I thought that was cool also. Perfect to see the speaker just at the moment I was contemplating what was said. Cool editing!
what is the sound effect is called u used on the countdown animation ?
Is there a way to add an effect when the numbers change? Like a slide-down/fade-out? Or just a fade in and out? Thanks!
Thanks so much for this fantastic, fast, and easy to understand tutorial. The only problem with the "slider control" effect is that it can only count up to 1 million. I understand you need to use the "point control" effect for that. But when I apply that same code to "point control" it doesn't work. How would I use your method to count up to 1 billion for example?
Here is the ending of a youtube video link. This video explains how to do over 1 million: v=Nguzk2Fb2vo
any idea on how to remove decimals and add commas at the same time?
❤!
I have problem of changing the font of those numbers. Some special font does not work. It always became the same font. Really appreciate if you can help.
How do you make this counting-up sound effect?
is there any chance to slow down the countdown toward the end? cheers
how will i add the symble in the front of the numbers
What's the code I need if I only want it to count by hundreds? I'm counting from 500-6200 and dont want it to count every single number, only every 100.
Thank You! How about adding a comma?
I found my answer below! ;)
Found it
hey great tutorial!
When i click the graph iconm I get the graph in units ie i can alter in how many units it counts. However, I want to influence the units/2 like in the video. I don't know how I can go to the graph in the video, ive otherwise followed all the steps correctly. Does anyone know?
i found the answer. When you right click on the graph (not the graph button! thats where i went wrong) you can select if you want it counting in units or in speed
Cool, but now how do I get it into Premiere?
Can I make this counting-up animation on a DDR4 with 8 GB of RAM?
can you do this in pr?
thnx but I have a question
if I need to use word ad suffix but I need the suffix to be in the second line
like that :
140000
customer
can I do it ?
what if i want to add 3 zero, so start not from 0 but 000 and then 001,002,etc?
Can you please share the SFX used in counting effect (or how to make it ourselves) it would be a great help
For sure! It was actually multiple layered SFX combined together, I'll have to go back and check but I think at least this was one of them - tinyurl.com/y4vxpes8
I also use a bicycle sound effect for a lot of counting stuff as well - tinyurl.com/rea7erun
Nice tutorial!
I have two questions:
1. I want the Numbers to go down instead, How do I do that?
2. I want another starting and end points, eg. from 1500 down to 500. How do I change that?
just keyframe that. at the beggining set 1500 and at the second keyfrae set 500. thats it! the same for 1st question
Heya, what's the counting up sound at 0:01?
Any DAY countdown timer????
where can i find sound effects for this?
what is the name of the font you have used at 0:16 seconds.
Is there a way to change the color within certain ranges, say you want 1-40, red. 41-70 yellow, 71-100 green?
just animate tint effect
So once I import this into my Premiere Pro project, how can I keyframe the counter so it doesn't continuously count? For example, if I score a goal, I want the counter to go up by 1, but right now it looks as if the only way to do this in Premiere Pro is by cutting & pasting. Thanks!
Hey, good question, but if you actually just want to change your stats by 1 number and they don't change often I actually find that cutting and pasting works well. Maybe I'm misunderstanding your question but this effect I show works best for large numbers where you want to go through a lot quickly
Great job!! But Adding "+" as a prefix did'nt work, Any fix to that??
same for me, it seem to be the lastest update of ae2024 didn't support it, i try it before on 2022 it work just fine.
happens to have the same problem trying to edit the expression in the source text not the slider editor
Or use the numbers effect, which is much easier
How did you do the clicking effect 4:38
How can I get my number in the billions? It seems i'm only allowed 6 zeros, I need 9
I discover I use I validate however when I place a character after the number it moves according to the format of the number it's very unpleasant
Can the preset be used in premier pro ?
Sadly no 😢 unless you dynamically linked it from Ae
can you do this on i movie? if not can you make a video on a free video editor tool like i movie. Thanks
We don't really work with iMovie, to be honest 🤐
@@MotionArrayTutorials a free editing tool that can do this animation. i'm only interested in the counting animation
Anybody knows how can I add the commas in longer numbers animations like 15,000,000 I only managed to put a dot after 15?... ugh After Effects has nothing to do with Premiere Pro, it's annoying.
So is the effect FREE or not?
The effect is free 😄
Anyone know how to change the format to euros? ie. 43.300,38
This is so brilliant but how do I start from 5000000 to 0?
🤣🤣
Can we do it in premiere?
Sadly no 😢
10x for zooming content, very rare thing