How To Create A Counting Effect in After Effects

Рет қаралды 143,675

Күн бұрын

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

Пікірлер: 188

@ahmedsuleiman1130 Жыл бұрын

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.

@MotionArrayTutorials Жыл бұрын

Thank you so much! That means a lot Ahmed! Thanks! 😄

@nickwallace2982 Жыл бұрын

My boy Jordy has one of the best tuts in this community. More power brother! We appreciate you always.

@MotionArrayTutorials Жыл бұрын

That really means a lot Nick! Thank you so much! 😄🙏 so many more to come as well!

@April-xb7qs 2 ай бұрын

I literally never leave comments on any videos, but this was so clear, I just had to. It worked! Thank you

@shabobchik 2 ай бұрын

Exactly what I needed plus hidden extras for future projects. Straight to the point and very clear. THANK YOU - new subscriber.

@ronendavid8842 Жыл бұрын

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

@MotionArrayTutorials Жыл бұрын

Awesome! 😄 Glad I could help! Good luck with the project!

@lukacrvenkovic6395 9 ай бұрын

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)

@TaufikLukman 7 ай бұрын

thanks Man!

@juliodelgado9954 6 ай бұрын

Thank you!

@PrimalEdge Жыл бұрын

you have exceptional presentation skills, I know I've said this before, but I really enjoy your tutorials

@MotionArrayTutorials Жыл бұрын

Wow! Thanks Michael! 😄🙏that actually means a lot to me! Super appreciate it!

@luke_nukem 2 ай бұрын

Awesome. Every other video on this effect on KZfaq kept giving me expression errors. This is the only expression that works! Thanks!

@user-zi1tr5my7q 7 ай бұрын

Love it!!!! Thank you so much!!

@CarlYoungII 5 ай бұрын

Helped put a fun new unique spin on the project I'm working on. Very cool video!!!🔥🔥👌🏽👌🏽👌🏽

@skinandbones5339 3 ай бұрын

That is such a great tutorial. Thank u so much!

@juancamilogutierrezsalas Жыл бұрын

This video came to life at the exact moment I needed it!

@MotionArrayTutorials Жыл бұрын

I’m SO happy to hear that 😁🙏🏻

@dietmarreiss9248 5 ай бұрын

Wow. Exact what i need. THX so much for helping us with your knowledge. Wish you the best. 🙂

@John-sp9if Жыл бұрын

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.

@MotionArrayTutorials Жыл бұрын

Thanks John! So glad you liked it! 😄🙏

@peachbun1320 3 ай бұрын

Super helpful!!! Thank you

@bibuedits 6 ай бұрын

Adamın dibi You are best bro 🥰

@bookssummaries2023-mp3yy 11 ай бұрын

Great stuff thank you.

@jasonX Жыл бұрын

Thanks for this simple guide!

@MotionArrayTutorials Жыл бұрын

Any time! 😄🙏 My pleasure!

@yesneo6613 Жыл бұрын

This is actually insanely useful, thank you so much

@MotionArrayTutorials Жыл бұрын

Awesome! So glad it was helpful! 😄

@glokkjhit4749 Жыл бұрын

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

@MotionArrayTutorials Жыл бұрын

Happy to hear that! 😄 So glad I could help out!

@SazzadShad Жыл бұрын

many many thanks . You help so many people by making this useful videos .

@MotionArrayTutorials Жыл бұрын

Wow! Thanks so much for saying that! It's my pleasure 😄

@sara85eg 11 ай бұрын

my favourite after effects tips so far

@MotionArrayTutorials 10 ай бұрын

Wow! 😄🙏Thanks so much! That makes me so happy!

@Wieringenn 7 ай бұрын

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!

@phn2017 2 ай бұрын

it's help me a alot, thank you!

@zosiaszafranska Жыл бұрын

This is SO USEFUL, MAN! Thank you so so so so so much!

@MotionArrayTutorials Жыл бұрын

Totally my pleasure! 😄🙏Glad it helped!

@mursalmustafe Жыл бұрын

Wooow very needed tip ❤

@ericsgotlegs 8 ай бұрын

Thank you!

@VentaBlackStudios 11 ай бұрын

Amazing, you've helped countless animators including my self.

@MotionArrayTutorials 11 ай бұрын

I'm so happy to hear! 😄🙏 That just made my day!

@watchgabe 7 ай бұрын

Best explanation ever

@Dancing_Alone_wRentals Жыл бұрын

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!

