The LAST graph editor tutorial you'll ever need. \\ After Effects Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 พ.ค. 2024
  • I created the most comprehensive intro to After Effects, ever. Join Launch Into After Effects today: www.jakeinmotion.com/launch-i...
    Get Surfshark VPN at surfshark.deals/motion - Enter promo code MOTION for 83% off and get 3 extra months for free!
    Download the onion skin preset: jakeinmotion.lemonsqueezy.com...
    Check out Animating With Ease on Skillshare: skl.sh/3SdDJgv
    ---------------------------------------
    The graph editor is the single most important tool you can use as an animator in After Effects, and it isn’t as difficult to understand and use as you think it is. Easy ease only takes you so far. I’m going to break down exactly how the speed and value graphs work in After Effects so you can stop being afraid to click that button and start taking control of how your layers actually move.
    ---------------------------------------
    🤝 Support more TH-cam tutorials through Patreon: / jakeinmotion
    🎓 Learn from me in other places:
    Skillshare: bit.ly/jbskill
    Explainer Camp: www.schoolofmotion.com/explai...
    Photoshop + Illustrator Unleashed: www.schoolofmotion.com/photos...
    🚶 Follow me online:
    Instagram: bit.ly/jbinst
    Twitter: bit.ly/2tOX7ui
    🏷️ Tag me on Instagram @jakeinmotion if you learned something from me!
    Chapters:
    00:00 Intro
    00:53 Surfshark VPN
    02:41 Basics of timing and spacing
    04:47 The difference custom easing makes
    07:11 The Value Graph
    10:37 The Speed Graph
    13:42 Benefits of the Value Graph
    15:31 Benefits of the Speed Graph
    17:25 Limitations of the Value Graph
    18:40 Using both graphs to improve lots of keyframes
    23:44 Final thoughts

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

  • @moaazel-sadek9416
    @moaazel-sadek9416 ปีที่แล้ว +41

    What I like about your tutorials is that you always focus on being holistic in your explanations, and you cover entire subjects instead of just throwing tips and tricks here and there.
    Well done Jake 👍

  • @luizhoya5846
    @luizhoya5846 3 วันที่ผ่านมา

    I just had a realization and because of this realization, I regret not listening to my calculus teacher about sine waves.
    In the speed graph, the farther you are to the base linear line, the faster the rate of change over time. The more near the graph is to the linear line, the slower it becomes.
    Same with the value graph, but instead of the linear line as the base, the keyframes becomes the focal base.
    The farther the curve line is to the y-position of the keyframes, the less frames it produces and is less packed, more separated. --- the nearer the curve line is to the y-position of the keyframes, the more frames it produces and the more packed it becomes.

  • @abramjessiah
    @abramjessiah ปีที่แล้ว +16

    I came to AE as a character animator from Maya. The Maya graph editor makes complete sense and to this day I still can't figure out wtf is going on with Adobe's choices in AE. Thank you so much for this video that helps clear some things up!

  • @verygoodfreelancer
    @verygoodfreelancer ปีที่แล้ว +58

    surfshark VPN has improved my motion graphics so much, the difference was immediate and shocking.

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

      Can you explain how surfshark VPN has improved your motion graphics?

    • @JakeInMotion
      @JakeInMotion  ปีที่แล้ว +20

      I'm sure it's from the ability to allow scripts to access the internet from one of thousands of private servers around the globe.

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

      @@RyanDaily They also feature some interesting and influential motion graphics on their site. but i suspect this is irony at work here in the comment.

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

      @@JakeInMotion …and boom goes the dynamite. 💥

  • @brightuser8843
    @brightuser8843 วันที่ผ่านมา

    I don't know if I'd understand everything that's shown in this video after a second watch but with just one watch my fear of graphs is gone. kudos to your explanation.

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

    SERIOUSLY?!
    I literally said that word out loud in my office while watching this and I haven't even gotten to the good part. I just can't believe you threw in the fact that there's a J and K shortcut for moving between keyframes... After years of AE I feel like a complete n00b.
    Thanks for, incredibly useful (and full of important, fundamental Easter eggs) tuts!

  • @danielterrazas
    @danielterrazas ปีที่แล้ว +9

    Coming from the 3D world, I always prefer the Value Graph because it is just second nature and makes much more sense to me. However, I believe a speed graph is a great tool to focus on the animation's velocity without thinking about all the other parameters. I'll try to use it more after watching this tutorial. Thank for that Jake. My two wishes would be that the Value Graph in AE would be more powerful, like it is in any 3D software (AE's is washed out version of it), and that all 3D apps would have some kind of Speed Graph; that would make life much easier.

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

    Thank you Jake for making this much easier to understand! I can tell you put a lot of time into making this tutorial! Your presentation is always top-notch man.

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

      Thank you so much! So glad I'm able to help with these explanations.

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

    A video on graph editors never gets too old. Thanks jake!!

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

    Jake I literally came home to try and move forward with my study of animation and after effects that I am pushing to be my carreer....and then I open youtube to try to have some coffee and rest a bit from my day and baaam! This video.
    You cannot image how much I learn and take from your videos. You are school and you are power!
    Love ya!

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

    Great tutorial again Jake. You explain complicated AE controls very simply thankyou......

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

    The quality of your videos, the great teaching method and way of explaining things are very very nice, thank you Jake :D

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

    Huge thanks man! 7 years of motion design and I’ve never understood the value graph as clear as now.
    Oh, and you guessed it right: having things bounce around and do complex motions with the speed graph only is a bloody sport, to say the least :D

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

    I use the speed graph a lot, and I think I'm pretty good at it, but that effects set you have to view the "onion skin" of the animation blew my mind. I'm going to use it a lot!

  • @vitor-fc6nt
    @vitor-fc6nt 4 หลายเดือนก่อน

    Thank you for the tutorial, it helped me a lot to understand the graph editor overall and the diference between the 2 variations!

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

    Your video is amazing! U've turned a daunting tool like graph editor into a crystal clear instrument to create great motion fx. Thank you! U've basically "easy-eased" the whole graph editor. Magic!

  • @Skillet45
    @Skillet45 9 หลายเดือนก่อน +1

    Fantastic explanation, and I really appreciate the chapters. Thanks for doing the work to put this out!

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

    Thank you so much for this! As someone who is self-taught, these tuts always help me improve things that I didn't know needed improving.

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

    I already use both, mostly the speed graph, but I still learned a few more things about the behavior. And I think you explained in wonderfully! 🎉✨

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

    Where were you when I was in Graphic Design course at my college?? This is amazing! 3 years working with AE and I never liked the graph editor too much because I was just winging it, but now. You are my hero

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

    Hey Jake, I've been following you for about 5 years and you helped me a lot! I started out as a graphic designer and gradually transitioned (pun intended) to my new position as full-time motion designer. Thank you so much for explaining the trade so calmly and keeping it interesting!

  • @2424rocket
    @2424rocket ปีที่แล้ว

    You are a breath of fresh air. I’ve seen lots of tutorials and most of them suck, to say the least. Anybody who needs to understand the graph editor this is about as good a tutorial as I’ve ever seen. Your explanation is clear and concise, there’s no rock music in the background, you’re not making jokes, it is a near perfect tutorial. First time I’ve ever discovered you… I need to see more from you.

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

    40K VIEWS??? bro this deserves like a million views!!! By far the best graph explaining i've ever watched, also that intro 😩😩😩😩😩😩😳😳😳

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

    Never really understood the speed graph and this definitely helps. Good to know that they both have times where they are more useful than the other.

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

    Super helpful! Even though I knew many of these concepts, this video helped bring them all together so I understood them better. Thank you!

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

    thank u, I hand't been able to get it before, exited to practice

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

    This video was terrific man. I've always been jealous of those super clean text moves people do, but always too forgetful to actually go back and learn the graph. Much appreciated.

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

    I mean you’ve been one of the best tutorialists on TH-cam-not just in the motion design/ae space, but just in general-for a while now, however this might be my favorite video of yours yet. As someone who’s been working with ae for over a decade, and was for a good chunk of that time scared of the graph editor and especially the speed editor, this video is a revelation. you’ve clarified a couple of details here that have been driving me mad forever, and illuminated the “whys” on which to use and when. Just a champion of a channel, thank you so much

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

      You are too kind, thank you so much!

  • @matt.pereira
    @matt.pereira 7 หลายเดือนก่อน

    I feel like somewhat of a fanboy at the moment. Goodness alone knows why I have only just found you, but it's like I need you in my life now! Just finished your Expressions course on SkillShare and now heading off to the Animating with Ease class - thank you so much for such amazing tutorials.

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

    This tutorial is the best value you will ever get from a TH-cam tutorial

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

    Good tutorial. Especially the explanation about how sometimes Value Graph is better and sometimes Speed Graph. I only used Speed Graph until now, but I will look into it more now.

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

    I took some of your classes in skillshare. I've learned a lot from those classes and I'm always learning new things from your videos.

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

    love you for that onion skin plug in😚

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

    Been using the speed graph only till now. But this video definitely changed my mind. Thnx!

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

    THANKS A LOT for making this movie. You are a star!!

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

    Well presented and informative without being overwhelming. Thanks!

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

    great examples to illustrate. Thank youu

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

    Literally my 13th Jake B video that I've bookmarked for constant reference. And like the others...will most likely be going back to time and again. Great lesson for, like, everyone!

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

    havent started after effects yet, but i love tto watch its videos and it was wonderfully explained. hopefully i will watch it again when i start using after effects

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

    This is the best free software Ive seen. Respect.

  • @hvxxia.motion
    @hvxxia.motion 8 หลายเดือนก่อน

    This was exactly the tutorial that I needed all this time

  • @whoamI-ge7tb
    @whoamI-ge7tb ปีที่แล้ว

    this program works great! exactly as I wanted

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

    Your videos are too helpful and simple

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

    Great tutorial Jake

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

    Thank you

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

    OKKK I CHECK THIS TONIGHTTTT BROOO THX

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

    good work king, love you

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

    thank you !!! this helped a ton

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

    This was really informative. Thank you!

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

    Thank you Jake!!

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

    It's working thanks my friend

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

    I checked - everything is clean

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

    perfect explanation and easy to understand thanks for sharing

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

    Nice work! Thanks!

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

    Very Helpful video. Thank you jake❤️🥰

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

    Super helpful thank you so much.💪

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

    It worked! Tank you sir.

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

    Really good video! I wish I had a video like this when i started in AE many years ago. 😊

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

    Epic tutorial! Thank You!

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

    ¡Qué buen tutorial!

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

    Oh my god, my brain is exploding inside my skull, but I start to understand graph editor. Probably need to watch this 5 more times🤣 Big thanks!

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

    Thank you so much for this! Well presented and explained. You get two thumbs up from me!

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

    Nice tutorial on motion.
    Unfortunately most motion curve tutorials only focus on super basic scenarios that is just scratching the surface.
    Where it gets hard, and wish someone like you could shed some light on is a continuous motion.
    For example 3D layer coming in from out of screen into view, with a slight continuous motion back then speed out into the distance.
    So we can learn how to control speed in and out of key frames.
    For me , this is when I separate XYZ. But that becomes hard to juggle and balance. I’d love to know how you do it with the speed graph keeping the positions axis linked.

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

    Talk about the learning curve in life's graph editor, haha! Awesome video Jake, thank you so much! Keep it up!

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

    I needed this!!

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

    Thanks it really saved me ♥♥♥️

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

    This tutorial was well detailed. Earned a sub. I can confirm this is legit.

  • @Panther-
    @Panther- ปีที่แล้ว

    fantastic tutorial

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

    it works! thanks!

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

    i finally made so good soft. thanks ❤

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

    Thank you so much for this super helpful video! Now I can sleep peacefully knowing I can edit better!!

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

    Great tutorial Jake, thanks for sharing!... Greetings.

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

    Thank you so much Sir...😍😍😍

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

    TNice tutorials tutorial is so useful,I tried tons of other tutorials but tNice tutorials was the best one

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

    awesome! thanks for the video

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

    Thanks dude you are the best

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

    So informative, thanks a lot!

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

    thank u helped me a lot

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

    exactly. always use both. edit one while viewing the other underneat it. swap between them depending on what you need to control.

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

      funny thing: most of my work colleagues so far never understood why I would do that.. some would try it after I explained why.. others just couldn't get used to it.

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

    Very helpful video thanks!

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

    Great explanation 🙏

  • @Adil-dp4ll
    @Adil-dp4ll ปีที่แล้ว +1

    Excellent explanation. Exactly what I was looking for. I am gonna subscribe and like. Btw for the part that why we can not edit position in value graph and we have to separate them. Its because there are two types of properties for Position,Scale, Rotation and Opacity. Position and scale are biaxial because they have two axis X and Y whereas opacity and Rotation are single axial. To edit the values of biaxial e.g. position and scale, we have to separate them so we could work on them separately in value graph.

  • @gaston.
    @gaston. ปีที่แล้ว

    working with AE for 20 years... and finally clearing this up for me.

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

    Great tutorial !!

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

    Works well!! DANKEEE

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

    Got here before it blows up!

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

    Thanks so much

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

    God bless you. Genius. 🙇‍♀️

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

    Thank you so much!!

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

      The rove has forever changed my perspective of motion. wow.

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

    nice! Thank you!

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

    Great Video! Im new on soft soft, and tNice tutorials tutorial really helped

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

    thanks a lot!!

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

    very helphull 😍

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

    Thanks!

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

    you are the best!

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

    Exelent Teaching.. I got it... Can not include the value in the word "thanks" ☺☺👍👍💓💓

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

    Thank you.

  • @-youssefmobarak
    @-youssefmobarak 11 หลายเดือนก่อน

    Thanks ♥♥

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

    Great video

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

    now i am in a good mood