NAVIGATION:

 

SUPPORTERS:

FlashComponents
  Flash Templates
  Flash Gallery
  Flash Slideshow
  Flash Menu
  Flash Design
  Flash Video
  User Interface

 

FOLLOW:

RSS it down! Twitter it up! Facebook it like a fiend!

 

 

 

 

 

 

 

 
Gradient
Fills

Gradient fills really add a spark of color to any element you may be working on in Flash. An example of a gradient fill is shown in the image below:

The gradient image above was created entirely in Flash 5, and the best part is that it scales really well when zoomed. So, here's how to create a gradient fill for an object.

  1. First, launch your Flash application. For this example's purposes, we'll be adding the Gradient fill to a rectangle. 
     
  2. Click on the Rectangle Tool from the drawing toolbox. See image below:

  1. Once you have selected the Rectangle Tool, simply draw your rectangle on the drawing area. It can be any size...the rectangle is just so you can learn how to create a gradient fill. Once you have drawn your rectangle, your drawing area should look similar to the image below. The color may vary.

  1. Now, this is the next to last step before you add the gradient in. Right click on the rectangle, and choose Panels > Fill. See image below:

  1. Once you have selected Fill, a window should pop up with some of the functions you can perform. Click on the Pull-Down menu and choose either Linear Gradient. See image below:

  1. Now, you can drag the sliders and choose whichever color you wish to use. You can add more color sources by simply clicking on an empty part of the color choosing window. See image below

That's all there is to adding gradients to an object. As you can see, the rectangle in your drawing window automatically gets updated with the color information for you. You may also choose Radial Gradient if you wish to. Radial Gradients create a round"ish" gradient effect.

I hope the information helped. If you have any questions or comments, please don't hesitate to post them on the kirupa.com Forums. Just post your question and I, or our friendly forum helpers, will help answer it.

The following is a list of related tutorial and help resources that you may find useful:

How to use the Forums
New, Upcoming, and In-Progress Tutorials
How to Help out kirupa.com
Writing Tutorials
 

Cheers!

Kirupa Chinnathambi
facebook | twitter

 

SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple. flash components
Creative web apps. Make your own free flash banners and photo slideshows.
Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.

Flash Transition Effects

Flash Effect Tutorials

Digicrafts Components Flash effects. Art without coding.
Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com Flipping Book - page flip flash component.
Flash-Gallery.com - Get your flash photo gallery (flash component or swf gallery Citrus Engine: Flash platformer and sidescrolling game engine
Learn how to advertise on kirupa.com

cdn
content delivery network (cdn)