Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Here's our map animation we created using keyframes. Now let's take it a step further by using our Keyframe Editor. Go ahead and hit Cmd+8. Here we have a graph that represents the Position keyframes that we have set. One of the things I love about this graph is the fact that it actually breaks out the X values from the Y values and the Z values. So if I wanted to move this entire animation on the X axis, I can just go ahead and click on the X position here, and make sure my mouse is right over that line which represents the X position, and when its right over it, I get the Move tool here, and you can go ahead and just drag it.
Notice, now this entire animation is moving on its X axis. This is pretty cool. So go ahead and Undo that. Now, the next little thing I would like to talk to you about is what I think separates a good animator from a great animator, and that's Keyframe Interpolation. So let me show you what I am talking about. Go ahead and draw a box around this center keyframe here, and right click. That will open up an option here for your Keyframe Interpolation. What this will allow you to do is change how the object, that as a keyframe, gets into and out of this keyframe.
So if you go ahead and Ctrl-click on it or right-click, and choose Interpolation. I want you to change it to Linear. Did you see that? I will Undo that just so you can see it. Pay close attention to this Motion path here. I am going to right click, Interpolation, and say Linear. Now if you notice, I have a very straight animation. If you hit the spacebar, you will notice the car is now moving in a very robotic fashion. Let's go ahead and right click on that again, and see what happens when we change this to Constant.
Constant is one of my favorites. If you move your playhead back to the beginning and hit the spacebar. Boom, look what happened. It stayed at a Constant state, all the way until the next keyframe. So that's one of my favorite things to do. Let's actually hit the spacebar. We will stop the animation for a second. Select all of the keyframes, and right click on one of them and choose Interpolation, Constant, and move your playhead back to the beginning and hit the spacebar.
So this may look kind of boring on this specific animation, but this is a great tool if you want to have something pop around the screen. You could go ahead and set all your keyframes and then just right click on them and set them all to Constant. Let's go back to the Home. There is one last Keyframe Interpolation Property I would like to show you. We are going to change this middle one back to Bezier, and this is called the Ease Parameter. We are going to go ahead and apply an Ease to this last keyframe.
So go ahead and hit the spacebar, and you could see how this animation is happening right now. The car kind of gets there and it stops. I will just stop the animation by hitting the spacebar. Move the playhead back and just show you again. Doink! it just stopped. I know you are going to love the sound effects, right? If you draw a box around N keyframe and right click on it, go ahead to your Interpolation, and what you want to do is have the car Ease In to this last keyframe. So choose Ease In. Now I will move your playhead back to the beginning.
Hit your spacebar, and you notice it moves through Texas, and nicely and easily it moves through California. Now there is one little tweak that I would like to do, not in the Keyframe Editor, couldn't stop your animation, draw a box around your first keyframe; and notice you get these handles. With all these selected, I can go and draw these handles out. Now I have a little bit more fine control over how these keyframes will function. So go ahead and move your playhead back to the beginning, and now see what it looks like with the handles dragged down.
Isn't that neat, it sort of makes the car look like it wound up and then took off. Whether you are right clicking and changing Interpolation, or whether you are actually clicking on a keyframe and dragging its handles, you see you can get some pretty precise control in your Keyframe Editor. Now, there are some tools I would like to show you. The first one; it was set by default, and what this is, is the tool that I can use to select specific keyframes. The next tool is the Sketch tool. This is actually kind of a neat tool.
If you select a specific Parameter, it will allow you to go ahead and sketch by clicking and setting another keyframe. So I will go ahead and sketch this one here, and now you notice, you can move your playhead back, it's going to go ahead and whoop and pop back up again and back out. So to be honest, I rarely use this tool, but its there if you would like to check it out. The last thing I want to show you is this Box tool. Go ahead and click it. What this will allow you to do is draw a box around your keyframes.
Just go ahead and click and drag around all your keyframes. When you let go, now I have this transformed box. So what I can do is actually drag it, and that's going to go ahead and compress things, so it's a lot more close together and happening faster. So now, you can see, if you move your playhead back to the beginning, you can see how quick and compact these keyframes actually become. As I said before, the Keyframe Editor gives you a great place to use some pretty powerful tools to add that final bit of polish to your animations.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 48223 Viewers
86 Video lessons · 10862 Viewers
350 Video lessons · 100102 Viewers
79 Video lessons · 13785 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.
Your file was successfully uploaded.