Creating a Stylized Image


The next step in developing your web template is creating a custom graphic that will be located on each page of the site and adding some custom filters to modify the image colors.

1.

Download and extract the Fireworks files from the companion website. Browse to the Fireworks folder and open custom_chopper_base.gif in Fireworks. This file contains the image of a motorcycle with a transparent background (see Figure 7.4).

Figure 7.4. Open the custom_chopper_base.gif file.


2.

Select the motorcycle by clicking anywhere on it and choose Filters, Adjust Color, Hue/Saturation from the menu bar.

3.

In the Hue/Saturation box, set the Hue to 225, the Saturation to 100, and the Lightness to 0. Check the Colorize check box and click OK. This changes the motorcycle color from black to blue (see Figure 7.5).

Figure 7.5. By adjusting the hue and saturation, you can change the color of the entire motorcycle.


4.

Select the motorcycle and choose Edit, Copy (Ctrl+C or Cmd-C) from the menu bar.

5.

Switch over to the retros_cycle_template.png file by clicking the tab for the document. From the menu bar, choose Edit, Paste and the blue motorcycle is added to your page (see Figure 7.6). Don't worry that the image looks a little rough.

Figure 7.6. The motorcycle has been added to the template page.


6.

To smooth out the edges of the image, select the motorcycle and choose Filters, Blur, Blur from the menu. Fireworks blurs the images slightly by blending the pixel colors together.

7.

Next, resize the motorcycle by selecting it and typing 225 in the W: field and 174 in the H: field. Reposition the image by typing 5 in the X: field and 5 in the Y: field. As you can see in Figure 7.7, the motorcycle has been properly placed in the page.

Figure 7.7. The rough edges of the motorcycle have been refined and the image is in its final location.




Special Edition Using Macromedia Studio 8
Special Edition Using Macromedia Studio 8
ISBN: 0789733854
EAN: 2147483647
Year: 2003
Pages: 337

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net