Watching:

Adding and removing property keyframes with the Motion Editor


show more Adding and removing property keyframes with the Motion Editor provides you with in-depth training on Web. Taught by Todd Perkins as part of the Flash Professional CS5 Essential Training show less
please wait ...

Adding and removing property keyframes with the Motion Editor

In the Motion Editor, you can actually add and remove property keyframes pretty easily. In this movie, we'll look at just how to do that. Let's say for our sun animation we want the sun to move up diagonally and then move down diagonally. So the sun rises and then sets. Let's take a look at how to do that. I'll select my animation in the Timeline, then go to the Motion Editor panel. I'll expand the panel. Then I am going to press my keyboard shortcut Command or Ctrl+2 to zoom out.

So, the first thing I want to do is adjust the X property of my animation. So, I am going to move to the last frame of the animation by selecting the property keyframe in the Motion Editor. Then I am going to click-and-drag the X slider to move the sun to the right. So, now when I preview the animation, the sun moves diagonally. Then I'll make the sun hold for a little bit and then go back down to the right. To make it hold, I'll move the playhead a little bit to the right and then I'll insert a property keyframe by clicking the Insert Property Keyframe button.

That's the diamond in between the two arrows right before the frames start in the Motion Editor. So it could be an empty diamond. So, when you click the button, Flash will actually create the property keyframe. So I am going to click that button and of course if I click it again, then Flash will remove the property keyframe. So, I am adding a property keyframe, and then I am going to go to the end of my animation, and then I'll adjust the X and Y properties. So, I'll adjust the Y first, make the sun move down.

Then I'll adjust the X property, make the sun move to the right. So you can see that motion path that's controlling the animation. Let's preview this animation in the Flash Player. So the sun moves up, holds for a second, and then goes back down. Now, let's say just for fun that you wanted to make the sun move in an arc shape. Think about you would do that. You could keyframe the animation in the Motion Editor, or manually do it on the main Timeline but the easiest way would be to modify the motion path.

You can go the Selection tool, lock every other layer, and then I am going to zoom in on my motion path. Now I'll use the Selection tool to modify the motion path to go in an arc shape. And that creates a little bit more interesting animation. Let's test the movie again. So the sun goes up and then goes back down. So using the Motion Editor, you can add or remove property keyframes and modify your animations however you'd like.

Adding and removing property keyframes with the Motion Editor
Video duration: 2m 50s 7h 7m Beginner

Viewers:

Adding and removing property keyframes with the Motion Editor provides you with in-depth training on Web. Taught by Todd Perkins as part of the Flash Professional CS5 Essential Training

Subject:
Web
Software:
Flash Professional
Author:
please wait ...