Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Let's look at how to use the Motion Editor to modify a motion tween. So on the Stage here I have a motion tween, which is kind of hard to see. So, I am going to modify my view by pressing Command or Ctrl+2 on my computer to zoom out a little bit. That's the command for View > Magnification > Show Frame. That fits the Stage in my viewable area. So, watch the sun as I scrub the playhead. So the sun moves up and fades in. So, we'll use the Motion Editor to modify the animation to move the sun up a little bit higher.
So, just note where it is right now. Remember, to edit the tween in the Motion Editor, you need to select the tween in the Timeline and then go over to the Motion Editor tab. If you are going to modify the vertical position of the sun, we should expand the Y property in the Motion Editor so we can get a better view. So now I have my expanded Y property. If you want to, you can click-and-drag the Viewable Frames option so you can get a larger perspective if you'd like. So, let's modify the animation.
At the beginning of the animation, you can move the playhead to the first frame and then click on that anchor point at the top left of the Y line. Once the anchor point is selected, you can see the Y position of the sun. That's 250 pixels. Remember that in the Flash, the X/Y origin is at the top-left, not at the bottom-left like it is in math class. So, a higher value means the object is further down. That's why you see a downward line for the Y position because the value starts out higher and then goes lower as the sun moves upward.
So, let's go over to that last property keyframe and click on the end anchor point in the Y position line. Now, we can see that the value is 147. One way to adjust this value is to just click-and-drag that property keyframe up. Notice as I drag, the sun moves up and down. Also notice that you can't just drag it up and down, but you can also drag it left and right. This will extend or shorten the animation, so we'll go back to where it was before.
I am actually going to hold the Shift key so that it will constrain to that same frame. To make the sun move higher up, I am going to pull the animation lower. That looks like a good stopping point. So I'll release my mouse button. Another way to adjust the animation is to click-and-drag the slider for the property. So, if I want to adjust the Y position, I can just click-and-drag that slider. So I'll move the sun toward the top of the screen and let's test the movie in the Flash Player to see how it looks.
Command+Return on the Mac, Ctrl+Enter on the PC. And there is the animation. So, using the Motion Editor, you have fine control over the motion tween because you can adjust property values individually.
Get unlimited access to all courses for just $25/month.Become a member
58 Video lessons · 65777 Viewers
61 Video lessons · 96479 Viewers
56 Video lessons · 110237 Viewers
82 Video lessons · 105093 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.