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

Animating manually using keyframes

From: Motion 5 Essential Training

Video: Animating manually using keyframes

Now if you've been at animation for a while and are kind of an old-school animator, you probably find it rather curious that we aren't talking about keyframes until Chapter 4 in this title. That's just because Motion was designed to primarily create animation through the use of behaviors. While behaviors are awesome, by no means does that actually eliminate the need to be able to specify exactly where something should be at a specific point in time. See, that's when you want to actually use a keyframe. So those of you who are unfamiliar with the term keyframe, all it means is that you're recording a specific setting for a parameter at a specific point in time.

Animating manually using keyframes

Now if you've been at animation for a while and are kind of an old-school animator, you probably find it rather curious that we aren't talking about keyframes until Chapter 4 in this title. That's just because Motion was designed to primarily create animation through the use of behaviors. While behaviors are awesome, by no means does that actually eliminate the need to be able to specify exactly where something should be at a specific point in time. See, that's when you want to actually use a keyframe. So those of you who are unfamiliar with the term keyframe, all it means is that you're recording a specific setting for a parameter at a specific point in time.

Now whether that parameter is the color value of a circle or the position of that object in the screen or the value of the amount of blur on the Blur Filter, whatever it is, you can typically add a keyframe for it in Motion. So what we are going to do in this project, with these circles, we'll actually go ahead and have these animate up from 0% scale up to 100%, so they kind of look like they're popping on screen sort of like a bubble pops into view. Now we will do that by adjusting the Scale parameter like I just talked about.

So let's press F5 to open up our Layers panel and in here select the third circle down--that will be this large circle here. Now to add a keyframe to a specific parameter you want to jump to the Inspector, and within the Inspector, you want to go to Properties section, and that'll show you your Transform options, and in here we want to adjust Scale. Specifically, we want to adjust Scale as a whole, so we don't need X, Y, and Z, so let's just go ahead and collapse that disclosure triangle. Now any time you hover over each one of these different channels within the Inspector, you may notice next of the values this plus symbol with the diamond around it.

What that's letting you know is you can add a keyframe. Now it's important when you add a keyframe to pay attention of exactly where your Current Time Indicator is, which happens to be right here at frame 0. So with my playhead at frame 0, I'm actually going to go ahead and add my first keyframe by clicking that symbol. Now since I've added that keyframe and the value is at 100%, things aren't quite set up properly yet. I need to actually change the Scale back down to 0. Now I've added a keyframe. If we go ahead and press spacebar to see what's going on, notice nothing is happening.

Now nothing is happening because I have only added one keyframe. Now, you know you can see which parameters currently contain keyframes in the Inspector just by looking at this right column. See how there's that diamond? That's letting me know that there is a keyframe on the Scale parameter, but unfortunately, there is only one keyframe. See, you need to have two keyframes on a parameter with different values before you'll actually get animation. So with my playhead here at frame 47, I am just going to go ahead and add a second keyframe at a different value.

Now, this is where something kind of interesting happens with Motion. If I went to change this parameter up to 100%--actually, let me just double-click and type 100-- when I move my playhead back to the beginning and press Play, you notice what happened. Well, it hasn't scaled. See, if you don't add the second keyframe before you change the parameter, it will actually change the first keyframe value, which I know is kind of frustrating, and seems like it's counterintuitive, but trust me this is just how it works.

So what I want to do is move my playhead back to frame 47, double-click in the numbers there and type 47. I'll move my Scale parameter back down to 0, and now at frame 47 I am going to go ahead and add another keyframe just by clicking that button. Now since I have added my second keyframe, if I change that parameter--okay, let me go ahead and change it to 100-- now I actually have animation achieved. Now to move my playhead back to the beginning, I could press Home, but I could also click this little blue arrow. See how it turns blue when I hover over it? To the left of the keyframe, if you click on that, that will actually move your playhead down to the previous keyframe.

Now to visually see where all the keyframes resided in your project, you want to press F6. making sure you have the Timeline open, and then press Command+8. See, when you have an object selected in the Timeline, you can see the object, but to be able to actually edit the keyframes, you want to open the Keyframe Editor, which you can do using Command+8. Now I'm just currently seeing these lines, what I need to do is double-click on this little magnifying glass to reframe this scene. And so it's kind of hard to see, but I can see the right edge of the first keyframe and then my second keyframe there.

So if I click these navigation arrows which appear to the left and right of my Scale keyframes, you can see that I'm moving the playhead back and forth between the two different keyframes. Now, if I want to take these keyframes and apply them to a different object in my scene, I can do that by selecting the keyframes in the Keyframe Editor. I am just going to click and drag to create a lasso around both keyframes. As I am looking at this, it's kind of hard to see both keyframes, but in the Keyframe Editor here, all keyframes look like this diamond. But when a keyframe is applied to frame 0, you're only going to see one half of the keyframe.

So it's kind of hard to see. If I zoom in here, you can maybe see it a little bit better, but it's still that same one half of this diamond. So when I'm drawing the lasso, I'm literally clicking and dragging to draw the Lasso around both keyframes, and now with both keyframes selected, I can just go up under Edit and choose Copy. If I go to a different circle--let's say I select this yellow circle right here-- I can choose Paste, by going up under Edit and choose Paste. Now I want you to pay attention. When I did that, it actually pasted two keyframes, as you can see here in the Keyframe Editor. See how it's a little easier to see the first keyframe now? It put them both down based on where the playhead currently resided, so I have two keyframes here, and they don't start until frame 47.

Now, if I scroll my playhead down the Timeline here, you can see I've got a slight issue because this second keyframe is scaling up to a full 100%. Well, when we first opened the project, this sphere, or circle, wasn't at 100% scale, so we need to adjust the second keyframe. This is really important. When you're adjusting keyframes in Motion you want to make sure to position your playhead directly over that keyframe. The easiest way to do that is to use these keyframe navigation arrows that we use a little bit earlier in the Inspector.

So here next to the keyframe, I am going to click this left arrow to move my playhead back to the second keyframe, and now I can just click and drag directly on the number value to bring that back down to where it was. Now I didn't make an exact note as to the specific size of that circles, so I am just going to guesstimate that it was right around 60%. So now, in order to preview this, I am just going to scrub, so you can see that it's still scaling up from 0, and if I move my playhead to the second keyframe here, you can see it's set at 60.

Now I know my playhead is currently on that second keyframe because I see the brightly colored keyframes populating both my Keyframe Editor and right there in the parameter of the Inspector. So, adding keyframes in Motion is pretty straightforward once you actually get the hang of it, but basically you should use keyframes anytime you want to record a specific value at a specific point in time.

Show transcript

This video is part of

Image for Motion 5 Essential Training
Motion 5 Essential Training

77 video lessons · 25916 viewers

Ian Robinson
Author

 
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 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 5 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.