New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Manipulating keyframes with the Keyframe Editor

From: Motion 5 Essential Training

Video: Manipulating keyframes with the Keyframe Editor

No doubt, the first time you create an animation based off keyframes you'll want to go back and actually change that animation. See, that's just a normal part of the process when you're creating animations using keyframes. You get the base animation set up, and then after you have that rough, you go ahead and adjust those keyframes to create your finished, polished animation. So for this animation, let's go ahead and press the spacebar and see what we are dealing with. As you can see, we have a rather robotic animation. There are a couple of things I want to fix.

Manipulating keyframes with the Keyframe Editor

No doubt, the first time you create an animation based off keyframes you'll want to go back and actually change that animation. See, that's just a normal part of the process when you're creating animations using keyframes. You get the base animation set up, and then after you have that rough, you go ahead and adjust those keyframes to create your finished, polished animation. So for this animation, let's go ahead and press the spacebar and see what we are dealing with. As you can see, we have a rather robotic animation. There are a couple of things I want to fix.

First thing, I don't like how each one of these circles are coming in the scene and then just abruptly stopping. Secondly, I don't like how slow this larger circle is moving in order to scale into the scene. I want it to pop in there kind of quickly. So let's get started by making an adjustment to this larger circle. I am going to press F5 to open up the Layers panel, and I'll select this larger circle-- it's the third one down here. And if you press Command+8, that'll open up your Keyframe Editor.

Now within the Keyframe Editor, I want you to click on this curve set right here, this button that says Animated. If I click on it, you notice I've got all these different things right here, and these are called curve sets. And basically, if you choose Animated, any object that already has a keyframe applied to it will populate this scene. You can choose something else like Rotation that doesn't have any keyframes and it will give you the value of that speed, which is set to zero, but it won't show you any keyframes, because again, this parameter doesn't contain any keyframes.

So let's go back to Animated, and I like how this actually kind of over-modulates as it pops in. That's really nice, but I want this to happen much more quickly. I could click on a keyframe and just start moving it in the Timeline, but you notice I have my X keyframe, which is separate from my Y, which is separate from my Z, and all that stuff. I don't really like just clicking on one and dragging. What I want to do is select all of these and then compress, or stretch, how those keyframes are moving through the Timeline in proportion to each other, and the way you do that is with this tool right here.

See, it's the Transform Keyframes tool and if you go ahead and click on that, it'll give you crosshairs that you could then in turn draw over the keyframes, and now you get a bounding box for the keyframes. So, within the bounding box, I could kind of scale things up just by clicking on the corner, or I could adjust how things move on the time overall, just by clicking on this right handle. So since I want this to be faster, I'll just move it further up in the Timeline. Now we've shortened this significantly.

Now once you've finished adjusting, you want to go back and make sure that you have your Edit Keyframe tool selected. Now if I press my Home button and the spacebar, you can see boom! It's popping up in the scene. Still a little slow, so I'll just grab that tool one more time, see if I can speed it up a little bit more. That should work for now. Let's look at how we can actually polish the animation of these other two objects. Well, in order to change how these move, we need to adjust something called the keyframe interpolation.

Notice when I have this yellow circle selected, you can see the motion path that's actually moving throughout the scene, and these darker dots in the middle of the line are showing me how fast it's actually moving. Now if you look in the Keyframe Editor, you can see it's moving in a linear fashion, just because of how this line is actually moving. Now since I only have two different values on the X axis, even though I have four keyframes populating my Keyframe Editor, notice it's only the X options here that I'm seeing that drastic change.

Now, in order to smooth things along, I want to ease my animation. Now those of you who are coming from After Effects should be very familiar with this term, but basically what you want to do is select the keyframe. I am going to choose this first keyframe here. And just so I can actually see things a little better after I select that, I am going to click this button right here. See, this will fit the curves to the window. So when I click on that, it sort of maximizes this window. Another way you can adjust this is by clicking on the scale here. I like clicking the button because it actually moves the zoom so I can see things more clearly.

You can do the same thing here by autoscaling the curves vertically, and now I've got things more optimized. I can see exactly what's going on. Now with that first keyframe selected, if I can go ahead and Ctrl+Right-Click, I can choose Ease Out, and what this is going to do, it will ease the X position out of its current stagnant state into the animation. So when I do that, notice I get a nice smooth move into the animation, but I still have a rather abrupt ending.

