Wednesday, March 11, 2009

Gradients


When you click a Fill Color box, the Fill dialog box shown here opens.

Fill dialog box

Gradients show gradations of color. They display on the bottom row of the Fill dialog box. You will use a gradient to create the movie�s sky. But first, you must create the gradient you will use.

To create the gradient:

  1. Click the first Color box on the gradient row.
  2. Choose Window > Color Mixer from the menu. The Color Mixer panel opens.

Color mixer

  1. Choose Linear from the drop-down menu.
  2. Double-click on the first Edit Gradient Range icon. Color boxes appear.

Gradient Range Icon

  1. Click the color blue to select blue.
  2. Double-click the second Fill Gradient Range icon. Click the color box and select white.

Menu options

  1. Click and drag the second Fill Gradient Range icon to the three-quarter point on the Gradient Range slider.
  2. Click the Menu Options icon.
  3. Click Add Swatch. Flash adds the gradient you created to the color box.

The Rectangle Tool

You use the Rectangle Tool to draw rectangles and squares. In this exercise you will create a rectangle and fill it with the gradient you just created. You will then turn the resulting graphic into a symbol and use it later to create the sky.

  1. Choose the Rectangle tool.

Rectangle tools

  1. Move to the Property inspector. If the Property inspector is not open, choose Window > Properties > Properties from the menu to open it.
  2. Select NoColor in the Stroke color box.

No Color

  1. In the Fill color box, select the gradient you created.
  2. Click the Stage and drag diagonally to create a rectangle.

Create rectangle

Later you will use the graphic you just created. For now, turn it into a symbol.

  1. Choose the Selection tool.
  2. Click the graphic.
  3. Choose Modify > Convert to Symbol from the menu. The Convert to Symbol dialog box opens.
  4. Type Sky in the Name field.
  5. Choose Graphic as the Behavior.
  6. Click OK to store the graphic in the Library. If the Library is not already open, click Window > Library to open the Library. You can see the graphic in the Library.
  7. Press the Delete key to remove the graphic from the Stage.

No comments:

Post a Comment