• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 1. Flash Basics > Applying Gradient Fills

Applying Gradient Fills

So far, you've been working with solid colors for fills and outlines. Now it's time to get creative and try your hand at gradient fills. You can use gradient fills to create some great effects. Applying a gradient fill is very much like applying a solid fill, but more options are available to you with gradient fills. In the following exercise, you'll apply a gradient fill to one of your shapes; then you'll modify that fill by using the various options available in Flash.

Select the fill of the oval. In the Fill panel, click the fill-style pop-up menu and choose Radial Gradient.

There are two types of gradient fills: linear and radial. A linear gradient shades from one side of the filled area to the other in a straight line, and a radial gradient shades in a circular pattern.

There are also two ways of selecting a gradient. You chose the gradient from the Fill panel's pop-up menu, but you could also click the fill color-swatch in the toolbar and choose a radial gradient in the pop-up window, as shown above.

In the Fill panel, drag the pointer on the right side of the gradient-definition bar toward the center of the bar.

When you move one of the pointers, you can change the look of the gradient fill. You can add additional pointers (up to a total of eight) to your gradient fill by clicking just below the gradient-definition bar. (To get rid of a pointer you've added, drag it off the bar; it'll disappear.)

Click one of the pointers and then click the gradient color-swatch to activate the color pop-up window. Choose a different color from the color pop-up window.

You can modify each of the pointers in the gradient this way to make some very interesting gradient effects.

Change the fill style of the selected oval to Linear Gradient.

The fill style menu in the Fill panel lists the following fill styles: None, Solid, Linear Gradient, Radial Gradient, and Bitmap. You can change from one type to another by choosing the new type from this menu. Notice that when you choose Linear Gradient from this menu, the colors in the fill don't change—just the style.

Save your file in the MyWork folder as myfile3.fla; then choose File > Close.

You're done with this file for now, so you can close it. If you want to play around with the tools you've learned so far, you can open this saved file later.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint