icons with transparency

[ashaikh01]

How do you create icons with transparency using fireworks?

A good question is half of knowledge

 

[YNOTU]

Open fireworks, click your F1 key, search for transparecy1 click on "Adding or removing colors" and this is what's displayed:


Making areas transparent
You can set transparent areas for GIFs and 8-bit PNGs so that in a web browser the background of the web page is visible through those areas. In Fireworks, a gray-and-white checkerboard on document previews denotes transparent areas.



Optimized image preview in Fireworks; image exported with transparency and placed on a web page with a colored background

Note: 32-bit PNGs automatically contain transparency, though you won’t see a transparency option for 32-bit PNGs in the Optimize panel.

You should use index transparency when exporting GIF images that contain transparent areas. With index transparency, you set specific colors to be transparent upon export. Index transparency turns on or turns off pixels with specific color values. Because GIFs support index transparency, it is the most common form of transparency used on the web.

Note: GIF images are exported without transparency by default in Fireworks. Even if the canvas behind an image or object appears transparent in Original view in Fireworks, this does not mean that the background for that image will be transparent when you export it as a GIF for use on the web. You must choose Index Transparency before export.

You can also use alpha transparency, although it is not often used with web graphics because only PNGs support it and most web browsers do not support PNG format. Alpha transparency is often used in exported graphics that contain gradient transparency and semi-opaque pixels. Alpha transparency is also useful for exporting files to Macromedia Flash or Director, because both applications support this type of transparency.

Note: Setting colors to transparent affects only the exported version of the image, not the actual image. You can see what the exported image will look like in a preview. For information about the document preview buttons, see Previewing and comparing optimization settings.

To select a color for transparency:
Click the Preview, 2-Up, or 4-Up button at the upper left of the Document window. In 2-Up or 4-Up view, click a view other than the original.
In the Optimize panel, choose Index Transparency from the Transparency pop-up menu at the bottom of the panel.
The canvas color is made transparent in the preview.

To choose a different color, click the Select Transparency Color button.
The pointer changes to an eyedropper.

Do one of the following to choose the color to make transparent:
Click a color swatch in the Optimize panel color table.
Click a color in the document.
To add or remove transparent colors:
Click the Preview, 2-Up, or 4-Up button at the upper left of the Document window. In 2-Up or 4-Up view, click a view other than the original.
Note: You can add or remove transparent colors in Original view but won’t be able to see your results until you display a preview.

In the Optimize panel, click the Add Color to Transparency or Remove Color from Transparency button.


Do one of the following to choose a color to add or remove from transparency:
Click a color swatch in the Optimize panel color table.
Click a color in the preview.
To make an image background transparent:
Click the Preview, 2-Up, or 4-Up button at the upper left of the Document window. In 2-Up or 4-Up view, click a view other than the original.
Choose GIF as the file format in the Optimize panel, and choose Index Transparency from the Transparency pop-up menu.
The canvas color is made transparent in the preview, and the graphic is ready for export.


--------------------------------------------------------------------------------





I'll put something here when I think of it...