Create Animated Infographics With Motion Graphics | After Effects Tutorial

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

КОМЕНТАРІ • 170

  • @SonduckFilm
    @SonduckFilm  5 років тому +12

    Save time and produce amazing motion graphics within minutes with our template Packs for After Effects!
    ► Check out the 750+ Motion Graphics Advanced Pack: bit.ly/750GFXPack
    ► 5000+ Templates For After Effects and Premiere Pro: bit.ly/5000Templates

  • @SThompsonRAMM_1203
    @SThompsonRAMM_1203 5 років тому +14

    Josh, I have been using After Effects for 10 years but I look forward to every tutorial of yours.

  • @aksitaviraraguram1905
    @aksitaviraraguram1905 5 років тому +45

    Can u pls slow down and zoom up your clicking process.so that beginners easily understand

  • @koltonschmidt39
    @koltonschmidt39 4 роки тому +2

    Trying to learn After Effects and its pretty neat that you can do raw Java scrip code directly if needed. I have some background with programming and when he says to have Math.round() while that does work it changes 0.5 seconds early. You can either fix this by offset it by half a second or you can replace the code to say Math.floor(). It works better in the time line, that way in the time line one second shows one second. Hope this quick fix helps anyone.

  • @SaadDesign
    @SaadDesign 4 роки тому +2

    Your every videos is Awesome. It's very helpful for beginner.❤

  • @yusuffatehi3969
    @yusuffatehi3969 4 роки тому

    شكرا جزيلا . انا مبتدئ بهذا المجال واستفدت من هذا الدرس الكثير .. قمت بتطبيقه على جهازي. شكرا جزاك الله خيرا

  • @timgrafisberitasatu1228
    @timgrafisberitasatu1228 3 роки тому

    one of the best tutorial i ever have.

  • @obv_design9310
    @obv_design9310 3 роки тому

    The best timer tutorial! Easy to follow, adjustable with the key frames 👍 Thank you, Joshua!

  • @kingarasan2004
    @kingarasan2004 3 роки тому

    You are rocking Josh. Excellent tutorials. Keep your good work high❤️

  • @pbox5293
    @pbox5293 4 роки тому

    It is super awesome. Thank you so much Josh

  • @sergisanz01hotmail47
    @sergisanz01hotmail47 3 роки тому +1

    do you have a ready made one so we can enter and edit it to our liking?

  • @67viggen
    @67viggen 3 роки тому

    Thank You! Great, easy to follow tutorial!

  • @andereastjoe
    @andereastjoe 5 років тому

    Thank you for sharing. Always love your tutorials.

  • @pumkin0011411
    @pumkin0011411 4 роки тому

    You're amazing, love your videos.

  • @clementodhiambo
    @clementodhiambo 3 роки тому +1

    This is nice. Could you please zoom into those key areas like Expressions

  • @OmerShahidofficial
    @OmerShahidofficial 5 років тому +13

    You give me reason to fight my fear and use Ae

    • @SonduckFilm
      @SonduckFilm  5 років тому +2

      It's very easy to use AE. After knowing a few things, it's the best.

    • @OmerShahidofficial
      @OmerShahidofficial 5 років тому

      Appreciate your teaching Bruh !!!

    • @OVERSMARTTRIO
      @OVERSMARTTRIO 4 роки тому

      ua-cam.com/video/SiquJYavMdU/v-deo.html

  • @karenhanretty3280
    @karenhanretty3280 5 років тому

    Incredibly useful. Thank you!

  • @Samvationstudio
    @Samvationstudio 5 років тому

    Thank you! Through you I learned to like motion design.

  • @ernestoaguilarmeza
    @ernestoaguilarmeza 5 років тому

    AMAZING!!! You are the best!!

  • @Zhervera.Shojaee
    @Zhervera.Shojaee 3 роки тому

    I'm gonna try this right now. Hopefully, I can finally have a timer for my *Workout videos*

  • @MohamedAli-qj8fl
    @MohamedAli-qj8fl 4 роки тому

    Thanks very much🧡

  • @clevis56
    @clevis56 4 роки тому

    you guy i adore you man yo work is cool

  • @gtheyee805
    @gtheyee805 4 роки тому +2

    Hei all, pls note the decimal remove code is: x=Math.floor(effect("Slider Control")("Slider"));

  • @ToPapakiPaeiSthPotam
    @ToPapakiPaeiSthPotam 4 роки тому

    Amazing. Just Amazing! Thanks!!!

  • @closeenoughproductions318
    @closeenoughproductions318 5 років тому

    From noob to guru, I love you

  • @jcereals
    @jcereals 4 роки тому

    Thank you so much for this!!!

  • @BrianFischer
    @BrianFischer 4 роки тому

    Great Tutorial

  • @Shortipop
    @Shortipop 5 років тому +1

    I'm happy you're helping people, and I'm a let you finish, but is that bojack horseman? @7:57

  • @PhatTran-tv6eg
    @PhatTran-tv6eg 5 років тому

    Great lesson!

  • @travlling_chain
    @travlling_chain 4 роки тому

    sahi ho kada. cheers.

  • @sabelosibisi9762
    @sabelosibisi9762 5 років тому

    Thanks for the videos!
    Also like your background music

  • @sherzadhaji4239
    @sherzadhaji4239 4 роки тому

    really good tutorial

  • @MrYoobah
    @MrYoobah 5 років тому

    Simple and brilliant. Thanks a lot

  • @bdeephoto
    @bdeephoto 5 років тому

    OUTSTANDING !

  • @interestedinstuff
    @interestedinstuff 5 років тому

    Superb. I want to say more, but superb is a start. Oh, also, awesome. Yup, superb and awesome.

  • @AnotherBrightIdea
    @AnotherBrightIdea 5 років тому

    Another great tutorial! I was just looking at premade infographics this morning and viola, you put out a tutorial! lol

  • @noellesercer6756
    @noellesercer6756 4 роки тому

    What background are you using? It looks really nice

    • @SonduckFilm
      @SonduckFilm  4 роки тому

      Thank you! Made this video a while ago, but I think I took a picture and made it really dark.

  • @nixambros.1075
    @nixambros.1075 5 років тому

    Great Work Sir.

  • @deadmikehun
    @deadmikehun 3 роки тому +2

    did you move the anchor point of the triangles to the middle to make them orbit around the rest of the stuff?

    • @susisblusis
      @susisblusis 2 роки тому

      I think so. I made the mistake by moving the anchor point in the middle of the triangle but that made them rotate around their axis so if you change the anchor point of the triangle to the center of the main circle it should circle around it instead. Hope it make sense.

  • @wesleyvanbree
    @wesleyvanbree 4 роки тому +3

    Does anybody know how I can make a motion graphic template from this for premiere? I want that I can type a percentage, so the circle closes and counts up till that number, without going into After Affects

  •  5 років тому

    Great tutorial. Thanks.
    Greetings from Turkey 👋

  • @R34LPL4Y3R
    @R34LPL4Y3R 5 років тому

    So dope!

  • @ChrrZ
    @ChrrZ 5 років тому

    great tutural, thank you very much

  • @DevilDoor
    @DevilDoor 5 років тому

    you da real mvp, thanks very much for the instructions

  • @NusrathUllah
    @NusrathUllah 4 роки тому

    Amazing Thanks, Transition shifter part is new which I have learned

  • @GeoscienceImaging
    @GeoscienceImaging 5 років тому

    This is great, thanks! Will definitely look to use something like this in the future.

  • @soul_99
    @soul_99 5 років тому

    Awesome....👌.....detailed tutorial

  • @Ali-pi8sh
    @Ali-pi8sh 2 роки тому

    thanks

  • @HasrulTipsChannel
    @HasrulTipsChannel 3 роки тому

    nice tutorial, but the resolution of the screen is too high for my computer...

  • @nurudeenmohammedhuloty6554
    @nurudeenmohammedhuloty6554 3 роки тому

    Hi guys, so am confused, what software is this you using?

  • @fipinvestment7938
    @fipinvestment7938 5 років тому

    Wonderful

  • @bigdeutsch5588
    @bigdeutsch5588 3 роки тому

    Would it be possible to use an adjustment layer instead of scaling all the layers individual layers? New to AE

  • @TotallyToonsTV
    @TotallyToonsTV 4 роки тому +1

    In future videos could you please zoom on in what you're typing and clicking because it so tiny it's very hard to see. Besides that it's all great

  • @mariomotosicky
    @mariomotosicky 4 роки тому

    Same experience as your others tuts. I would really like to learn from your videos but in general is hard to smoothly learn and follow what you do

    • @mariomotosicky
      @mariomotosicky 4 роки тому +1

      I just spent 45 minutes on your tuts and its still at 2.46 :D

    • @mariomotosicky
      @mariomotosicky 4 роки тому

      Why you cut the part where you change stroke angle. Just in case I would like to know. I don't expect you'll answer back

  • @Pachiscruz2
    @Pachiscruz2 5 років тому

    Thank you!! Could you make more tutorials with other type of graphs?

  • @fejietualla7603
    @fejietualla7603 5 років тому

    awesome!!

  • @rushankuma
    @rushankuma 5 років тому +1

    If I want to a triangle along a line, what would be the expression?

  • @donp244
    @donp244 5 років тому +3

    how do you keep the numbers centered going from 1, to 2, 3 digits? it seems like it automatically adjusts for you.

    • @donp244
      @donp244 5 років тому +3

      genius moment there. I forgot to center justify in the paragraph tab. thank you another great tutorial

    • @SonduckFilm
      @SonduckFilm  5 років тому

      Good call! I should have mentioned that in the tut!

    • @gargimukherjee4090
      @gargimukherjee4090 2 роки тому +1

      @@donp244 i have been scouring the comments for this question. you are a life saver. thank you!

  • @sheralikhan7637
    @sheralikhan7637 5 років тому

    Just Perfection (Y)

  • @ahmadmaulana6088
    @ahmadmaulana6088 5 років тому

    Thanks

  • @newtonoluoch5074
    @newtonoluoch5074 3 роки тому +1

    Thanks Sir, what if I want the end number to be below 100, and by then the trim path to be complete not half way. I`m animating a 24hr clock but the stroke stops halfway at 24%

    • @gargimukherjee4090
      @gargimukherjee4090 2 роки тому

      did you find an answer to this from anywhere? i am stuck with this too.

  • @ysrmon4896
    @ysrmon4896 5 років тому

    Big fan NOAH

  • @romihendra6032
    @romihendra6032 5 років тому

    thanks for tutorial ....

  • @tanmoymajhi721
    @tanmoymajhi721 4 роки тому

    Thank you very much for this video but I want to know that how did you put all anchor point in the centre of each object? Because manually anchor point adjustment becomes inappropriate

    • @Sim-cu3q
      @Sim-cu3q Рік тому

      You've probs figured it out, but if you hold Ctrl and double click the Pan Behind (Anchor Point) tool next to the Ellipse tool it should centrally align your anchor

  • @teennine7459
    @teennine7459 5 років тому +2

    Math. floor(effect("Slider Control")("Slider"));

  • @guldhaar
    @guldhaar 5 років тому +3

    Nice tutorial. When the number goes from 1 to 2 to 3 characters my text "jumps" around, the anchor point shifts position - any idea as how to combat this?

    • @jarlfrederik7573
      @jarlfrederik7573 4 роки тому

      same here ! did you find a solution ?

    • @artgoyle
      @artgoyle 4 роки тому

      Same here, drives me nuts!

    • @fortythreesunsets111
      @fortythreesunsets111 3 роки тому

      When you create the text layer, just click anywhere in the composition and write the number, instead of dragging to create a text box

    • @gargimukherjee4090
      @gargimukherjee4090 2 роки тому

      @@jarlfrederik7573 hey did you guys find anything on this ?

  • @miguelv2709
    @miguelv2709 4 роки тому

    how do can you do the trim path with negative numbers ???? for example from 0 to -120

  • @CloudC-kj6kt
    @CloudC-kj6kt 2 роки тому

    why that plug-in animation composer 3 will override some my expression, those little triangle won't move anymore and also 2 missing

  • @CJVeloso
    @CJVeloso 5 років тому +1

    V-neck 10/10

    • @SonduckFilm
      @SonduckFilm  5 років тому

      I only have one shirt that isn't v-neck haha

  • @Hirenkn
    @Hirenkn 5 років тому

    Very nice tutorial. Is it possible for you to guide or create tutorial to create something like this (@?

  • @JayBaggio
    @JayBaggio 2 роки тому

    Thanks. 03:00 Math.round (), good tip to lose those decimals

  • @diegame_z6684
    @diegame_z6684 3 роки тому +1

    How to made a pointer?

  • @hassantariq8847
    @hassantariq8847 5 років тому

    Perfectö ✌🏼

  • @hossamhussein5745
    @hossamhussein5745 5 років тому +1

    plz show the Equation
    thank you

  • @cmonz9
    @cmonz9 4 роки тому +1

    when I center my number, it is centered until it hits double digits, then it is moved out of alignment...

    • @jellohunter7981
      @jellohunter7981 4 роки тому

      I don't know if you still have this problem but what you can do is set a position key frame when the number is 9 and then align it again when the number is ten.

  • @hpkalelprod4428
    @hpkalelprod4428 5 років тому

    Thank so much for this tuto.
    Please how can I install animationcomposer ?

    • @SonduckFilm
      @SonduckFilm  5 років тому

      Check the link in the description.

  • @IBM_Motion
    @IBM_Motion 5 років тому

    Thank you bro I don't understand a code in transform in after effect how I know number and write?

  • @charanpalsingh1627
    @charanpalsingh1627 4 роки тому

    when I make a triangle shape and rotate it to 90degree and within that shape how you take rotation again and make it move according to the circle?? as if i rotate it , it rotate the shape of the triangle not according to the axis of the cricle.

  • @satheeshkadangot4040
    @satheeshkadangot4040 2 роки тому

    Humble suggestion, need to be zoomed to the point where the cursor is showing, sometimes not visible what actually is happening.

  • @bot_matrix
    @bot_matrix 5 років тому

    Also how do you stop at a certain number?

  • @somchaikhunwiset1971
    @somchaikhunwiset1971 2 роки тому

    where animation preset l can't find in your link?

  • @Thenameismalvin
    @Thenameismalvin 5 років тому

    how can i set the slider threshold to 10 instead of 100 and make the numbers able to be decimals like 5.6 etc..

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

    3:49

  • @sanjiths13
    @sanjiths13 3 роки тому

    Not clear on number method...if you show on screen that text

  • @SorenFE93
    @SorenFE93 3 роки тому

    So I apologize if this is a dumb question, but how do I reverse the numbers? I'm working on a Yugioh Life Point counter and this will work very well, but I'm just wondering how to reverse it to show numbers going down? Thanks in advance

    • @CloudC-kj6kt
      @CloudC-kj6kt 2 роки тому

      clock in 100 and set another clock out like 10, link to express

  • @Harishkumar-ig8ue
    @Harishkumar-ig8ue 4 роки тому

    The text expression is not working for me...can u please give that expression in the comment ...

  • @bot_matrix
    @bot_matrix 5 років тому

    Quick question. A problem I run into is every time that I duplicate a shape layer and scale it, it is not not aligned which forces me to play with the align tab whilst adjusting the scale to find the perfect spot. I'm clearly doing something wrong, I'm just not sure what. Once again, whenever I scale a shape layer, it is no longer aligned and I have to re-align it annoyingly.

    • @indy_nyles
      @indy_nyles 5 років тому

      MC Gaming you’re not the only one. I think it has to do with the anchor point which somehow he has centered automatically. I can’t find how to do that

  • @nojo5053
    @nojo5053 4 роки тому

    Superrrrr

  • @tsixom3892
    @tsixom3892 4 роки тому +1

    4:33 he stopped the timer intentionally at that number 😂

  • @genesis2303
    @genesis2303 4 роки тому

    What if I want to connect path with null to sth like one of those triangles in this video? Anchor point is moved so I can't connect direct to the wiggling triangle, so is there any work around? After is kind of new to me, anyone knows any solution?

  • @entertainmentworldinbf2084
    @entertainmentworldinbf2084 5 років тому

    I am not clear. You have written the text (3.03 Sec) time of video

  • @creativemotiondesigning6614
    @creativemotiondesigning6614 5 років тому

    What is that code I didn't understand please reply sir

  • @AbuHamzaArtStudio
    @AbuHamzaArtStudio 5 років тому

    nice

  • @QuizTriviaWorld
    @QuizTriviaWorld 4 роки тому

    so fckn good

  • @leannoffdensen1905
    @leannoffdensen1905 5 років тому

    Can AE read a CSV and use that info to control graphics?

    • @interestedinstuff
      @interestedinstuff 5 років тому

      That is a good question. I'd like to know if I can turn a graphic into a data driven graphic without having to do it manually. I don't see how it would work without getting into code land. Imagine the CSV had 50 values. You'd need an extra column in the CSV that specifies at what time the graphic is supposed to correspond to the value. Given the graphic is not a real time thing, it is only an animation that is rendered, you'd need code to marry the CSV values with the timeline before render. Is a good question definitely.

  • @SOM_-sy6pv
    @SOM_-sy6pv 5 років тому

    0 to 9 numbers are in centre but when the numbres go up to10 and more they aren't in centre of the comp

    • @sorenpx
      @sorenpx 5 років тому

      Yep, I had the same issue. Wish he addressed that. Not sure why his is working. Mine also didn't scale like his did at the very end.

  • @murat9000
    @murat9000 4 роки тому

    In the UA-cam video window, click on Settings, change Playback Speed to 0.75x. You're welcome.

  • @PrideStudio_Official
    @PrideStudio_Official 5 років тому

    Спасибо. Кое что я для себя почерпнул. Пойду тренироваться на своем канале 😃

  • @chrisstocker
    @chrisstocker 4 роки тому +1

    You say it too fast too low res to see what you have typed. Can't understand what you are saying. So Tutorial ended there for me.

  • @afifcahyakusuma3657
    @afifcahyakusuma3657 5 років тому +1

    2:49 just add "Math.round[.........................]"