How To Create A Counting Effect in After Effects

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 225

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

  • @lukacrvenkovic6395
    @lukacrvenkovic6395 Год назад +59

    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 Год назад +1

      thanks Man!

    • @juliodelgado9954
      @juliodelgado9954 Год назад +1

      Thank you!

    • @gregv2821
      @gregv2821 5 месяцев назад +1

      Exactly what I was looking for. Thank you.

    • @aapkaaghar
      @aapkaaghar 2 месяца назад +1

      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 2 месяца назад

      Thanks

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

  • @pragmaticcreator
    @pragmaticcreator Год назад +13

    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.

  • @dopazon7388
    @dopazon7388 13 дней назад

    thanks alot mate, cant remember how many times i came back to your video just to remember how to fix the values for round numbers 🤗

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

  • @April-xb7qs
    @April-xb7qs 8 месяцев назад +2

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

  • @bibuedits
    @bibuedits Год назад +1

    Adamın dibi You are best bro 🥰

  • @sara85eg
    @sara85eg Год назад +1

    my favourite after effects tips so far

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

  • @darran_p
    @darran_p Месяц назад

    Excellent description and pace!

  • @antoniobeorchianigris1694
    @antoniobeorchianigris1694 18 дней назад

    Amazing tutorial

  • @MarkM2023
    @MarkM2023 24 дня назад

    This is the best lesson on the topic!!! ❤❤❤

  • @Wieringenn
    @Wieringenn Год назад +18

    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 8 месяцев назад +1

      it's help me a alot, thank you!

    • @rockerfellerpe
      @rockerfellerpe Месяц назад

      "0"+ expression haha

  • @SazzadShad
    @SazzadShad Год назад +1

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

  • @Chewbacca2000
    @Chewbacca2000 10 дней назад

    Thanks man!!

  • @reindeer5590
    @reindeer5590 3 месяца назад

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

  • @juancamilogutierrezsalas
    @juancamilogutierrezsalas Год назад +1

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

  • @shabobchik
    @shabobchik 8 месяцев назад

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

  • @gripps2211
    @gripps2211 11 месяцев назад

    Simple and easy to follow

  • @manyourcoolchris
    @manyourcoolchris 5 месяцев назад

    Thanks for the quick tutorial. Super helpful!

  • @VentaBlackStudios
    @VentaBlackStudios Год назад +1

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

  • @RebellMrs
    @RebellMrs 4 месяца назад

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

  • @fishyswirlgaming5741
    @fishyswirlgaming5741 4 дня назад

    it's cool that they have JS built right into AE. As a self proclaimed software engineer, this really makes the software limitless

  • @adibsantos4959
    @adibsantos4959 Месяц назад

    Great video, thanks!

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

  • @jasonX
    @jasonX Год назад +1

    Thanks for this simple guide!

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

  • @NafftechMedia
    @NafftechMedia Месяц назад

    That was good ❤

  • @zosiaszafranska
    @zosiaszafranska Год назад +1

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

  • @luke_nukem
    @luke_nukem 8 месяцев назад

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

  • @CarlYoungII
    @CarlYoungII 11 месяцев назад

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

  • @SabrinaServat
    @SabrinaServat Год назад

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

  • @dietmarreiss9248
    @dietmarreiss9248 11 месяцев назад

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

  • @Prateek-s9m
    @Prateek-s9m Год назад +2

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

  • @AliHatoum-s2b
    @AliHatoum-s2b Месяц назад

    so useful ... thx man

  • @skinandbones5339
    @skinandbones5339 9 месяцев назад

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

  • @KronikanimePlis
    @KronikanimePlis Год назад +2

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

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

  • @motionsam
    @motionsam 4 месяца назад

    Thanks for the presets

  • @yesneo6613
    @yesneo6613 Год назад +1

    This is actually insanely useful, thank you so much

  • @peachbun1320
    @peachbun1320 9 месяцев назад

    Super helpful!!! Thank you

  • @Kangrizal312
    @Kangrizal312 2 месяца назад

    Thankyou!

  • @GenuineStLouisBusiness
    @GenuineStLouisBusiness 4 месяца назад

    Bless you, sir!

  • @DarrenNgFinance
    @DarrenNgFinance Год назад

    Hey thanks for this ! Needed it

  • @watchgabe
    @watchgabe Год назад

    Best explanation ever

  • @calvinsempel1292
    @calvinsempel1292 9 дней назад

    Thanks for the tutorial. It's really helpful. How do I make the $ sign smaller than the figures that are changing?

  • @GiziBrat
    @GiziBrat Год назад

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

  • @pratikchoudhari6364
    @pratikchoudhari6364 Год назад

    You my friend make it sooooo easy, keep inspiring 😇

  • @ericsgotlegs
    @ericsgotlegs Год назад

    Thank you!

  • @PrabhatKumar-bf3lz
    @PrabhatKumar-bf3lz 7 месяцев назад

    @Motion Array Tutorials Great tutorial. 👏👌

  • @Shams_Rumi
    @Shams_Rumi 4 месяца назад

    thank you so much! was confusing before

  • @mursalmustafe
    @mursalmustafe Год назад

    Wooow very needed tip ❤

  • @Gameoholic_
    @Gameoholic_ Год назад +1

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

  • @galeelraglen
    @galeelraglen 3 месяца назад

    Thank you :)

  • @bookssummaries2023-mp3yy
    @bookssummaries2023-mp3yy Год назад

    Great stuff thank you.

  • @hagopboghossian6841
    @hagopboghossian6841 Год назад

    Great tutorial 👌

  • @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)
      💚💚

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

  • @rudiansyahalfin
    @rudiansyahalfin 3 месяца назад

    I love this GUy

  • @mr.drumstick
    @mr.drumstick Год назад

    Best timing ever! Thank you!

  • @danielgallo2204
    @danielgallo2204 9 месяцев назад

    thanks, you saved my day

  • @singhkrishanu
    @singhkrishanu Год назад

    Thanks brother. Very good video👍

  • @debangadutta4746
    @debangadutta4746 Год назад +1

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

  • @GlobeandGovernments
    @GlobeandGovernments 4 дня назад

    Can we change the size of that percentage little bit smaller then number? please reply when you see

  • @markschultz2115
    @markschultz2115 Год назад +1

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

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

  • @bhuwanbansal
    @bhuwanbansal Год назад +1

    Can you also point to the sound effect for counting up

  • @MikaStaines
    @MikaStaines Год назад

    Amazing thank you

  • @jawadhussain241
    @jawadhussain241 Год назад

    Awesome 👍

  • @eugenslavik4230
    @eugenslavik4230 Год назад

    Thanks!

  • @__pumpkin__
    @__pumpkin__ 11 месяцев назад

    Helpfull❤

  • @yogawithmags
    @yogawithmags Год назад

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

  • @jaganjan9949
    @jaganjan9949 Год назад

    It's veary useful, thx

  • @daniilknigin8713
    @daniilknigin8713 3 месяца назад

    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

  • @teachminhajsoomro1173
    @teachminhajsoomro1173 Год назад +1

    Life saving tips

  • @mickeygamer7468
    @mickeygamer7468 Год назад +2

    How do you make this counting-up sound effect?

  • @variniarodriguez2931
    @variniarodriguez2931 Месяц назад

    Amazing video! I just have a quick question- I couldn't find this in any video. How should the expression be if I want the counting to go 100 by 100?

  • @Sdachneak
    @Sdachneak 10 месяцев назад

    thankful

  • @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 Год назад

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

  • @Bangladeshedu
    @Bangladeshedu Год назад

    thank you.

  • @richochet
    @richochet Год назад

    Thank you

  • @SAHALISLAM-k4m
    @SAHALISLAM-k4m 8 месяцев назад +1

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

  • @step1610
    @step1610 Год назад +1

    where can i find sound effects for this?

  • @caleb.justice
    @caleb.justice 11 месяцев назад

    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!

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

  • @wasutorntasuriyajalearnkun2756

    awesomee

  • @BluMarsMedia
    @BluMarsMedia Год назад

    Thank You! How about adding a comma?

  • @UkyoQLF
    @UkyoQLF Год назад

    0:51 I dont have the "little spiral" , i cant find any solutions on internet If someone can please help me

    • @philipxrl
      @philipxrl Год назад

      did you find a solution?

    • @UkyoQLF
      @UkyoQLF Год назад

      @@philipxrlyes but I dont remember how lmaoo

  • @anti8452
    @anti8452 11 месяцев назад

    How did you do the clicking effect 4:38

    • @oscar1081
      @oscar1081 Месяц назад

      dude, its a sound effect

  • @techskillsonline2596
    @techskillsonline2596 Год назад +1

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

    • @thaaer_shaabo3130
      @thaaer_shaabo3130 11 месяцев назад +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 8 месяцев назад

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

  • @konlaor
    @konlaor 7 месяцев назад

    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.

  • @jossedore
    @jossedore Год назад

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

  • @indianmmafans7545
    @indianmmafans7545 Год назад

    Best video

  • @botie38
    @botie38 8 месяцев назад

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

  • @hunteer8875
    @hunteer8875 Год назад +1

    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
      @MotionArrayTutorials  Год назад

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

    • @hunteer8875
      @hunteer8875 Год назад

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

  • @holorenSHORTS
    @holorenSHORTS Год назад +2

    So is the effect FREE or not?

  • @xLeBang
    @xLeBang Год назад

    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
      @xLeBang 11 месяцев назад

      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

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