Flash Tutorial

Take our Flash tutorial. Creating graphics, working with layers, and adding motion, sound, and text to your Flash CS4 movie are all covered in our Flash tutorial.

Table of Contents

Work with the Oval Tool

You can use the Oval tool to draw circles and ovals. In this exercise you will create a car. You'll start by using the Oval tool to draw a hubcap.

Create a Hubcap

  1. Choose View > Snapping > Snap to Grid from the menu.

Choose Oval Tool

  1. Choose the Oval tool.
  2. Activate the Property inspector.
  3. Click the Stroke color box Stoke Color Box and then choose gray as the stroke color.
  4. Click the Fill color box Fill Color Box and then choose gray as the fill color.
  5. Click in the upper corner of a square on the grid, hold down the Shift key, and drag diagonally to draw a circle. Holding down the Shift key as you drag creates a perfect circle when you are using the Oval tool.

Hubcap

Convert the Hubcap to a Symbol

Converting the hubcap to a symbol places the hubcap in the Library. Later you will take two copies of the hubcap out of the Library and place one copy on each tire.

  1. Choose the Selection tool.
  2. Double-click the circle's fill. Double-clicking the circle's fill selects the fill and the stroke.
  3. Choose Modify > Convert to Symbol from the menu. The Convert to Symbol dialog box appears.
  4. Type Cap in the Name field.
  5. Choose Graphic as the type.
  6. Click OK. Flash places a copy of the hubcap in the Library.
  7. Press the Delete key to remove the hubcap from the Stage.

Draw the Tires

Draw two tires. Look at the graphic below and place the tires on the grid exactly as shown. Remember: When using the Oval tool, holding down the Shift key as you click and drag creates a perfect circle.

Tires

  1. Choose the Oval tool.
  2. Activate the Property inspector.
  3. Click the Stroke color box Stoke Color Box and then choose black as the stroke color.
  4. Click the Fill color box Fill Color Box and then choose black as the fill color.
  5. If selected, deselect Object Drawing mode Object Drawing Mode.
  6. Click and drag while holding down the Shift key to draw the two tires as shown in the graphic.

Work with the Line Tool

You can use the Line tool to draw straight lines. In this exercise you use the Line tool to draw the car chassis.

Draw the Chassis

  1. Choose the Line tool.
  2. Activate the Property inspector.
  3. Choose Solid from the Style drop-down menu.
  4. Type 3.00 in the Stroke height field to set the line thickness.
  5. Draw the chassis as shown in this graphic. To draw a perfectly straight line, hold down the Shift key as you draw with the Line tool.

Car Outline

Fill the Car with the Color Red

  1. Choose the Paint Bucket tool Paint Bucket Tool.
  2. Click the Fill color box Fill Color Box and then choose red as the fill color.
  3. Click inside the lines that outline the car to apply the fill color.

Car with Fill

Fill the Headlights with the Color White

  1. Choose the Paint Bucket tool.
  2. Click the Fill color box and then choose white as the fill color.
  3. Click inside the headlight area.

Add the Hubcaps

  1. Choose the Selection tool Selection Tool.
  2. Activate the Library panel.
  3. Click the icon next to Cap and drag an instance of the Cap to the center of a tire. When you drag a copy of an object from the Library onto the Stage, each copy of the object is called an instance.

Take Cap out of Library

  1. Click the icon next to Cap again and drag an instance to the center of the other tire.
  2. Use the arrow keys on the keyboard to adjust the location of the hubcaps. Your car should look like the one shown here.

Car

Group the Car

You want Flash to view the car as a single object. You need to group the car.

  1. Choose the Selection tool Selection Tool.
  2. Create a rectangle around the car to select the car.
  3. Choose Modify > Group from the menu. Flash groups the car.

Convert the Car to a Symbol

  1. Choose Modify > Convert to Symbol from the menu. The Convert to Symbol dialog box appears.
  2. Type Car in the Name field.
  3. Choose Graphic as the type.
  4. Click OK. Flash stores the graphic in the Library.
  5. Press Delete to remove the car from the Stage.

Import an Image

You can use pre-existing graphics in your Flash movies. Simply import them. In this exercise you are going to import a driver for the car.

Import an Image

  1. Click here to download the driver and the horn sound zip file.
  2. Open the Zip file.
  3. Place the driver.wmf file and the shorthrn.wav file in a folder. You will use the shorthrn.wav file later.
  4. Choose File > Import > Import to Stage from the menu. The Import dialog box appears.
  5. Find and select driver.wmf and then click Open. Flash places driver.wmf on the Stage. The image is ungrouped.

Driver

  1. Choose the Selection tool Selection Tool.
  2. Create a rectangle around the driver to select the driver.
  3. Choose Modify > Group from the menu. Flash groups the driver.

Convert the Driver to a Symbol

  1. Choose Modify > Convert to Symbol from the menu. The Convert to Symbol dialog box appears.
  2. Type Driver in the Name field.
  3. Choose Graphic as the type.
  4. Click OK. Flash stores the graphic in the Library.

Put the Driver in the Car

Car and Driver

  1. Drag an instance of the car from the Library onto the Stage.
  2. Place the car over the driver.
  3. Choose the Selection tool.
  4. Draw a rectangle around the car and driver to select them both.
  5. Choose Modify > Convert to Symbol from the menu. The Convert to Symbol dialog box appears.
  6. Type Car and Driver in the Name field.
  7. Choose Graphic as the type.
  8. Click OK. Flash stores the graphic in the Library.
  9. Press the Delete key to remove the car and driver from the Stage.

Note: If your car and driver look like the one shown here:

Car and Driver

  1. Click the driver to select him. Do not select the car (a rectangle should not surround the car).
  2. Choose Modify > Arrange > Send to Back from the menu. Flash places the driver behind the car.

 

Table of Contents

Legal Dot Privacy