Flash CS5: The Missing Manual

Flash in a Nutshell

Say you work for a company that does custom auto refinishing. First assignment: Design an intro page for the company's new website. You have the following idea for an animation:

The first thing you want your audience to see is a beat-up jalopy limping along a city street toward the center of the screen, where it stops and morphs into a shiny, like-new car as your company's jingle plays in the background. A voice-over informs your audience that your company has been in business for 20 years and offers the best prices in town.

Across the top of the screen, you'd like to display the company logo, as well as a navigation bar with buttons—labeled Location, Services, Prices, and Contact—that your audience can click to get more information about your company. But you also want each part of the car to be a clickable hotspot. That way, when someone clicks one of the car's tires, he's whisked off to a page describing your custom wheels and hubcaps; when he clicks the car's body, he sees prices for dent repair and repainting; and so on.

Here's how you might go about creating this animation in Flash:

• Using Flash's drawing tools, you draw the artwork for every keyframe of the animation—that is, every important image. For example, you'll need to create a keyframe showing the beat-up junker and a second keyframe showing the gleaming, expertly refurbished result. (Chapter 2 shows you how to draw artwork in Flash; Chapter 3 tells you everything you need to know about keyframes.) ...