Accessibility

Fireworks Article

Creating Styles in Fireworks


Table of Contents

  1. Introduction
  2. Theory and Creative
  3. A Shining Example
  4. Accentuating the Detail
  5. Giving Direction
  6. Add a Splash of Color

Add a Splash of Color

Adding and modifying colors using the Adjust Color > Hue/Saturation Effect

Figure 8. Adding and modifying colors using the Adjust Color > Hue/Saturation Effect

So far, I have addressed creating shining objects made of gray or silver stuff…Now it’s time to add a splash of color. There is a good reason for working in grayscale when creating objects with depth like those you have created so far. With grayscale, you only need to concern yourself with the lightness of inner glows and inner shadows, without needing to worry about matching color hues to the object color. If you're thinking "big deal," then just think about the steps you need to take to change the color of your object and all its highlights and shadows; adding the color at the end means you only have a single parameter to change. Again, the order in which you apply effects to objects makes a difference.

To change the color at the end of the effects chain, use Adjust Color > Hue/Saturation. When the Hue/Saturation dialog box appears, ensure that the colorize option is checked. Otherwise, your gray object will stay gray and only the lightness slider will have any effect.

Hue The Hue slider is predictable when you use it on grayscale objects. It moves through the color spectrum as follows:

Red (0) Orange (30) Yellow (54) Green (75) Blue (180) Purple (280) Pink (315) Red (350)

Note: The numbers in parenthesis are rough indications of where to find the start of a color on the Hue slider. Since the colors change gradually, this should not be considered an accurate or calculated method of finding a particular hue.

Saturation The Saturation slider affects the amount of color that is applied to the object. Muted colors are useful for metallic effects, such as gold and bronze, while vibrant colors are more representative of modern plastic materials. Use the saturation slider to alter the amount of color added to the object.

Lightness Finally, use the Lightness slider to control the overall lightness of the color applied to the object, helping you to balance the overall object color.

Note: Apply curves after the Hue/Saturation, with a slight dip and bump to the standard curve (see Figure 9 below) to produce cool pearly effects where a single colored object appears to have more than one color depending on how the light hits it. This is similar to the effect seen on auto paint finishes.

Applying curves after applying the Hue/Saturation Effect

Figure 9. Applying curves after applying the Hue/Saturation Effect

You'll notice that I have not mentioned any dimensions or values for effects. That's because they are somewhat dependent on the objects you apply them to. With this article, I have included a selection of Fireworks PNG files and styles with effects I discussed in this tutorial, and I fully endorse experimenting. Knowing that the appearance of these PNGs is attributed to great Live Effects gives you all you need to explore the techniques used to create them and to change them. You can’t break anything. Go ahead, get your hands dirty, and create some great new Fireworks styles and some undiscovered techniques.