Animated Infographic Chart After Effects Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ก.พ. 2018
  • MOVESHAPES SCHOOL COURSE
    Visit: www.moveshapesschool.com/
    Animated Infographic Chart After Effects Tutorial
    ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
    ◾ Tutorials Project Files @ / moveshapes
    ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
    ◾ Visit Channel: / moveshapes
    ◾ Dribbble: dribbble.com/peterarumugam
    ◾ Subscribe for More Videos
    th-cam.com/users/MoveShapes?...
    Free After Effects Animation Playlist - Download Project Files:
    • Free After Effects Ani...
    Illustrator & After Effects Tutorials--------
    Circular Infographic Pie Chart Animation Tutorial, After Effects
    • Circular Infographic P...
    Walk Cycle Tutorial in After Effects | Only in 5 Steps - No Third Party Plugin
    • Walk Cycle Tutorial in...
    Liquid Animation Easy After Effects Tutorial
    • Liquid Animation Easy ...
    EASY Character Animation Tutorial in After Effects
    • EASY Character Animati...
    How to DRAW FACE ( Less than 3 MINUTES ) THE GREAT KHALI
    • ☆ How to DRAW FACE ( L...
    How to Create Isometric House Animation
    • How to Create Isometri...
    Text Path Animation in After Effects - After Effects Tutorial
    • Text Path Animation in...
    Caroom Striker Animation in Less Than 1 Minute | After Effects Tutorials
    • Caroom Striker Animati...
    Bouncing Ball Animation in Less Than 3 Minutes | After Effects Tutorial
    • Bouncing Ball Animatio...
    ------- Thank you ---------
    Visit Channel: / moveshapes
    Subscribe for More Videos
    th-cam.com/users/MoveShapes?...
    #Moveshapes #MoveshapesTutorials #AfterEffectsTutorial

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

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

    Lovely tutorial. With the percentage sign the way I like to do it is to include it in the expresssion as string i.e. I add: + "%" after the Math.round expresion.
    So I dont need to manually keyframe the position of the percentage sign

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

      all the time I think that he just can align text right, but your way is better

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

    Thanks. Great tutorial

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

    Lifesaver!! Hats off man

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

    Excellent tutorial

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

    Excellent tutorial... just one question. If you wanted to get the value for the other sections of the pie individually, how do you go about that expression in this case?? I know it would involve subtracting the % completion value for the layer that's atop.

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

    Helped a lot!

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

    There's a lot to learn from these tutorials.

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

    Thanks, it was really helpful

  • @AnggaArdianto
    @AnggaArdianto 6 ปีที่แล้ว

    Thank you!!

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

    good job! Thanks

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

    thanx, very useful

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

    Hi dude! You have super lessons. Like

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

    Hi, could you create a tutorial that shows how to animate a line chart? Thanks

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

    That's great! You are a wonderful teacher!

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

    thanks!

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

    Thaaaank you

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

    Thank you...

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

    Thanks

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

    6:06 Why didn't you just aligned the number to the right? Takes the hassle out of repositioning the numbers.
    A better solution for everyone is to use this expression:
    beginCount = 0;
    stopCount = 100;
    beginTime = 0; // start counting at time = 0
    countDur = 3; // count for 5 seconds
    "" + Math.round(linear(time,beginTime,beginTime + countDur,beginCount,stopCount)) + "%"
    then align the text to center of the comp & text to be center-justified.

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

      I don't get it :( I copypaste the expression and it throws error. What am I doing wrong? I use the expression "Math.round(value)" and I would like to add % to the number but when y add "+ "%"" it says its wrong. I need help pls

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

    Awesome video whats the song pls.

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

    I subscribed on patreon and am unable to get a link to download this project file.. pls I need it urgently

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

    3:42 if your point shape jumping out of other side . select point "ctrl+alt+home"

    • @ivanli163
      @ivanli163 4 ปีที่แล้ว +1

      Thanks korkmaz,This way is word,its spend me about 2hours…………

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

      moss

    • @paulpearson4613
      @paulpearson4613 4 ปีที่แล้ว +1

      I am having this problem. CTRL+ALT+HOME doesn't seem to do anything. When I paste the 'path' of the line into the 'position' of the point, the point path starts at the end of the line path so its off-centre. Pls help!!!!

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

      top comment here, thanks!

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

    Great tutorial, is there any way of making the individual numbers have exact decimals though?

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

      just don't give it math.round. (that rounds up the numbers) I know its a late response but just in case

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

    can you please share the AE project?

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

    what if the value are 0.002%?

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

    Even at 0.75 speed it is too fast!

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

    Sorry not sorry. I absolutely cannot video with only music and you doing everything super fast.

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

      I know it's been a year since you commented, but I feel the same way. You can hit the settings gear and change the playback speed to 0.5, then mute the audio. Works for me!

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

    Sorry, I get lost at 5,25": when you press Source Test, Expression Source test doesn't appear to me, why?

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

      Never mind, I pressed ALT and it appeared, I figured it out. Please next time write those things.
      Thanks anyway

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

    I always encounter problems on that point. Sometimes it follows the path but is not aligned with line. Sometimes whenever I follow the path and position, and then ctrl+v the point disappears. What did I do wrong?

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

      I have the exact same problem. Its like the path for the circle is in a different position and I can not move it.

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

      I just found the solution that worked for me: You have to make sure that the anchor point of the circle is in the center of the circle. Now the circle is moving exactlz on the path of the line :) I hope this helps you as well!

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

      @@onlymesophie8890 You go, girl! Thanks!

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

      @@onlymesophie8890 Thanks a lot! You saved my time!!

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

    the expression source text won't show up after clicking on the source text 5:24
    !! help me out with this please .. thanks

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

      Hy, Press Alt and click on source text option.

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

      ​@@sidhantcreativeworld thanks a lot mate .. appreciate your reply ..

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

    3:42 When I tried to paste the path (just like in the vid), the "point" automatically jumped out of the entire comp instead. How can I fix this?

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

      I have the same problem. Did you find a solution?

    • @SimplyDuker
      @SimplyDuker 4 ปีที่แล้ว +1

      @@agnessieland2537 unfortunately, no.

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

      @@SimplyDuker 😑 Bummer...

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

      Its just ctrl+c & then Ctrl+v

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

      @@shantanudebnath5646 that was exactly what I did. Didn't work.

  • @noubu1693
    @noubu1693 6 ปีที่แล้ว

    what do you do in 1:43, the grey layer how you add that ?

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

      Same problem, you know the answer?

    • @melaniet.7999
      @melaniet.7999 5 ปีที่แล้ว +4

      I'm not sure what you mean, but try to press "U".

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

    You are going to fast... sometimes it's a bit difficult to see what you choose in drop down menu...

  • @KuldeepKumar-uf9lz
    @KuldeepKumar-uf9lz 4 ปีที่แล้ว +1

    bhai speed Bahut Fast he samajh me Kha Aata he

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

    I cannot get the point to follow the path of the line to save my life can anyone add some insight. Im doing the copy and paste and its just not working.

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

      I'm currently fighting with that part too, my point just disappears completely :(

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

      @@lostdandelion5828 centre the Origin to Shape.

  • @positive.stories
    @positive.stories ปีที่แล้ว

    If you can't see the Fill Option Null --> Don't click the color but instead click the Fill word.

  • @muslimragimoff3599
    @muslimragimoff3599 6 ปีที่แล้ว

    bro what is the music?)

    • @ObscureHedgehog
      @ObscureHedgehog 6 ปีที่แล้ว

      Muslim Ragimoff The first song? Bloom by Ikson.

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

    dude what did you did in 3:35 ??
    I did the same thing but it's not working, the result is not like the video :(

    •  5 ปีที่แล้ว

      Same here. The point just disappeared.

    •  5 ปีที่แล้ว +2

      A girl commented above that the problem could be the point anchor point. Just centralize it. I did it and it worked for me.

    • @AnAmaria01
      @AnAmaria01 4 ปีที่แล้ว +1

      @ Thanks

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

      I had this same issue. After pasting the path to the Point layer's Position, I fixed the issue by manually relocating the anchor point of the point layer to the origin of the pasted path

    • @millanovincentjoell.8148
      @millanovincentjoell.8148 4 ปีที่แล้ว

      What is the app used it n this video please

  • @alyxandra1111
    @alyxandra1111 6 ปีที่แล้ว

    What is this song?

    • @ObscureHedgehog
      @ObscureHedgehog 6 ปีที่แล้ว

      Aly Booker The first song? Bloom by Ikson.

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

    3:40 Why my point disappeared

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

    Sorry can't watch without voice

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

    3:37 WTF

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

      wtf indeed. my copy paste ends up copying the path and adding it to the circle.

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

      @@kurogane2x You have to paste it in he Position of the Layer, not of the elipse.

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

      @ This. Everbody is pasting it in the elipse's position, that's why it doesn't work.

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

    why can't you just narrate ?