The Graph Editor Explained - MASTER Keyframes In After Effects

Поділитися
Вставка
  • Опубліковано 1 сер 2024
  • 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 UA-cam 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.

КОМЕНТАРІ • 33

  • @MrRayinsf
    @MrRayinsf 8 днів тому

    Excellent. Clear and concise.

  • @FrescoFilmz
    @FrescoFilmz 3 місяці тому +4

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

  • @iamsimi09
    @iamsimi09 2 дні тому

    thank you, you really helped me alot!

  • @gahlfalkner2003
    @gahlfalkner2003 Рік тому +4

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

  • @Cyahegaotomad
    @Cyahegaotomad 27 днів тому

    Thank for the explanation, clear and straightforward to the point

  • @Bibhab_aep
    @Bibhab_aep 10 місяців тому +2

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

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

    Thank you! Very informative!

  • @captincaution
    @captincaution 2 місяці тому

    So clear! Thanks

  • @JudithChacon-n1k
    @JudithChacon-n1k Місяць тому

    So clear! thank u so much

  • @noexchavez
    @noexchavez 2 місяці тому

    thnx

  • @trent1847
    @trent1847 Рік тому +2

    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  Рік тому +1

      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!
      ua-cam.com/video/3ca5UrWwl5w/v-deo.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
    @randallfrye483 5 місяців тому

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

  • @lunabinder
    @lunabinder 11 місяців тому

    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  11 місяців тому +1

      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 11 місяців тому

      amazing! thank you so much!
      @@johnthevideoguy

  • @Sanatanidineshinsta
    @Sanatanidineshinsta 9 місяців тому

    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

  • @JamesMcGuire94
    @JamesMcGuire94 5 місяців тому

    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  5 місяців тому

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

  • @pigeonpoppet
    @pigeonpoppet 11 місяців тому

    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  11 місяців тому

      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!

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

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

    • @johnthevideoguy
      @johnthevideoguy  Рік тому +6

      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 3 місяці тому

      @@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 3 місяці тому

      @@johnthevideoguy Separate dimensions is greyed out to smh

  • @halua007
    @halua007 6 місяців тому

    Is this will work in after effects 2015 ?

    • @johnthevideoguy
      @johnthevideoguy  6 місяців тому +1

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

    • @halua007
      @halua007 6 місяців тому

      @@johnthevideoguy tysm ❤️

  • @MediaOnoff
    @MediaOnoff 4 місяці тому

    Hello can you make tutorial of this text animation ( ua-cam.com/users/shortsuULQJdblKFQ?si=C5etPpawNWyT2BQt )

  • @titian5936
    @titian5936 9 місяців тому

    How to convert straight line in to curve in graph