So if I right-click here, I could choose Ease In, but notice that's kind of changed this. So what I want to do is actually just select both of these keyframes. And if you right-click or Ctrl+Click on one of them, instead of messing with the eases, if you go to Interpolation, change it from Bezier to Continuous. What this will do is allow Motion to automatically figure out how you're trying to ease things and set up the animation accordingly.

Now the disadvantage to this not being a Bezier curve is the fact that you can't actually go in and adjust handles. So to show you handles, we'll make an adjustment to the purple sphere, but for right now, let's go ahead and just see what this new animation is looking like. And already you should notice a significant improvement. Okay, there we go. Now if you are seeing stuttering, that's just playback for the preview. If you press Command+R, you can load a RAM Preview, and then nine times out of 10, it will play back perfectly seamlessly.

So let's select the purple circle here, and let's look at some of the different options. Again, I'm just going to click on the Fit Curves in Window button to automatically reframe where I am looking in the scene. Ad now instead of actually having Motion automatically interpret what's going on, I want to actually control the specific Bezier handles, and in order to do that, if you hold the Command key and then click and drag on a keyframe, you can get a control handle that pops out.

So in here, what I'm doing is just easing this manually myself. I can do the same thing with the first keyframe. Again, I'm holding Command, click and drag. Now I've actually got precise control over how this is animating using Bezier handles. So there we go. Now the last thing we need to do is actually move the keyframes so they aren't all animating at the exact same time. I like where the first bubble is popping in, so let's just kind of move the purple one to come in next and then the yellow one to come in last.

So the easiest way to do this is just adjust the magnification back on the Timeline here, and I'll select the first gray circle and make a note of where the last keyframe is. Well, it's right here at nine frames. So that's pretty darn quick. So I am just going to move my playhead down here to around 28 frames and select our purple sphere. Now, I can see my two keyframes here-- I am just going to go ahead and draw lasso around those--but I'm also going to hold the Command key and click on the yellow sphere, just so I can see how these two are working in conjunction with each other. And as you can see, they are both actually animating, one right on top of each other.

Unfortunately, when I reselected both layers in the Layers panel, it deselected the keyframes I had set up for the purple circle. So what I am going to do is actually select the keyframes for the yellow circle just by clicking and Shift+Clicking on these parameters, and now I can see exactly which ones I want to move in the Timeline. So it's these keyframes and if we move our playhead towards the end here, if I click on one and start to move, it's not going to move, so what I actually need to do is just turn off the Purple keyframes for a second--and I'll reselect those keyframes--and just drag the keyframes down the Timeline.

Now it's really important as you start to drag--see, I'm having issues here, let me undo--before you start to drag, you want to make sure all the keyframes are selected and hold down Shift on your keyboard. That way when you start to drag you won't accidentally change the value of that parameter; you're just having it slide down the Timeline. Now, I can go ahead and turn off the yellow circle visibility after I move my playhead down to the end of that animation. There we go.

So with the purple circle set up, I can select all four keyframes, hold down Shift, and start dragging down for that. Now if we turn on both, you can see I've got one set followed by the next set. Now there's an easier way of actually adjusting this, other than just within the Keyframe Editor, and that happens when you open the Timing panel. If you press F6, that will open your Timing panel and if you're not seeing it, press Command+8 to hide your Keyframe Editor and then press F6 to open the Timing panel.

So with the Timeline open, notice there's this button right here. If I click on this button, it will actually show me those keyframes, and yes, I can actually select those keyframes right here in the Timeline and drag them accordingly. You just want to make sure to select one and then press Shift to select the next one. So as you can see, you can create your polished, finished animation by making your final adjustments to your keyframes within the Keyframe Editor.

Show transcript

This video is part of

Image for Motion 5 Essential Training
Motion 5 Essential Training

77 video lessons · 25112 viewers

Ian Robinson

