The Graph Editor Explained - MASTER Keyframes In After Effects

Like My Content? 🤘
Consider Supporting Me On Patreon 🎉
/ johnthevideoguy
Get EXCLUSIVE ACCESS To My Assets & Templates 😉
ABOUT VIDEO:
In this tutorial I show you how to use the graph editor inside Adobe After Effects. I explain the difference between linear and bezier keyframes and how you can change the curve of bezier animation paths in the graph editor. I also give an overview on ease in and ease out keyframe animations to create easy ease. I go over how to create an S curve animation and an overshoot animation in After Effects. Then I go over the other settings in the After Effects graph editor including the speed graph and keyframe assistant options.
CHAPTERS:
00:00 Welcome!
00:31 Linear Keyframes
01:15 Easy Ease (Bezier) Keyframes
01:47 Graph Editor Overview
03:26 Ease In Vs. Ease Out
03:51 Creating An S Curve Animation
04:13 Overshoot Animation
04:49 Speed Graph Editor
05:46 Other Graph Editor Settings
06:33 Final Notes & Resources
AFFILIATE NOTICE:
I may earn from qualifying purchases through the links in this video description.
That being said... Check out these AWESOME deals below! 😁
Try Artlist & Get Two Additional Months FREE! 🎶
bit.ly/3J6YdXl
Looking For Unlimited Stock Creative Assets? 🎥
Try Envato Elements Today:
bit.ly/3K1vlAa
Need Some Awesome Visual Effects? 💥
Check Out Visual FX Pro:
bit.ly/3K0C1hF
15% Off Coupon Code: JOHNVLACH
New To Adobe Creative Cloud? 🎨
Start Your FREE Trial Today:
bit.ly/3SzVB8s
Ever Wanted To Start Your Own Podcast? 🎙
Try Podbean Today:
bit.ly/3IgUwNB
John The Video Guy is a video editor & videographer that works in the entertainment industry, creating videos and motion graphics for live events including corporate events, non-profit galas, and private parties. On this KZread channel, he shares Premiere Pro & After Effects tips and tricks as well as many videos on various post production topics. Consider subscribing and joining our community focused on learning new ways to create AWESOME videos.

