Intro to Animation Curves in After Effects

Поділитися
Вставка
  • Опубліковано 14 січ 2025

КОМЕНТАРІ • 142

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

    Nobody out here talking about how Joey's been making these better-than-university-quality tutorials FOR YEARS?

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

    u shud be awarded with the title of 'best-explainer-who-turns-boring-thing-into-engrossing'

  • @YEIYO1
    @YEIYO1 5 років тому +25

    holly molly i been using the speed graph for years, this should be post on adobe or something, now i have full control and my animations are way better than only editing the speedgraph, thanks.

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

      @Noe Demetrius SCAMMERS ABOVE. WHO FALLS FOR THIS CRAp???

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

    I am just starting out in motion graphics and this is the best video I have come across! I have learnt so much in 37 mins than I have in weeks!

  • @3syllables
    @3syllables 6 років тому +17

    That was hilarious when he said the graph offends him. Too funny!

    • @rr.studios
      @rr.studios 4 роки тому

      @bananas no u... it was funny

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

    This kind of Motion Graphic lessons, I love, I adore and I appreciate, just my favourite, thanks a lot.

  • @NikhilBhat
    @NikhilBhat 6 років тому +31

    Amazing tutorial! I learned so much in such a short time, I didn't realize that using the value graph was the proper way to animate over the speed graph. Thank you so much!

    • @schoolofmotion
      @schoolofmotion  6 років тому +4

      Yep, this technique is essential! Glad you learned a lot.

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

      ⁠@@schoolofmotionis it still essential? Because nowadays all the youtube tutorials say I have to edit the speed graph… what is the right way? And nice tutorial, you are a great teacher!

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

    Seriously dude... your videos are just ridiculously good. Been watching your videos all day today. Been struggling with my animation and now understand why. You rock!!!!

  • @boya2monkae
    @boya2monkae 6 років тому +7

    Thank you so much! The graph is very intimidating for newbies like me so this has been super helpful.

  • @erictko85
    @erictko85 4 роки тому +4

    You've likely heard this before. you are a DAMN GOOD TEACHER. Thank you. I might be signing up for some courses at SoM (im a camera operator./producer/some editing and dont do much graphical work...but all of a sudden i feel like a lot of progress could be made in relatively less time than i thought due to such quality teaching)

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

    Getting started with AE!
    This was incredibly helpful, thanks!!

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

    good work king, love you

  • @kenr.9177
    @kenr.9177 3 роки тому

    Best explanation of the nuances of the graph editor that I've seen.
    Great job, and Thanks!

  • @FunDumb
    @FunDumb 6 років тому +2

    Wow! Amazing in depth tutorial. Thanks School of Motion.

  • @magnificatnegociosdigitais8459

    Super cool and very useful! Thank you!

  • @antonhapunkt4287
    @antonhapunkt4287 7 років тому +1

    Really good tutorials! Best I've seen so far. Thank you guys for doing this. It helps me a lot to learn.

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

    This video is amazingly helpful, I learned so much. Thank you!

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

    Amazing! Thank you for another incredible tutorial, guys!

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

    Nice. Thanks a lot actually. It worked, you explained it well.

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

    Perfecto tutorial, thanx so much for teach us, amazing video ,
    😁

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

    It's Helpful and very informative. thanks

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

    Thank you so much! This is SO helpful!

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

    thank U! Now I love the value graph :D What I've noticed is You in the School of Motion have handsome and great teachers ;)

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

    Thank you for this great tutorial, now I finally understand it!

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

    Amazing! So helpful!! Thank you!!

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

    Thank you guys so much for sharing knowledge!

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

    Amazing tutorial! Thanks so much!

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

    Very helpful, thank you

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

    Thank you so much for this tutorial!

  • @Guty90210
    @Guty90210 6 років тому +6

    yOU´RE AWESOME!

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

    This was very helpful, thank you!

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

    extremely helpful tutorial, thanks man

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

    So glad to see a tutorial like this.
    Animating paths must offend you too then 😆

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

    The slope represents acceleration for both the motion and speed graphs. Which graphs you choose depends on whether you want to focus on location or movement.

  • @1WillyDAVID
    @1WillyDAVID 6 років тому +1

    Awesome bro, thanks, this is great! learned tons!, God Bless You!

  • @phnmnn5991
    @phnmnn5991 7 років тому +56

    Just the sight of the graph offends you lmao

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

    Good one! Thank you for sharing♥️

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

    Great tutorial, explained perfectly !!

  • @dinaadel4582
    @dinaadel4582 6 років тому +1

    this is so helpful,thanks alot

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

    Very very helpful. Thaaaaaaaanks man!

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

    13/5000
    VERY EDUCATIONAL

  • @mrx-lo8gc
    @mrx-lo8gc 2 роки тому

    it work on my pc thx bro vеry much

  • @ForesterGaming
    @ForesterGaming 6 років тому +9

    the "old" speed graph is so much more intuitive :P

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

      I agree

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

      i also agree

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

      I agree with this too. I see the value (no pun intended) of the Value Graph when you can see the bounce that he made in the curves. However, if you're animating the x and y and even z positions, and you want their easing to be the same, it's much faster (and simpler) to animate in the Speed Graph and affect all position values at once rather than matching your eases on the x and y curves. I can see situations where both graphs are useful, but I will admit that I've used the Speed Graph a lot more than the Value Graph.

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

    very helpful

  • @2592Thomas
    @2592Thomas 4 роки тому

    thanks a lot!

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

    It offens me? that's hilarious

  • @jcapdevila
    @jcapdevila 6 років тому

    great vid many thanks!

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

    YOUR THE BEST!

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

    I'm considering the animation bootcamp in January. I would have to work around University study and home life. How much hours should I expect to dedicate to this camp per week?

  • @knot4real
    @knot4real 6 років тому +1

    Thanks

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

    great tutorial! very helpful for a noob like me ... 17:08 the only thing he didnt know was 17+8 lol

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

    5 years later i realised starting with the speed graph was more easier for me to understand.

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

    is there a way to flip the value graph upside down? it feels like it should be flipped. thoughts?

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

    how are you able to pull the handles down and up? I can only get it to go left and right??

  • @Mr_Coli
    @Mr_Coli 6 років тому

    thank you

  • @kikasso1984
    @kikasso1984 6 років тому +1

    splendid

  • @malayalamremix7434
    @malayalamremix7434 7 років тому +1

    Thnkyou.

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

    During the entire quarantine period, I learned how to write soft at soft soft. TNice tutorials is not to say that self-isolation is a pleasant tNice tutorialng,

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

    How does the speed graph confuse you? It's visually the easier of the two to understand.

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

      yeah i agree, is value graph more powerful or useful than speed graph???

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

      @@azwraithlance5159 With the value graph, you can visually see the values instead of relying on the speed of the animation. Of course it's up to you which one you use and if you find speed graph easier then all power to you, however, most people find value graph better. Especially with time remapping. I'd rather see a simple graph where each keyframe states the value instead of seeing fluctuating lines all over with little control over the true value, instead the speed.

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

    Question: Why is this graph not simply upside down. So it looks like the actual bounce over time?

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

    💎

  • @theatomicghostbr
    @theatomicghostbr 6 років тому +4

    13:14

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

    how did you change the GSM because if i add it it is just a long buzzzzzzzzzzzzzzzzzzzz but in your vid it is a short app plz help

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

    Did Adobe change how the graph editor works since this tutorial was posted? Like @Novian Media Productions, I cannot pull the handles up or down, only left or right. I cannot find an answer anywhere and I feel like I'm going crazy!

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

    Darn! It isn't loading. Thanks though for your other tutorials. I subscribed. :)

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

    I want to manually set the increasing/decreasing speed, not by dragging that. I can't find anywhere how to do it. I need specific values

  • @keyan.9524
    @keyan.9524 3 роки тому

    you didnt explain this before webinar (in animation bootcamp), you were using value graph for everything and i was so confused

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

    34:58

  • @MostraGulla
    @MostraGulla 6 років тому +1

    thks

  • @saravanakumar4904
    @saravanakumar4904 7 років тому +1

    very usefull, Thanks. please make a tutorial for how to make film look in aftereffects

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

    This tutorial should be titled "Animation 101". Hardly any of this 37+ minutes is really about animation curves.

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

    nice

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

    sotNice tutorialng either - I assu that works with Edison too) and I never thought about after that. Now, at tNice tutorials mont, I am inspired! I am

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

    I'm having an issue when dealing with a vector that has two independent paths to form a logo however, I'd like to animate each path individually and it seems that when I try and separate the dimensions, it's unavailable because of the groupings within the shape layer? Any tips or tricks to get around this would be incredibly helpful!

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

      Put each path on a separate layer in illustrator

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

    Really great explanation! But I have one problem, hope you could help me.
    When I try to move an object in an oblique line (in both x and y axis after I separated them), and then manipulate the speed of the axes, the object moves in a curvy way in the frame.
    How do we deal with it?

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

      what's happening here is that the x and y values are not being changed equally. like, if you crank the bezier handle of the x pos keframe more than the y, you'll get a curvy path rather than a straight one. as far as i know, we have 2 solutions here. first is to use the speed graph instead of the value graph so that when you manipulate the bezier handles, after effects will be the one adjusting the x and y values equally. OR, if you hate using the speed graph(like i do), do your best to adjust the pos dimensions(x and y) equally. what i usually do is select them both and manipulate the bezier handles together in the value graph. if you just wanna adjust the easing, hold shift while adjusting the bezier handles to ensure that you're changing the values perfectly linear. and that should do it. :)

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

      @@aaronmatthewtunguia8625 Thank you for the detailed answer!

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

      @@eladet11 you're welcome!

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

    14:48 things go faster until they reach their terminal velocity, unless inside a vacuum. Great tutorial, need to work on your physics homework though ;P

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

    When making the waves and selecting the keyframes. My graph isn't in a S shape it's like a hill going up and then back down. I can't move the handles to change it. All it does is move the whole line.

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

      This is the view from the "Speed Graph" at the bottom of the timeline panel make sure to select "Value Graph" for the graph view. Note: Some properties will can only be viewed with the speed graph, but most can be viewed with both.

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

    Great tutorial, I'm just getting back into AE so learning keyboard shortcuts is great. But, the keyframes you made when the square hit the ground are unnatural and disobey the laws of physics (the square should always be getting slower on it's way back up, not gaining speed). Also you correctly tell people to use the minimum amount of keys possible yet as you say this you show your curve that has redundant keys at the apogee of the square's bounce.

  • @zimbairkali7454
    @zimbairkali7454 6 років тому +1

    I've got a technical question. I'm using After-effects 5.5.......don't laugh...........and it doesn't accept all my AVI's, so I bought an NCH file converter software...........and ti still doesn't accept all my AVI's. It tells me ''no such avi compressor''..............so I'm wondering if it's the encoder options which need to be reset? And if so to what?
    or the video options? and if these then to what? I've written to NCH and they reading the 5.5 manual, but I can't see any relevant listing in the menu. Can anyone help with this? It's holding back my schedule.

    • @FunDumb
      @FunDumb 6 років тому

      Do you use media encoder? I would convert it to number of file types and try them out. MP4 should work though. If you haven't used it before ADOBE offers a one month free trial.

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

    ❤️

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

    u r god :)

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

    The only tNice tutorialng I learnt myself in soft soft is pressing tab in the keyboard to bring up the channel rack

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

    TNice tutorials is pretty much a modern day Fairlight CMI.

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

    man what do i do if i deleted my graph lol

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

    Fucking useful! Thank you!

  • @محمدمراد-ط8ز9ج
    @محمدمراد-ط8ز9ج 2 роки тому

    In the beginning of the video you speak like rocket then you turned like a turtle
    😂😂😂

  • @DannyBoy443
    @DannyBoy443 6 років тому

    My graph editor isn't showing any lines, handles or curves. Just a graph with numbers.

    • @anshulgupta3735
      @anshulgupta3735 6 років тому

      Select the property which is keyframed then check.

  • @TheDonutboy1573
    @TheDonutboy1573 7 років тому

    Hi! Cool stuffs! I'm wondering if you guys have a tutorial of your intro animation? If not, can you tell me what style is that type of animation? Floating geometries? Appreciated.

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

    Usually he can play with it until it feels good? Phrasing....

  • @posebukse
    @posebukse 7 років тому +1

    Aight
    Alright
    Okeh?
    Aight?
    Aiit
    oKAyh?
    Allright
    Aiight
    Okeh?
    Aith
    OKEH?
    Still got the 100th like tho, thanks for the knowledge. It's like with Ash Thorp vids, half the words you hear are "The good stuff" and "You guys", but it's worth the training despite hearing unnecessary words 60.000 times.

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

    🤔OOPS! YOU'VE STRETCHED TOPIC LIKE CHEWING GUM😂😂

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

    It does not help when my path is not straight - when I use value graph it changes the path's shape, and the velocity graph is just a nightmare. I was using Maya before - it's graph is much easier.

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

    watching this in 2020

  • @AlexPresa
    @AlexPresa 6 років тому

    Can someone please buy the dude a new keyboard or get a stand for it. Haha good tut tho.

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

    video and try that on your own DAW. Be patient. It's not so complicated.

  • @vonzyper7086
    @vonzyper7086 6 років тому +1

    I am doing this video for class, brand new to after effects. Your command key buttons need to be more specific than little dashes and arrows!! This is extremely difficult for beginners if they don't know the actual command keys, it does nothing to help them.

    • @FunDumb
      @FunDumb 6 років тому

      This isn't School of Motions prob. Figure them out. There's AE quick key reference charts everywhere online.

    • @mikebale8362
      @mikebale8362 6 років тому

      surely your teacher should be able go tell you this? or google...

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

    watcNice tutorialng tNice tutorials on a Friday tNice tutorialnking ima be the next Skrillex by monday.

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

    The old Speed graph is better and EASY not consuming your time to animate the object.

  • @DannyBoy443
    @DannyBoy443 6 років тому +1

    It offends you??! lmfao. Chill out man. You didn't program AE.

    • @JMGauthier
      @JMGauthier 6 років тому +1

      Look up "joke" in the dictionary.

    • @DannyBoy443
      @DannyBoy443 6 років тому

      @@JMGauthier Plus I already don't like this guy's teaching style, going in.

    • @mikebale8362
      @mikebale8362 6 років тому

      @@DannyBoy443 then dont watch

    • @DannyBoy443
      @DannyBoy443 6 років тому

      @@mikebale8362 How about you come up with a different fucking answer. Asshole.

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

      😹

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

    Speed Graph offends me...😂😂😂😂