Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Flash Professional CS5 Essential Training, author Todd Perkins explains the fundamentals of Flash Professional CS5, the industry standard for creating animations and interactive applications for the web, desktop, and mobile devices. This course starts with the basics, such as using the drawing tools to create simple animations, and progresses to automating animation with tweens and adding interactivity with ActionScript. This course also covers how to add sound and video to projects, enhance realism with effects like easing, and publish a project to a variety of platforms. Exercise files are included.
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.
There are currently no FAQs about Flash Professional CS5 Essential Training.
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.