Пікірлер: 31

  • @FrescoFilmz
    @FrescoFilmz2 ай бұрын

    my key frame isnt showing handles. It started doing that out of no where, it use to show them

  • @Cyahegaotomad
    @Cyahegaotomad3 күн бұрын

    Thank for the explanation, clear and straightforward to the point

  • @gahlfalkner2003
    @gahlfalkner2003 Жыл бұрын

    I was so confused about the graph editor and this tutorial explained it perfectly. Thank you SO much!

  • @JudithChacon-n1k
    @JudithChacon-n1k9 күн бұрын

    So clear! thank u so much

  • @Bibhab_aep
    @Bibhab_aep9 ай бұрын

    It was very helpful. I was not seeing the graph but now i am all clear. Thanks you so much. ❤

  • @alexvaulin1140
    @alexvaulin1140 Жыл бұрын

    Thank you! Very informative!

  • @captincaution
    @captincautionАй бұрын

    So clear! Thanks

  • @noexchavez
    @noexchavezАй бұрын

    thnx

  • @trent1847
    @trent1847 Жыл бұрын

    I just found you and I've only watched a few of your videos but I just want to say I love the format and the key things you explain. Do you have any videos on how to convert Log footage into rec 709 then into a color grade? Also the difference between pre composing / rendering / exporting / best exporting for final video from AE? Thanks for all the content you've done so far! Subscribed!

  • @johnthevideoguy

    @johnthevideoguy

    Жыл бұрын

    Thanks, I really appreciate it! I haven't created a Log to Rec 709 and color grade tutorial. I'm hesitant to make one because it really depends on the type of camera that the video is shot on. There's a lot different utility LUTs that you can look into depending on your specific camera model. I would do a quick Google search. Otherwise I did make this color correcting tutorial below that might help! kzread.info/dash/bejne/ZZeVl7erh9rSZdo.html That's a great video suggestion for an After Effects tutorial. I'll keep it in mind and might create a best export settings tutorial for After Effects. Thanks again for subscribing. It really means a lot!

  • @randallfrye483
    @randallfrye4834 ай бұрын

    How were you able to make yellow line move on angle? When I move the dot, it only moves horizontally.

  • @lunabinder
    @lunabinder10 ай бұрын

    hey thanks for the tutorial. do yo know if there is a way to edit the graph of multiple layers at the same time? as when using the keyframe assistant for simple eases

  • @johnthevideoguy

    @johnthevideoguy

    10 ай бұрын

    Thanks! That's a great question. I found out that if you select the properties you'd like to edit, then right click on the keyframes in the graph editor, you have to go to Select Keyframe Label Group, and then click on Visible Keyframes on Selected Layers. This should allow you to edit the ease of multiple keyframes at the same time.

  • @lunabinder

    @lunabinder

    10 ай бұрын

    amazing! thank you so much! @@johnthevideoguy

  • @Sanatanidineshinsta
    @Sanatanidineshinsta8 ай бұрын

    Bro how to convert straight line into curve i dont know

  • @zentaier1767
    @zentaier1767 Жыл бұрын

    Hi, can you tell me which button can be used to change the direction of the yellow lines in the diagram? It is not possible for me!

  • @johnthevideoguy

    @johnthevideoguy

    Жыл бұрын

    In order to have the yellow line on the other side of the keyframe, there would need to be another keyframe on the other side. The yellow handle bars are only displayed between two keyframes. Hope that makes sense!

  • @zentaier1767

    @zentaier1767

    Жыл бұрын

    @@johnthevideoguy I couldn't get my point across،But thanks

  • @Shluk
    @Shluk Жыл бұрын

    I dont have handles from my keyframes in the graph editor helpppp

  • @johnthevideoguy

    @johnthevideoguy

    Жыл бұрын

    This is common if you're animating the position parameter. Try resetting the keyframes.Then right click on the position parameter and choose separate dimensions. This will separate the X and Y values. When you animate them separately and add easy easy the handles should show up in the graph editor. Hope this helps!

  • @FrescoFilmz

    @FrescoFilmz

    2 ай бұрын

    @@johnthevideoguy One of Adobes Glitches smh. You should make a glitch tutorial lol these things make us think we are doing something wrong lol

  • @FrescoFilmz

    @FrescoFilmz

    2 ай бұрын

    @@johnthevideoguy Separate dimensions is greyed out to smh

  • @pigeonpoppet
    @pigeonpoppet10 ай бұрын

    my graph editor has green red and sometimes blue lines n it won’t let me do anything really i have no clue what to do

  • @johnthevideoguy

    @johnthevideoguy

    10 ай бұрын

    You might need to change your view settings. If you click on the eye button at the bottom of the graph editor you’ll see some options. Make sure that only “Show Animated Properties” is checked. You might be seeing other property values that aren’t animated and that is why it may be appear that you cannot animate anything. Also be sure to create your keyframes and value adjustments before going into the graph editor. Hope this helps!

  • @JamesMcGuire94
    @JamesMcGuire945 ай бұрын

    I can't get my lines line's to move on an angle I can only move them horizontally! What's my issue?

  • @johnthevideoguy

    @johnthevideoguy

    4 ай бұрын

    I'd try not holding down shift while dragging the handle bars. This will allow more options to bend the animation path.

  • @halua007
    @halua0075 ай бұрын

    Is this will work in after effects 2015 ?

  • @johnthevideoguy

    @johnthevideoguy

    5 ай бұрын

    The UI may look a little different in 2015. But most controls should be very similar.

  • @halua007

    @halua007

    5 ай бұрын

    @@johnthevideoguy tysm ❤️

  • @MediaOnoff
    @MediaOnoff3 ай бұрын

    Hello can you make tutorial of this text animation ( kzread.infouULQJdblKFQ?si=C5etPpawNWyT2BQt )

  • @titian5936
    @titian59368 ай бұрын

    How to convert straight line in to curve in graph