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.
One of the neat effects that you can create in Flash is the effect of a camera moving or zooming in and out. In this movie we will take a look at how to do that. The first step is to take your animation and nest it inside of a symbol. So I am going to select all of my frames below the border layer. To do that I'll deselect all my frames and then click on the frame 1 of the logo layer and drag all the way down into the end of my animation to select all the rest of my frames. Now I'll cut these frames by right- clicking and choosing Cut Frames.
Now I'll delete every layer except for the border and the logo layer. I'll change the logo layer's name to animation. Now let's insert a new blank symbol to paste the animation. Insert > New Symbol. I'll name this Animation and then paste the animation by right-clicking the first frame of Layer 1 inside of the Animation symbol and then choosing Paste Frames. So there is my animation. I will go to Scene 1 on the main timeline and then scroll to the first frame.
Now I will unlock the animation layer and click-and-drag the Animation symbol from the Library on the Stage to create an instance. I'll move this into place and then what I'll do is scale up the symbol. So I am going to zoom out. I will move the transformation point right over the girl on the bike. That way everything scales around her and that's what I want to do. So I am going to drag it using the Free Transform tool and then I'll move this whole instance to the right using my keyboard.
So let's preview this animation in the Flash Player. So the girl rides in on the bike and it's close up. Once she gets all the way in the frame, we will zoom out. So let's create that animation. Right-click any frame in the animation layer and choose Create Motion Tween. Then we are going to insert a keyframe at the Frame 60. So I will right-click there and then choose Insert Keyframe > All. Then I'll go to the last frame of the animation and scale the whole thing up. In order to do that, I'll need to zoom out.
I am using the keyboard shortcut Command+Minus. That's Ctrl+Minus on the PC. So we are going to zoom out by scaling down. That fastest way to do it is to use the Transform panel and to set the scale width and scale height manually. Remember you can find the Transform panel at Window > Transform. So we will set the width and height to 100% for each and then at the last frame I am just going to use my keyboard and mouse to move the instance in place.
I will zoom in and what I am really looking to do is get that logo at the bottom left corner. That looks good. Now let's test the movie in the Flash Player and see what it looks like. So the girl rides in on the bike close-up. Then the whole scene zooms out. Now of course if you wanted to you can add more frames and have the animation hold or do whatever you would like. The main thing I want you to take away from this movie is that by nesting animations inside of symbols you can create camera zooming and panning effects.
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.