UI Interface Animation With Numbers - After Effects Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 พ.ย. 2018
  • MOVESHAPES SCHOOL COURSE
    Visit: www.moveshapesschool.com/
    ⭐ Visit Channel: th-cam.com/users/MoveShapesvi...
    ✔ Subscribe: th-cam.com/users/MoveShapes?su...
    ✔ dribbble.com/peterarumugam
    ✔ Visit: www.moveshapes.com/
    ⭐ After Effects Tutorials Playlist
    • Adobe After Effects Tu...
    #Ttuorial #AfterEffects

ความคิดเห็น • 65

  • @RodrigoMirra
    @RodrigoMirra 5 ปีที่แล้ว +6

    You make it WAY easier than I thought. AMazingly smart

  •  3 ปีที่แล้ว +3

    This is exactly what I need. Thanks a lot!

  • @alhamedabdulrahman1835
    @alhamedabdulrahman1835 4 ปีที่แล้ว +2

    Thanks a lot, your content is awesome & unique!

  • @alsabaso02
    @alsabaso02 2 ปีที่แล้ว

    Very NICE! This is what I need. Thank you!

  • @ceciliazambeaux6958
    @ceciliazambeaux6958 2 ปีที่แล้ว +1

    Thanks quick & effective !

  • @StrongCoolAnd
    @StrongCoolAnd 2 ปีที่แล้ว +2

    Perfect solution, thanks a lot.

  • @bercompany
    @bercompany 5 ปีที่แล้ว +3

    Really liked your intro ❤ Also, thx for the tutorial. This is exactly what i need to finish a Project. Got 1 sub 😁

  • @Shaffi212
    @Shaffi212 3 ปีที่แล้ว

    Thank you for the tutorial!

  • @CrystalWhitlow
    @CrystalWhitlow 3 ปีที่แล้ว

    You are amazing! thank you!

  • @PBIfandy
    @PBIfandy 3 ปีที่แล้ว

    amazing video man, thx!

  • @meikwanchin9184
    @meikwanchin9184 5 ปีที่แล้ว +3

    Can u make more tutorials teaching UI and infographic animation? I'll keep supporting you!!!!

  • @gustavomaron8189
    @gustavomaron8189 3 ปีที่แล้ว

    thank you, really helpfull

  • @iamhmmmguy
    @iamhmmmguy ปีที่แล้ว

    Really helpful dude

  • @anasradwan6915
    @anasradwan6915 3 ปีที่แล้ว

    thank you 😍

  • @CuriosidadVoraz
    @CuriosidadVoraz 2 ปีที่แล้ว

    thank you!!!

  • @VizhuShiroko
    @VizhuShiroko 5 ปีที่แล้ว

    Спасибо!

  • @abusayeed4787
    @abusayeed4787 2 ปีที่แล้ว

    Cool Video Bro

  • @reycepeda5777
    @reycepeda5777 5 ปีที่แล้ว

    Can we download/buy this project file?

  • @vipex8105
    @vipex8105 5 ปีที่แล้ว

    I really like your intro, can you please make a video on how tow make like that(Same thing isn't necessary I'm just wondering how it's made)!

  • @baca.forever4770
    @baca.forever4770 ปีที่แล้ว

    Thanks

  • @Ultimate-Spot
    @Ultimate-Spot 10 วันที่ผ่านมา

    effect("Slider Control")("Slider").value.toFixed(2)
    when i put number in slider - 14.92 . it shows round figure 14.90.... why???
    It should be 14.92
    How to fix

  • @NullzoneCrew
    @NullzoneCrew ปีที่แล้ว +6

    Hey there!At 1:56 the numbers are inside a delimitated mask, you can see the shapes of the numbers going in and out, and right in the next scene, I can see the numbers fading in and out, like a blur applicated to the mask. How did you do that? That's smooth :)

    • @ruikkapaska
      @ruikkapaska ปีที่แล้ว +5

      i think thats the "feather" option in the mask

    • @hanneshuber3d
      @hanneshuber3d ปีที่แล้ว +2

      As he uses the Track Matte feature, there's no feather option like when using a mask directly inside a shape layer. Just apply a blur of your choice on the Mask layer instead (e.g. "fast box blur"), set it to the strength of your choice and you're good to go! :D

    • @joshabbey2582
      @joshabbey2582 ปีที่แล้ว

      @@hanneshuber3d no it's "mask feather" on the mask

  • @alializadeh8195
    @alializadeh8195 2 ปีที่แล้ว

    Thanx

  • @hemineko-chanamvs1192
    @hemineko-chanamvs1192 4 ปีที่แล้ว +1

    How do I make the numbers go up by 4 per second? Is there an expression?? Thank you

    • @leonardotdias
      @leonardotdias 2 ปีที่แล้ว

      You probably know how to do this by now but you would have to multiply "time" by the number of pixels you want it to go up. This way, at 1 sec it would go up X number of pixels. At 2 sec, it would go up X x 2. At 3, it would go up X x 3. And so on. Add "value" to be able to adjust it manually,

  • @SADIASPDOUCTION
    @SADIASPDOUCTION 2 ปีที่แล้ว

    Need the link of background music

  • @slooowgraphic
    @slooowgraphic 2 ปีที่แล้ว

    can u help me to blur the mask?

  • @LoungeFly02
    @LoungeFly02 2 ปีที่แล้ว

    After Effects newbie here: What was the reason for making a null object for the second set of numbers? Can't you move the copied selection without it anyway? I can see using the null object for the whole set of numbers when you're done, but why set the null on the second set?

    • @Tristan-ml9pl
      @Tristan-ml9pl ปีที่แล้ว +2

      So you're able to move the string of numbers to the left without altering their position keyframes

  • @motionsam
    @motionsam 4 ปีที่แล้ว

    nice music

  • @matthewjackson2656
    @matthewjackson2656 3 ปีที่แล้ว +6

    2:10 i did the same thing in the video but why my graph is in a shape of 'S' instead arch shape like yours?

    • @stefannikolic2514
      @stefannikolic2514 3 ปีที่แล้ว

      change diagramtyp to "chose curvetyp automaticly" in your diagrameditor, this fixed it for me

    • @timerens_
      @timerens_ ปีที่แล้ว

      there is a peed graph and a value graph

  • @mafer.2859
    @mafer.2859 4 ปีที่แล้ว +1

    Is possible to make similar animation with PowerPoint?

  • @mikkoargonza
    @mikkoargonza 5 ปีที่แล้ว +15

    So how did you blur out the edges of the mask?

    • @RodrigoMirra
      @RodrigoMirra 5 ปีที่แล้ว +31

      Yeap, he skipped that step. Inside the MASK layer, look for the property MASK FEATHER and give it some pixels

    • @mikkoargonza
      @mikkoargonza 5 ปีที่แล้ว

      @@RodrigoMirra thanks bruv

    • @constantadi
      @constantadi 4 ปีที่แล้ว

      @@RodrigoMirra cheers

    • @ParlonsAstronomie
      @ParlonsAstronomie 2 ปีที่แล้ว

      @@RodrigoMirra Thnak you !

    • @karthikeyanr4401
      @karthikeyanr4401 ปีที่แล้ว

      @@RodrigoMirra You saved me 🥴🛐

  • @CrystalWhitlow
    @CrystalWhitlow 3 ปีที่แล้ว +6

    I don't understand why you make the null, instead of just copying the same layer again.

    • @BroodingPsycho
      @BroodingPsycho 3 ปีที่แล้ว +1

      My guess would be, because he already has keyframes for positions, it would make it easier for him to change positions without having to readjust the keyframes if he wants to fix positioning.

    • @AbdulsalamShaballout
      @AbdulsalamShaballout 2 ปีที่แล้ว

      @@BroodingPsycho thank you for the explanation, it makes total sense!

  • @thanhtran275
    @thanhtran275 2 ปีที่แล้ว +2

    how to fade Top and Bottom? thanks

    • @torimunoz5342
      @torimunoz5342 2 ปีที่แล้ว

      From another comment: "he skipped that step. Inside the MASK layer, look for the property MASK FEATHER and give it some pixels"

  • @MuRidwan
    @MuRidwan 2 ปีที่แล้ว

    why u need to precomp the solid? xD

  • @ParlonsAstronomie
    @ParlonsAstronomie 2 ปีที่แล้ว +2

    1:59 What happened here ?
    How does the mask's edges goes from sharp to smooth ?

    • @efecoskn
      @efecoskn 2 ปีที่แล้ว

      exactly!?

  • @ri0x411
    @ri0x411 3 ปีที่แล้ว

    Why did u cut at 1:55 ? I can't get the same effect cause u passed a step...

  •  2 ปีที่แล้ว

    could have given us the file hehe

  • @zahraatahini1572
    @zahraatahini1572 หลายเดือนก่อน

    Fast and I’m beginner I didn’t get all of it

  • @ikhlasulkamal5245
    @ikhlasulkamal5245 4 ปีที่แล้ว

    barbaric way is the best

  • @imiy
    @imiy 5 ปีที่แล้ว +1

    No way to make it automatically, without creating all the numbers manually??

    • @Arazetaritatara
      @Arazetaritatara 5 ปีที่แล้ว +1

      of course you can do it with expressions

    • @michelletrapani1258
      @michelletrapani1258 5 ปีที่แล้ว +1

      @@Arazetaritatara What is the expression for this please?

    • @dreond33
      @dreond33 4 ปีที่แล้ว

      @@michelletrapani1258 I think it's called the slider effect. I saw it in another tutorial, just look up countdown or clock After Effects. This one, with the effect of the numbers moving up/down is what I was looking for.

  • @isoqisun
    @isoqisun 2 ปีที่แล้ว

    booooom

  • @TheJdem
    @TheJdem 3 ปีที่แล้ว

    Funcional pero un poco Chapuza. Me esperaba algo mas pro

  • @2424rocket
    @2424rocket 10 หลายเดือนก่อน

    Sorry to hear that you’ve lost your voice. Tutorials where people don’t talk absolutely suck!

  • @LumeraMusic
    @LumeraMusic 3 ปีที่แล้ว

    This video is so poorly done. Stop editing around key steps. I've had to watch the same 5 minutes five million times because I think I'm missing something and it turns out it's not even in the video.