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

Manipulating keyframes with the Keyframe Editor

From: Motion 4 Essential Training

Video: Manipulating keyframes with the Keyframe Editor

You may have heard we say this before, but the keyframing capabilities of Motion is actually quite powerful and it's all controlled through the Keyframe Editor. So, let's get started by pressing F5 to open the Project pane and F6 to open the Timing pane. Make sure you are on the Keyframe Editor tab and let's watch the animation. Press Play and you will notice we'll have our text animating on the screen. So, let's use the Keyframe Editor to tweak this animation. Let's get started by checking out XYZ. Go ahead and select it in your Layers tab and you will notice it pop-up in the Keyframe Editor.

Manipulating keyframes with the Keyframe Editor

You may have heard we say this before, but the keyframing capabilities of Motion is actually quite powerful and it's all controlled through the Keyframe Editor. So, let's get started by pressing F5 to open the Project pane and F6 to open the Timing pane. Make sure you are on the Keyframe Editor tab and let's watch the animation. Press Play and you will notice we'll have our text animating on the screen. So, let's use the Keyframe Editor to tweak this animation. Let's get started by checking out XYZ. Go ahead and select it in your Layers tab and you will notice it pop-up in the Keyframe Editor.

Make sure in the Show menu that you are actually on Animated, so you can see all the different parameters that have been animated. We'll touch a little bit more on this pulldown menu a little later in this video. Now, I know there are keyframes applied to these two parameters because I can see them listed, as well as, see their little dash lines in the Keyframe Editor. So, drag the Magnification slider back to the beginning of the Timeline and if you want to see these a little more closely, click on the edge of the slider to zoom in or zoom out. Let's move our playhead back to the beginning of the timeline and watch the animation, click Play.

And you'll notice it is kind of a rigid animation. You could see it when you watched it, but you can more so see it in the Keyframe Editor. This line is just going at a sharp angle right into the next one. Now, what do these lines represent? This is the velocity or the speed at which the transition is actually happening. So, if I click on this keyframe and drag it up or down on the timeline, I'm actually changing that keyframe parameter, which I don't necessarily, want to do. So, Command+Z to undo that.

But let's look at how we can smooth this animation out a little bit. First off, I think it's happening a little bit fast. If you move your playhead back to the beginning and watch, you will notice it's flipping up over a very short amount of time and if you move your playhead right over to the keyframe, you'll notice it is only 12 frames. So, to slide a keyframe in the timeline all you have to do is just click directly on it and drag it left or right. Now, like I said a second ago, if you move up down that actually changes the keyframe value. So you want to make sure to hold down Shift after you started dragging to drag it down the timeline.

So, let's move this down to about a frame 20. Move our playhead back to the beginning and click Play. It's still rather rigid, but it's definitely a little slower. So let's smooth this out and the way we are going to do that is by exploring keyframe interpolation. If you Ctrl-click directly on the keyframe in the Keyframe Editor, you will notice in the pulldown menu there is an option called Interpolation. By default with rotation, this is set to Linear. So that by default will give you a rather jagged animation.

Let's change this to Bezier and you notice we have a nice smooth curve, kind of smoothing out the animation. Let's see what that looks like. Click the Play from beginning button and you notice it's a lot more smooth. I'll go ahead and stop playback and let's go analyze the next word. Click on the word Space and if you are not seeing these in your Viewer go ahead and drag this slider at the bottom of your screen to make sure that the keyframes are in the center of your Keyframe Editor. Let's look at the red line here. You will notice it's color coded, telling me it's TransformPositionX.

So, the X position is actually smoothly transitioning from one value to another and if we move our playhead back over that value and press Play, you will notice it does nicely kind of slide from one to the next. This is because when position keyframes are set, their default setting is Bezier. Ctrl-click on the keyframe and look under Interpolation and you will notice that. Let's change it to Linear and see what happens.

