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 take a look at creating frames in Flash. I'm going to create all of my frames on the background layer. Remember that regular frames indicate no change in artwork. So if I lock every layer except for the background layer, no matter where I have the playhead, I'm going to be editing that first keyframe because there is only one keyframe on the background layer. So let's say I move the sun over. I scrub the playhead. The sun is over for the whole animation. I'm going to undo that change. Let's look at adding a keyframe.
To add a keyframe, select a frame in a layer by single clicking. So I'm going to single-click in the background layer one of the regular frames, so we'll see that it's selected. You can tell that it's selected because it has a bluish background. Here I'm going to add a keyframe so that I can change the artwork on this frame. To add a keyframe, you can go to Insert > Timeline > Keyframe. Notice that it doesn't show a keyboard shortcut for keyframe or blank keyframe. But there is a keyboard shortcut, and it's very important.
The keyboard shortcut is F6 and you're going to be using this keyboard shortcut all the time, so I highly recommend memorizing it. So I'm going to insert the keyframe by pressing F6 on the keyboard. So I've added a keyframe there and you can tell that it's a keyframe because of that black dot. So now, if I move the playhead to that frame and move the sun, I can scrub the playhead to preview that I've actually animated the sun a little bit. I've moved it to the right. So now I could add more keyframes and animate the sun on each keyframe if I wanted to.
But for right now, how it is is just fine. Let's say I wanted to add a regular frame. For example, I may want to extend the animation in the timeline. So I can actually select frame 20 in the background layer and I can add a regular frame by using the keyboard shortcut F5. Now I've added frames and extended the timeline. If I scrub the playhead, you'll notice that the girl disappears at Frame 17. That's because all of the layers above the background layer contain the girl and they end at Frame 16.
So from Frame 16 through Frame 20, I only have the background layer. To add a blank keyframe, use the keyboard shortcut F7. So let's say I wanted to add a blank keyframe on Frame 17 in the background layer. I can single-click that frame and press F7 on the keyboard. Notice those frames that were gray update to be blank frames, and where I press F7, I inserted a blank keyframe. So you can add frames to your applications using F5, F6, and F7.
F5 adds regular frames. You can do that to extend the timeline. F6 adds keyframes and F7 adds blank keyframes.
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.