Gradient Art
       by Maulik  |  10 February 2006

You might be wondering what a gradient art is. It is simply any design piece whose main feature is a gradient or collection of gradients. The following OS X wallpaper is a popular example of this style:

The above image can easily be re-created using Flash, and we will try to get something close to it in this tutorial. Before I proceed, let me display the few drawing tools that you might use.

You can find the following icons in your Tools toolbar:

Allows you to change your shapes' fill color.
Gradient Transform Tool
When you select a gradient fill and click on this toolbar item, you can change the orientation and spread of your gradient beyond the default horizontal effect.
Any selected shape can be resized, skewed, and rotated when this toolbar item is selected.
The pencil allows you to draw freehand on your stage.
Draw Rectangle
You can draw a rectangle using this tool.
Draw Line
Allows you to draw a straight line.
Allows you to skew and transform your rectangle in non-linear ways.

Let's get Started
Basically, from my view, the above image can be recreated using gradient colors and transparencies. With that in mind, let's proceed.

First, set your background to be a solid color. I'll use a darker shade of blue:

Now, let's create a shape. To create a shape, you can start with whatever you are comfortable with. You may use the pen tool or create some basic shape and then modify it. I created a rectangle and created a curve by dragging the right edge of it:

After a shape is created, now it is time to give it a gradient fill color. You can change the gradient settings from the Color Mixer panel. Here, I have selected a lighter color than what I had for the background. On the left side, I set the alpha to 0, and on the right side, I set alpha to 33:

Feel free to use whichever colors you want. Regardless of which colors you picked, you will notice that you have now created a fading gradient. A fading gradient essentially means that the one side of the gradient will tend to blend to the original background color thanks to our low Alpha setting.

After you have your gradient setup, the shape you created will reflect the new color. If it has not, select the Fill Color tool from the toolbox and click on the shape you created to give it the gradient fill:

Let's add a few more shapes and gradients on the next page!

Onwards to the next page!

1 | 2

SUPPORTERS:'s fast and reliable hosting provided by Media Temple.