Expand all | Collapse all
  1. 14m 18s
    1. Welcome
      1m 6s
    2. Learning important definitions
      8m 13s
    3. Using the exercise files
      1m 37s
    4. Relinking missing media
      3m 22s
  2. 49m 41s
    1. Launching Motion for the first time
      4m 3s
    2. Navigating the interface
      9m 27s
    3. Creating and transforming objects in the Canvas
      6m 9s
    4. Controlling the Timing pane
      6m 29s
    5. Setting essential preferences
      6m 41s
    6. Customizing the keyboard
      5m 5s
    7. Using RAM preview and audio controls to get smooth preview playback
      5m 26s
    8. Introducing markers and audio
      6m 21s
  3. 26m 9s
    1. Adding assets to a project
      7m 56s
    2. Using the Library
      6m 4s
    3. Working with layers and groups
      6m 9s
    4. Understanding and using blend modes
      6m 0s
  4. 31m 15s
    1. Adding and adjusting behaviors
      7m 5s
    2. Adding multiple behaviors
      6m 31s
    3. Trimming and sliding behaviors
      8m 40s
    4. Using custom presets to create a slideshow
      8m 59s
  5. 29m 49s
    1. Animating manually using keyframes
      7m 49s
    2. Using the Record button
      6m 28s
    3. Manipulating keyframes with the Keyframe Editor
      10m 9s
    4. Combining keyframes and behaviors
      5m 23s
  6. 52m 33s
    1. Adding and formatting text
      7m 50s
    2. Using text styles
      10m 36s
    3. Formatting with the Transform Glyph tool
      5m 33s
    4. Animating text
      11m 17s
    5. Working with text on a path
      8m 16s
    6. Creating credit rolls
      9m 1s
  7. 31m 19s
    1. Match Move: Four-corner pin
      7m 25s
    2. Match Move: Transform
      11m 27s
    3. Stabilization
      5m 4s
    4. Retiming footage with behaviors
      7m 23s
  8. 16m 42s
    1. Applying and adjusting filters
      4m 18s
    2. Applying multiple filters
      7m 32s
    3. Timing a style with filters
      4m 52s
  9. 33m 35s
    1. Creating and adjusting shapes
      10m 7s
    2. Using shape behaviors
      7m 40s
    3. Creating and adjusting masks
      10m 47s
    4. Creating masks with objects
      5m 1s
  10. 34m 3s
    1. Using the keyer to composite green screen footage
      7m 28s
    2. Refining a key
      11m 6s
    3. Using masks to refine a green screen composite
      7m 54s
    4. Color-correcting elements to match within a green screen composite
      7m 35s
  11. 50m 2s
    1. Understanding generators
      4m 52s
    2. Applying text generators
      5m 41s
    3. Creating particle systems
      5m 49s
    4. Making adjustments to a particle system
      7m 33s
    5. Using particle behaviors
      5m 18s
    6. Creating paint strokes
      6m 58s
    7. Animating paint strokes
      4m 57s
    8. Using the Replicator
      5m 1s
    9. Replicating video
      3m 53s
  12. 47m 28s
    1. Viewing a scene in different layouts
      7m 17s
    2. Working with lights
      8m 12s
    3. Adjusting lighting and reflectivity
      9m 13s
    4. Creating and adjusting shadows
      4m 3s
    5. Creating replicators in 3D
      7m 50s
    6. Creating particles in 3D
      5m 7s
    7. Creating text in 3D
      5m 46s
  13. 42m 14s
    1. Working with cameras
      9m 3s
    2. Creating depth of field in a composition
      4m 55s
    3. Using camera behaviors
      9m 53s
    4. Create interest with the Focus behavior
      7m 26s
    5. Animating cameras with camera framing
      10m 57s
  14. 16m 36s
    1. Adding and adjusting audio
      9m 29s
    2. Adding audio markers
      7m 7s
  15. 17m 37s
    1. Sharing files
      6m 58s
    2. Creating a pre-render
      7m 5s
    3. Archiving a project
      3m 34s
  16. 26m 5s
    1. Creating drop zones
      4m 21s
    2. Setting up rigs: Slider rigs
      6m 56s
    3. Setting up rigs: Pop-up rigs
      4m 49s
    4. Making templates for Motion
      4m 3s
    5. Making templates for Final Cut Pro
      5m 56s
  17. 1m 32s
    1. Goodbye
      1m 32s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes changes my life forever. @JosefShutter
@lynda is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?


Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.