@MotionArrayTutorials Жыл бұрын

So glad you enjoyed it! 😄🙏

@mr.drumstick Жыл бұрын

Best timing ever! Thank you!

@MotionArrayTutorials Жыл бұрын

You're so welcome! 😄

@GiziBrat Жыл бұрын

Love your videos, nice and simple, easy to understand, you earned my subscribe

@MotionArrayTutorials Жыл бұрын

Awesome, thank you so much! Welcome to the team! 😄🙏

@gripps2211 5 ай бұрын

Simple and easy to follow

@DarrenNgFinance Жыл бұрын

Hey thanks for this ! Needed it

@MotionArrayTutorials Жыл бұрын

Awesome! Happy to help!

@danielgallo2204 2 ай бұрын

thanks, you saved my day

@PrabhatKumar-bf3lz Ай бұрын

@Motion Array Tutorials Great tutorial. 👏👌

@pratikchoudhari6364 Жыл бұрын

You my friend make it sooooo easy, keep inspiring 😇

@MotionArrayTutorials Жыл бұрын

Thanks so much, that's good to hear!

@hagopboghossian6841 Жыл бұрын

Great tutorial 👌

@MotionArrayTutorials Жыл бұрын

Glad you think so! 😄🙏

@singhkrishanu Жыл бұрын

Thanks brother. Very good video👍

@MotionArrayTutorials 11 ай бұрын

So glad you liked it! 😄🙏

@BangladeshView2 10 ай бұрын

thank you.

@agotime1959 Жыл бұрын

Thank you so much😍

@MotionArrayTutorials Жыл бұрын

You're welcome 😊

@MikaStaines Жыл бұрын

Amazing thank you

@MotionArrayTutorials Жыл бұрын

No problem 😊

@__pumpkin__ 5 ай бұрын

Helpfull❤

@saqlainahmed7172 Жыл бұрын

You're awesome brother, I love you

@MotionArrayTutorials Жыл бұрын

Thanks for watching! 🙂

@MJIHoait Жыл бұрын

Bruh, this was a life saving. Thanks a lot bro....... You're amazing💚💚

@MotionArrayTutorials Жыл бұрын

You're welcome! So happy it was helpful! 😄🙏

@MJIHoait Жыл бұрын

@@MotionArrayTutorials Wow😱 Can't believe you replied, you're so humble bro. Love from another part of the earth 🇧🇩(Bangladesh) 💚💚

@Sdachneak 4 ай бұрын

thankful

@jawadhussain241 Жыл бұрын

Awesome 👍

@MotionArrayTutorials Жыл бұрын

Thank you! Cheers!

@jaganjan9949 Жыл бұрын

It's veary useful, thx

@MotionArrayTutorials Жыл бұрын

You're more than welcome! 🙏

@eugenslavik4230 Жыл бұрын

Thanks!

@MotionArrayTutorials 11 ай бұрын

You're welcome! 😄🙏

@wasutorntasuriyajalearnkun2756 9 ай бұрын

awesomee

@richochet Жыл бұрын

Thank you

@MotionArrayTutorials Жыл бұрын

You're welcome 😄

@EricSwain79 Жыл бұрын

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?

@botie38 2 ай бұрын

love how friendly this guy sounds when guiding me throughout the process. Love this Vidoe!!!

@thisischaniece Жыл бұрын

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.

@PlisChroniclerAL 8 ай бұрын

Can you please recommend a sound effect of numbers quickly increasing ?

@The_real_angle 9 күн бұрын

Reason why i love KZfaq :redheart:

@joed180 Жыл бұрын

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.

@MotionArrayTutorials Жыл бұрын

Knowledge is power 😄 And knowledge plus free stuff is even better IMO

@markschultz2115 Жыл бұрын

Great video! I owe you some "doll ers" lol

@MotionArrayTutorials Жыл бұрын

Awesome! Thanks Mark! 😄 So glad you liked it!

@indianmmafans7545 11 ай бұрын

Best video

@MotionArrayTutorials 10 ай бұрын

Thanks so much! 😄🙏That makes me so happy to hear!

@teachminhajsoomro1173 Жыл бұрын

Life saving tips

@MotionArrayTutorials Жыл бұрын

Glad you liked them! 😄

@teachminhajsoomro1173 Жыл бұрын

I watch your all video

@bhuwanbansal 11 ай бұрын

Can you also point to the sound effect for counting up

@yogawithmags 6 ай бұрын