Now you notice the animation is much more severe. Let's go ahead and just move our playhead back, Ctrl-click back and change our interpolation back to Bezier. Now for you After Effects users, you might be wondering what's going on. If you Ctrl-click and look under Interpolation, you want to do Ease In and Ease Out. Well, ease in and ease out work just fine to degree, but let me show you what I'm talking about. Let's choose Ease Out and what this does is it slowly eases the transition of this keyframe value out of the setting it had earlier in the timeline into the new setting.

Now, in After Effects typically you would set the first keyframe to Ease Out and then the next keyframe to Ease In. But in Motion when you do that, it doesn't get very happy. So, what you have to do is actually just use Bezier and when you do that for both, it will actually give you a nice smooth transition from one to the next. Now, if you want a Custom Transition, notice when I Ctrl-clicked on Bezier, I got this control handle and if you click -and-drag, what you can do is actually create a Custom Transition.

So, feel free to play around with this and click-and-drag and see how the different settings adjust. Notice I just made this move kind of fast and then slowly come into its new setting. That's pretty cool. Go ahead and drag the handle back to where it was and let's get started retiming the keyframes. So, to see the keyframes of more than one object, go ahead and click on one layer and then hold down Shift and click on the next layer. So, let's zoom out in the timeline and if you can't see all the keyframes, double-click the Auto-Scale button to make sure this is all setup.

Now, let's time XYZ and Space to happen very closely in succession. Right after XYZ is done, I want space to come in. So, to slide all the keyframes all at once, just draw a box around the keyframes you would like to move and click-and- drag and that will move all of them and if you hold Shift as you click-and-drag it will make sure not to change the actual value of that keyframe parameter. Now, another way to change your keyframes-- What if you like how all of this animation is actually happening, but you want it to happen over a longer time period? If you select the Box tool and draw a box around all of the keyframes you would like affected, you'll notice you'll get a bounding box just like the one in the canvas.

And if you click-and-drag, you will notice it is changing the length overall of all the keyframes. Go ahead and click Play from beginning to check that out. There is one last thing, I made reference to this pulldown earlier and you will notice it's called Show. This is allowing me to see all the different things in my Keyframe Editor. So, if I only wanted to show let's say Position keyframes, I'll click on the pulldown menu and choose Position and now it has kind of filtered out all the other keyframes that are in the timeline.

So, as you are working in the Keyframe Editor, it's a great way to filter things out. So you can just work with the parameters that you choose. So, now that we have covered the basics of working with the Keyframe Editor, feel free to animate the rest of the words in this project and have fun.

Show transcript

This video is part of

Image for Motion 4 Essential Training
Motion 4 Essential Training

92 video lessons · 22789 viewers

