How To Create A Counting Effect in After Effects

Поділитися
Вставка
  • Опубліковано 26 лис 2024

КОМЕНТАРІ • 209

  • @lukacrvenkovic6395
    @lukacrvenkovic6395 Рік тому +44

    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
      @TaufikLukman 11 місяців тому +1

      thanks Man!

    • @juliodelgado9954
      @juliodelgado9954 10 місяців тому +1

      Thank you!

    • @gregv2821
      @gregv2821 3 місяці тому +1

      Exactly what I was looking for. Thank you.

    • @tubique
      @tubique 12 днів тому

      Thank you for the code. The $ sign might disappear after entering this code, so here’s the updated version of it:
      num = effect("Slider Control")
      (1).value.toFixed(0);
      function addCommas(x) {
      return x.toString().replace(/\B(?=(\d{3})+(?!
      \(d))/g, ",");
      }
      "$"+addCommas(num)

    • @ranj-j3h
      @ranj-j3h 9 днів тому

      Thanks

  • @nickwallace2982
    @nickwallace2982 Рік тому +5

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

    • @MotionArrayTutorials
      @MotionArrayTutorials  Рік тому

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

  • @ronendavid8842
    @ronendavid8842 Рік тому +11

    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

  • @ahmedsuleiman1130
    @ahmedsuleiman1130 Рік тому +12

    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.

  • @Wieringenn
    @Wieringenn 11 місяців тому +14

    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
      @phn2017 6 місяців тому +1

      it's help me a alot, thank you!

  • @April-xb7qs
    @April-xb7qs 6 місяців тому +2

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

  • @John-sp9if
    @John-sp9if Рік тому +1

    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.

  • @PrimalEdge
    @PrimalEdge Рік тому +7

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

    • @MotionArrayTutorials
      @MotionArrayTutorials  Рік тому +1

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

  • @VentaBlackStudios
    @VentaBlackStudios Рік тому +1

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

  • @sara85eg
    @sara85eg Рік тому +1

    my favourite after effects tips so far

  • @SazzadShad
    @SazzadShad Рік тому +1

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

  • @Dancing_Alone_wRentals
    @Dancing_Alone_wRentals Рік тому +2

    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!

  • @reindeer5590
    @reindeer5590 Місяць тому

    Thanks for the tutorial! so clear and so easy to follow

  • @gripps2211
    @gripps2211 9 місяців тому

    Simple and easy to follow

  • @juancamilogutierrezsalas
    @juancamilogutierrezsalas Рік тому +1

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

  • @bibuedits
    @bibuedits 10 місяців тому +1

    Adamın dibi You are best bro 🥰

  • @luke_nukem
    @luke_nukem 6 місяців тому

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

  • @RebellMrs
    @RebellMrs 2 місяці тому

    Wonderful! Thank you so much for this great and easy explanation! It was very helpful.

  • @glokkjhit4749
    @glokkjhit4749 Рік тому +1

    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

  • @manyourcoolchris
    @manyourcoolchris 3 місяці тому

    Thanks for the quick tutorial. Super helpful!

  • @shabobchik
    @shabobchik 6 місяців тому

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

  • @CarlYoungII
    @CarlYoungII 9 місяців тому

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

  • @AliHatoum-s2b
    @AliHatoum-s2b День тому

    so useful ... thx man

  • @watchgabe
    @watchgabe 11 місяців тому

    Best explanation ever

  • @Shams_Rumi
    @Shams_Rumi 2 місяці тому

    thank you so much! was confusing before

  • @dietmarreiss9248
    @dietmarreiss9248 9 місяців тому

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

  • @jasonX
    @jasonX Рік тому +1

    Thanks for this simple guide!

  • @zosiaszafranska
    @zosiaszafranska Рік тому +1

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

  • @joed180
    @joed180 Рік тому +1

    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
      @MotionArrayTutorials  Рік тому

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

  • @PlisChroniclerAL
    @PlisChroniclerAL Рік тому +2

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

  • @motionsam
    @motionsam 2 місяці тому

    Thanks for the presets

  • @thisischaniece
    @thisischaniece Рік тому +5

    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.

  • @GenuineStLouisBusiness
    @GenuineStLouisBusiness 2 місяці тому

    Bless you, sir!

  • @yesneo6613
    @yesneo6613 Рік тому +1

    This is actually insanely useful, thank you so much

  • @pratikchoudhari6364
    @pratikchoudhari6364 Рік тому

    You my friend make it sooooo easy, keep inspiring 😇

  • @MJIHoait
    @MJIHoait Рік тому +1

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

    • @MotionArrayTutorials
      @MotionArrayTutorials  Рік тому +1

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

    • @MJIHoait
      @MJIHoait Рік тому

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

  • @skinandbones5339
    @skinandbones5339 7 місяців тому

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

  • @Kangrizal312
    @Kangrizal312 5 днів тому

    Thankyou!

  • @danielgallo2204
    @danielgallo2204 7 місяців тому

    thanks, you saved my day

  • @SabrinaServat
    @SabrinaServat 11 місяців тому

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

  • @galeelraglen
    @galeelraglen Місяць тому

    Thank you :)

  • @peachbun1320
    @peachbun1320 7 місяців тому

    Super helpful!!! Thank you

  • @The_real_angle
    @The_real_angle 4 місяці тому

    Reason why i love UA-cam :redheart:

  • @PrabhatKumar-bf3lz
    @PrabhatKumar-bf3lz 5 місяців тому

    @Motion Array Tutorials Great tutorial. 👏👌

  • @botie38
    @botie38 6 місяців тому

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

  • @ericsgotlegs
    @ericsgotlegs Рік тому

    Thank you!

  • @daniilknigin8713
    @daniilknigin8713 Місяць тому

    hey, great tutorial! Can you somehow align the counter to the left or right, so it doesn't jitter while counting? (it moves horizontally depending on the glyph width) It's kinda distracting now

  • @mr.drumstick
    @mr.drumstick Рік тому

    Best timing ever! Thank you!

  • @nickjames5602
    @nickjames5602 Рік тому +3

    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
      @CappsProductions 10 місяців тому

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

  • @saqlainahmed7172
    @saqlainahmed7172 Рік тому

    You're awesome brother, I love you

  • @harrysmith6131
    @harrysmith6131 Рік тому +4

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

    • @MotionArrayTutorials
      @MotionArrayTutorials  Рік тому +2

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

    • @Dancing_Alone_wRentals
      @Dancing_Alone_wRentals Рік тому +1

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

  • @GiziBrat
    @GiziBrat Рік тому

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

  • @markschultz2115
    @markschultz2115 Рік тому +1

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

  • @teachminhajsoomro1173
    @teachminhajsoomro1173 Рік тому +1

    Life saving tips

  • @yogawithmags
    @yogawithmags 10 місяців тому

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

  • @mursalmustafe
    @mursalmustafe Рік тому

    Wooow very needed tip ❤

  • @rudiansyahalfin
    @rudiansyahalfin Місяць тому

    I love this GUy

  • @singhkrishanu
    @singhkrishanu Рік тому

    Thanks brother. Very good video👍

  • @DarrenNgFinance
    @DarrenNgFinance Рік тому

    Hey thanks for this ! Needed it

  • @bookssummaries2023-mp3yy
    @bookssummaries2023-mp3yy Рік тому

    Great stuff thank you.

  • @mickeygamer7468
    @mickeygamer7468 Рік тому +2

    How do you make this counting-up sound effect?

  • @hagopboghossian6841
    @hagopboghossian6841 Рік тому

    Great tutorial 👌

  • @jaganjan9949
    @jaganjan9949 Рік тому

    It's veary useful, thx

  • @bhuwanbansal
    @bhuwanbansal Рік тому +1

    Can you also point to the sound effect for counting up

  • @Bangladeshedu
    @Bangladeshedu Рік тому

    thank you.

  • @MikaStaines
    @MikaStaines Рік тому

    Amazing thank you

  • @eugenslavik4230
    @eugenslavik4230 Рік тому

    Thanks!

  • @Sdachneak
    @Sdachneak 8 місяців тому

    thankful

  • @techskillsonline2596
    @techskillsonline2596 Рік тому +1

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

    • @thaaer_shaabo3130
      @thaaer_shaabo3130 9 місяців тому +1

      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
      @uxdeya7660 6 місяців тому

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

  • @jawadhussain241
    @jawadhussain241 Рік тому

    Awesome 👍

  • @__pumpkin__
    @__pumpkin__ 9 місяців тому

    Helpfull❤

  • @caleb.justice
    @caleb.justice 9 місяців тому

    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!

  • @richochet
    @richochet Рік тому

    Thank you

  • @Prateek-s9m
    @Prateek-s9m 11 місяців тому +2

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

  • @edwinpalm2129
    @edwinpalm2129 Рік тому

    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
      @akula_zko Рік тому

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

  • @connornewell8041
    @connornewell8041 Рік тому +1

    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.

  • @EricSwain79
    @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?

  • @debangadutta4746
    @debangadutta4746 Рік тому +1

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

  • @jossedore
    @jossedore Рік тому

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

  • @SAHALISLAM-k4m
    @SAHALISLAM-k4m 6 місяців тому +1

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

  • @konlaor
    @konlaor 5 місяців тому

    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.

  • @fruitpunch5260
    @fruitpunch5260 Рік тому +2

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

  • @wasutorntasuriyajalearnkun2756

    awesomee

  • @BluMarsMedia
    @BluMarsMedia Рік тому

    Thank You! How about adding a comma?

  • @holorenSHORTS
    @holorenSHORTS Рік тому +2

    So is the effect FREE or not?

  • @step1610
    @step1610 11 місяців тому +1

    where can i find sound effects for this?

  • @Gameoholic_
    @Gameoholic_ 11 місяців тому +1

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

  • @rahul.rai.
    @rahul.rai. Місяць тому

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

  • @mickeygamer7468
    @mickeygamer7468 Рік тому

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

  • @indianmmafans7545
    @indianmmafans7545 Рік тому

    Best video

  • @ARMON-bt1md
    @ARMON-bt1md 2 місяці тому

    How can we make this into MOGRT?? Thanks

  • @artugert
    @artugert Рік тому

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

  • @ValerioLauri1984
    @ValerioLauri1984 Рік тому

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

  • @juanfelipemichelcors3938
    @juanfelipemichelcors3938 3 місяці тому

    How do yo add the Ticking Sound?

  • @FroggiBoy
    @FroggiBoy 8 місяців тому

    can you do this in pr?

  • @eddienyambe5046
    @eddienyambe5046 Рік тому +1

    This is so brilliant but how do I start from 5000000 to 0?

  • @LongJonYT
    @LongJonYT Рік тому

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

    • @sorajj
      @sorajj Рік тому

      just animate tint effect

  • @usus8420
    @usus8420 8 місяців тому

    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

  • @DeopBoiiContact
    @DeopBoiiContact Рік тому

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

    • @MotionArrayTutorials
      @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

  • @hayotislife
    @hayotislife 9 місяців тому

    10x for zooming content, very rare thing