Could you please tell me what formula to use so it starts the count from 1 instead of 0? Thanks a lot! Great video

@harrysmith6131 Жыл бұрын

I like the effect of your headshot video bubble. Is that a plugin?

@MotionArrayTutorials Жыл бұрын

Ooh, no it's not but that's a great idea 😄 I should make one

@Dancing_Alone_wRentals Жыл бұрын

I thought that was cool also. Perfect to see the speaker just at the moment I was contemplating what was said. Cool editing!

@debangadutta4746 Жыл бұрын

what is the sound effect is called u used on the countdown animation ?

@caleb.justice 5 ай бұрын

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!

@nickjames5602 9 ай бұрын

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?

@CappsProductions 6 ай бұрын

Here is the ending of a youtube video link. This video explains how to do over 1 million: v=Nguzk2Fb2vo

@jossedore 9 ай бұрын

any idea on how to remove decimals and add commas at the same time?

@venom__13 9 ай бұрын

❤!

@konlaor Ай бұрын

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.

@mickeygamer7468 10 ай бұрын

How do you make this counting-up sound effect?

@ValerioLauri1984 11 ай бұрын

is there any chance to slow down the countdown toward the end? cheers

@user-vw4yu4qc3d 2 ай бұрын

how will i add the symble in the front of the numbers

@connornewell8041 10 ай бұрын

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.

@BluMarsMedia 10 ай бұрын

Thank You! How about adding a comma?

@BluMarsMedia 10 ай бұрын

I found my answer below! ;)

@BluMarsMedia 10 ай бұрын

Found it

@xLeBang 6 ай бұрын

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?

@xLeBang 5 ай бұрын

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

@artugert 11 ай бұрын

Cool, but now how do I get it into Premiere?

@mickeygamer7468 10 ай бұрын

Can I make this counting-up animation on a DDR4 with 8 GB of RAM?

@FroggiBoy 3 ай бұрын

can you do this in pr?

@alimoursi5454 Ай бұрын

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 ?

@simplemusic3311 Ай бұрын

what if i want to add 3 zero, so start not from 0 but 000 and then 001,002,etc?

@user-kh7jx8sh1m Жыл бұрын

Can you please share the SFX used in counting effect (or how to make it ourselves) it would be a great help

@MotionArrayTutorials Жыл бұрын

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

@edwinpalm2129 9 ай бұрын

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?

@akula_zko 9 ай бұрын

just keyframe that. at the beggining set 1500 and at the second keyfrae set 500. thats it! the same for 1st question

@Gameoholic_ 7 ай бұрын

Heya, what's the counting up sound at 0:01?

@PetelRoseMaria 9 ай бұрын

Any DAY countdown timer????

@step1610 7 ай бұрын

where can i find sound effects for this?

@user-ko5gc2iv3y 7 ай бұрын

what is the name of the font you have used at 0:16 seconds.

@LongJonYT 10 ай бұрын

Is there a way to change the color within certain ranges, say you want 1-40, red. 41-70 yellow, 71-100 green?

@sorajj 9 ай бұрын

just animate tint effect

@SoulSpice Жыл бұрын

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!

@MotionArrayTutorials Жыл бұрын

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

@techskillsonline2596 8 ай бұрын

Great job!! But Adding "+" as a prefix did'nt work, Any fix to that??

@thaaer_shaabo3130 5 ай бұрын

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.

@uxdeya7660 2 ай бұрын

happens to have the same problem trying to edit the expression in the source text not the slider editor

@component8107 11 ай бұрын

Or use the numbers effect, which is much easier

@anti8452 5 ай бұрын

How did you do the clicking effect 4:38

@fruitpunch5260 Жыл бұрын

How can I get my number in the billions? It seems i'm only allowed 6 zeros, I need 9

@usus8420 4 ай бұрын

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

@Kareemnoel Жыл бұрын

Can the preset be used in premier pro ?

@MotionArrayTutorials Жыл бұрын

Sadly no 😢 unless you dynamically linked it from Ae

@hunteer8875 Жыл бұрын

can you do this on i movie? if not can you make a video on a free video editor tool like i movie. Thanks

@MotionArrayTutorials Жыл бұрын

We don't really work with iMovie, to be honest 🤐

@hunteer8875 Жыл бұрын

@@MotionArrayTutorials a free editing tool that can do this animation. i'm only interested in the counting animation

@poptrump1990 9 ай бұрын

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.