MINI SUPPORTERS:

 

 

 

 

 

 

 

 
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.

Need Help?

If you have questions, need some assistance on this topic, or just want to chat - please drop by our friendly forums and post your question. There are a lot of knowledgeable and witty people who would be happy to help you out. Plus, we have a large collection of smileys you can use

Share

Did you enjoy reading this and found it useful? If so, please share it with your friends:

If you didn't like it, I always like to hear how I can do better next time. Please feel free to contact me directly at kirupa[at]kirupa.com.

Cheers!

Kirupa Chinnathambi
about | facebook | twitter

 

SUPPORTERS:

cloud storage
cloud storage
kirupa.com's fast and reliable hosting provided by Media Temple. Creative web apps. Make your own free flash banners and photo slideshows.
HTML5 CSS3 Mobile Gallery for iPhone, iPad Flash effects. Art without coding.
Flipping Book - page flip flash component. Flash-Gallery.com - Get your flash photo gallery (flash component or swf gallery
X-Platform Application Development for Flash Free Flash Components Download - XML Templates, Players and Galleries.

two computer monitors

US Direct

Learn how to advertise on kirupa.com  
 
SHARE:



MINI SUPPORTERS: