Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Adding animations to your clips may sound like a daunting process, but by learning the basic concepts, you're going to be a master in no time. So what animation is is the process of making things do something, whether it's moving left to right from A to B, rotating, going in and out of opacity or scaling. Now let's say I want to move something from this side of the screen to the left. Let's find something to move. I'm going to go into my Edit menu and look in to the Clip Art. Elements ships with a lot of clipart, and I'm going to choose something like this wonderful little bunny, and drag it on, and here it is.
What if I want to make the bunny go from right to left? Well, let's go into the Edit menu, and we'll choose Effects, and then we'll choose Edit Effects. The process of doing that is creating a keyframe. We're going to have to do this quite often if you want to animate. So the process of that--I'm just going to expand this a little bit. If I want to go from this point in time to this point in time, I have to change values. I've go to have a value set here, in the beginning, and then if I go here and I move him to left side, the value is changed his position within the frame here.
So now if I move back, nothing is going on, because I haven't set any keyframes. Let's go back to 1. So in order to do that, I need to down arrow the Motion tab here. And on the far right you'll see this stopwatch, and that stopwatch means Show Keyframes, so I'm going to click on that. Now I can change its Rotation, Opacity. Let me just bring this down a little bit, because I really don't need to go into the Timeline anymore. I can do all of my animations right here.
I can change his Position, Scale, Rotation, Anchor Point, by selecting the toggle animation button, and it looks like a little stopwatch. So remember, if you can see the stopwatch, that means something can be animated. And we'll click on that. Elements wants to help you out so bad that it creates your first keyframe for you, so you only have to do a second one to get things moving. So what this is telling us here is that at frame0--we're up here at frame0-- Elements has said, okay we're setting a position keyframe here, and these are the numbers that it's at.
It's at this scale, its rotation is 0 right here, its anchor point is this number, and that's all locked into these little keyframes here. Let me go ahead in time. Let's go to about right here. And the rabbit is going to jump, right, because rabbits jump. So if I grab this and bring him in the area right here, this has created a position keyframe, because I moved his position from this area to up here, and Elements creates a keyframe right here, or a diamond I call them. So it said at this point we've moved the rabbit to that.
Now let's go back to 1. Here we're at this position, and if we go to this next keyframe button and click it, it'll take you to the next one. And see, our numbers have changed. Nothing else has changed, because we didn't do any changes to them. And if you see this dotted line here, well that's called a motion path. It went from this keyframe to that keyframe and this is the path it took, straight ahead. Now what if I wanted to change the path? Well, I can go back one and I can either click here to create a new keyframe or I can simply go in the viewer and drag him down. So maybe he has got like a little weird hop.
So, he hops up fast and then lands. So let's go back to 1, and I'm just going to press the spacebar to play. So the bunny rabbit jumped up, and it actually looked pretty smooth. So now he's stuck up there. I'm going to go ahead in time a little bit and I'm going to add another keyframe right here. And this keyframe, because I didn't make any changes, is going to keep the same value as the previous keyframe. Let's take look.
We're at 397:130 and if I go back, we're at 397:130, so let's go ahead. Now why did I do that? Because he jumped up and paused for a second, and now he is going to jump down. So I'm going to go to the end of my animation and I'm just going to drag the rabbit down to the ground. It added my next keyframe. Let's go back to 1, press the spacebar, he jumps up, he pauses, and now he jumps down. So as you can see, you need more then one keyframe to do an animation, and you can have a lot of keyframes to make the animation do different things.
Well, maybe I don't want him to stay up here that long. Let me just select that keyframe. I can go into the next keyframe, click and hold, and I can drag it in. So now he doesn't stay there that long. And let's go to the last keyframe. Maybe this is too long for him to jump. He is jumping really slow. After all, he is a rabbit, he is pretty fast, so I want to drag this and bring it over quite a bit, and let see how that pays out. Let's press the spacebar. He jumps up and then boom, quick jump down.
So keyframe animation is essential to making things move in Elements, to making effects do different things. Maybe you want an effect to happen at the beginning of a clip and then you want to keyframe it out or make it do something different in another point in time. And we're going to get really into this in the next few videos, but keyframe animation in Elements is easy to learn and lots of fun to do.
Get unlimited access to all courses for just $25/month.Become a member
93 Video lessons · 28831 Viewers
135 Video lessons · 63408 Viewers
79 Video lessons · 21507 Viewers
350 Video lessons · 106448 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.