Ian Robinson
Author

 
Expand all | Collapse all
  1. 6m 52s
    1. Welcome
      1m 0s
    2. Important definitions
      3m 5s
    3. What's new in Motion 4
      1m 51s
    4. Using the exercise files
      56s
  2. 45m 38s
    1. Launching Motion for the first time
      2m 20s
    2. Understanding the Motion interface
      4m 43s
    3. Understanding the Utility window
      5m 50s
    4. Understanding the toolbar
      1m 57s
    5. Navigating the Canvas
      4m 37s
    6. Working with layers and layer groups
      4m 52s
    7. Using the Project pane
      2m 42s
    8. Transforming objects
      3m 41s
    9. Controlling the Timeline
      4m 27s
    10. Using the HUD
      1m 27s
    11. Essential preferences
      2m 37s
    12. Customizing the keyboard
      4m 14s
    13. Getting smooth playback with RAM preview
      2m 11s
  3. 28m 52s
    1. Adding assets to Motion
      3m 12s
    2. Adding QuickTime movies to Motion
      3m 30s
    3. Adding still images to Motion
      3m 23s
    4. Adding image sequences
      3m 23s
    5. Adding layered Photoshop files
      2m 40s
    6. Adding Illustrator files
      2m 12s
    7. Using the Library
      3m 14s
    8. Understanding and using blend modes
      5m 39s
    9. Adding text
      1m 39s
  4. 13m 19s
    1. Creating and adjusting shapes
      7m 41s
    2. Creating simple masks
      2m 36s
    3. Creating masks with objects
      3m 2s
  5. 42m 24s
    1. Adding and adjusting behaviors
      5m 49s
    2. Adding parameter behaviors
      4m 2s
    3. Applying behaviors to layers and groups
      5m 16s
    4. Adding multiple behaviors
      7m 39s
    5. Exploring the power of the Link behavior
      5m 2s
    6. Trimming and sliding behaviors
      5m 18s
    7. Saving custom behaviors to animate stills
      4m 24s
    8. Using shape behaviors
      4m 54s
  6. 25m 3s
    1. Adding keyframes manually
      6m 10s
    2. Using the Record button
      6m 38s
    3. Manipulating keyframes with the Keyframe Editor
      6m 59s
    4. Combining keyframes and behaviors
      3m 33s
    5. Working with recording options
      1m 43s
  7. 26m 38s
    1. Adding and formatting text
      5m 35s
    2. Using text styles
      4m 33s
    3. Formatting text with the Adjust Glyph tool
      4m 8s
    4. Animating text with the Adjust Glyph tool
      4m 23s
    5. Creating text on a path
      3m 35s
    6. Using text behaviors
      4m 24s
  8. 22m 4s
    1. Stabilizing shaky footage
      4m 7s
    2. Match moving: Transform
      3m 56s
    3. Match moving: Four-corner pin
      4m 44s
    4. Retiming video in the Inspector
      5m 49s
    5. Using retiming behaviors
      3m 28s
  9. 11m 41s
    1. Applying and adjusting filters
      2m 46s
    2. Applying multiple filters
      8m 55s
  10. 8m 13s
    1. Pulling a luma key
      2m 42s
    2. Pulling a chroma key with Primatte RT
      5m 31s
  11. 11m 29s
    1. Applying and adjusting generators
      3m 25s
    2. Using the text generator
      4m 15s
    3. Generating a background
      3m 49s
  12. 19m 9s
    1. Creating basic particle systems
      10m 58s
    2. Using particle presets
      1m 51s
    3. Creating an advanced particle system
      6m 20s
  13. 13m 25s
    1. Replicating objects
      4m 52s
    2. Animating a replicator
      4m 53s
    3. Replicating a video file
      3m 40s
  14. 49m 46s
    1. Working in 3D space
      5m 11s
    2. Working with cameras
      8m 6s
    3. Viewing a 3D scene in different layouts
      2m 56s
    4. Creating depth with lights and shadows
      8m 22s
    5. Simulating depth of field
      3m 54s
    6. Using camera behaviors
      4m 7s
    7. Animating cameras with camera framing
      6m 8s
    8. Create interest with the Focus behavior
      1m 52s
    9. Using reflections and highlights
      5m 13s
    10. Creating particles in 3D
      3m 57s
  15. 20m 31s
    1. Using the Paint tool
      6m 1s
    2. Using advanced paint tools
      8m 9s
    3. Applying paint presets
      1m 51s
    4. Sequencing paint with the Stroke behavior
      4m 30s
  16. 9m 3s
    1. Adding and adjusting audio
      4m 37s
    2. Animating to music with the Audio Parameter behavior
      4m 26s
  17. 11m 52s
    1. Sharing files
      3m 36s
    2. Exporting files
      3m 15s
    3. Creating an export preset
      3m 0s
    4. Archiving your project
      2m 1s
  18. 15m 30s
    1. Round-tripping between Final Cut Pro and Motion
      4m 24s
    2. Sending your project to Compressor
      1m 59s
    3. Creating drop zones
      3m 0s
    4. Creating templates for Motion and Final Cut
      5m 2s
    5. Importing Motion projects into DVD Studio Pro
      1m 5s
  19. 22s
    1. Goodbye
      22s

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 Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com 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 lynda.com 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.com (@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
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Motion 4 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com 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 lynda.com.

Sign up and receive emails about lynda.com 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.