Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
The Motion Editor allows you to refine motion tween animations to add more realistic effects like easing. Throughout this chapter, you'll learn how to work with the Motion Editor to modify your motion tweens. The Motion Editor should be right next to the Timeline at the bottom of your screen. If you don't see the Motion Editor, you can always go to Window > Motion Editor. To modify your tween in the Motion Editor, the first thing you need to do is actually select the tween. So, I'll select my motion tween and then click the Motion Editor tab to open the Motion Editor.
Usually, when you are working in the Motion Editor, you'll need a little bit more space than I have on my screen. So, I am going to click-and-drag to expand the Motion Editor vertically. The Motion Editor shows the curves of your animation. Right now, it's a little bit harder to see my animation in the Editor. So, I am going to modify my view at the bottom left of the Motion Editor. You can modify your view in three ways. The option on the left controls the Graph Size. So you can click-and-drag and expand the graphs for each property.
Another way is to modify the Expanded Graph Size. Let's say I am just looking at the X property for my animation. When I click on the X property, the area expands. I can then click-and-drag the Expanded Graph Size slider to change the size of the expanded graph. Finally, I can change the Viewable Frames slider to see more or less of my animation. I usually like to see all of my animation. But when I am fine-tuning an animation and I want to make very subtle adjustments, I like to view less frames at a time so I can get in closer.
So, in the Motion Editor panel I can see my animation. On the Stage, if I click-and-drag the play head in the Motion Editor, I can preview the animation of the sun. You see it fading in and moving upward. In the Motion Editor, that's reflected by a graph. In the Basic motion section of the Motion Editor, you can see the graph for X does not move up or down. It's a horizontal line. This indicates no change in the X property for this animation.
The Y property, however, moves downward so you see this diagonal arrow. Notice that there are anchor points at the right and left of the line. I can move these anchor points to modify the properties of my animation. I am not going to do that right now. So, the main thing I want you to take away from this movie is that the Motion Editor is a panel that allows you to refine a motion tween.
Get unlimited access to all courses for just $25/month.Become a member
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.