How to Add Text Effects in Adobe Fireworks Creative Suite 5
Image Rollovers in Adobe CS5 Dreamweaver
The Fireworks Professional CS5 Tools Panel

How to Create Gradients in Fireworks CS5 Graphics

You can add some dimension to a graphic by filling it with a gradient. To create a gradient in Adobe Fireworks Creative Suite 5, follow these steps:


Create a shape that you want to fill with a gradient.

It doesn’t matter what kind of shape it is. Feel free to use your imagination.


With the shape selected, choose the Gradient tool.

The gradient tool is hidden. To find it, click and hold the Paint Bucket tool in the Colors section of the Tools panel. Then you can see and select the hidden Gradient tool.


Click the Fill Color box in the Tools panel to assign colors to the gradient.

The Fill Options window appears.


Assign color to the gradient.

To assign colors to the gradient, simply click the existing color stops and choose a color from the pop-up palette.


Click anywhere on the gradient ramp to add a stop, and edit the color.

If you don’t want to create your own gradient, click the Preset drop-down list to choose among existing gradients.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Apply Filters to Images in Fireworks CS5
How to Create Bitmap Graphics with Fireworks CS5
What Happens in the Fireworks Layers Panel
How to Convert Artwork to a Symbol in Fireworks CS5
How to Use Masking in Fireworks CS5