• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Replace color with transparency?

New Here ,
Feb 18, 2012 Feb 18, 2012

Copy link to clipboard

Copied

Hello,

Using the Replace Color Tool, I can't find transparancy as the new color. Am I doing something wrong? If not, would there be another way to replace a color with transparancy in Fireworks? I have Fireworks 8 (and I love it).

Thanks,

Frank

Views

45.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Feb 18, 2012 Feb 18, 2012

Copy link to clipboard

Copied

Great question. I have to admit, I've never used the Replace Color Tool—I didn't even know it was there.

Initially, I thought you might have been referring to the Find panel, which is useful for replacing colors with vector objects. It, too, lacks support for transparency. There is a trick you can do to force the transparent (or "None") swatch to appear: In the hex code input of the Color Picker, add a "0" to the end of the 6-digit hex code. The problem is, this won't actually work to replace the color with transparency; once you try to apply it, the color reverts to its previous value.

Find color to transparency.png

If you're working with bitmaps, your best bet might be to use a bitmap selection tool or command, and then once the color is selected, just use the Delete key to remove it. If working with vector objects, remember that you can always select multiple objects and then use the Properties inspector to adjust the fill or stroke color of all the selected objects at once. Also, using Symbols can allow you to edit just a single object and have it affect multiple instances.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Feb 18, 2012 Feb 18, 2012

Copy link to clipboard

Copied

Here's one more "outside the box" idea: Copy the bitmap object that you're modifying, and use the Replace Color tool to remap the undesired color to black. (This is the color that you want to make transparent.) Then map all other colors to white. The resulting object can then be grouped as a mask with your original object, by selecting both objects and applying the Group As Mask command.

It's a bit of a hack, but it might work.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Feb 18, 2012 Feb 18, 2012

Copy link to clipboard

Copied

There is another way to convert color to transparency in FW, but it requires exporting a graphic as either a GIF or PNG-8—which are both indexed color formats, suitable for flat graphics but not so great for photos.

Use the Optimize panel and a Preview mode (such as 2-Up), or choose File > Image Preview...,  as shown. Once you choose the GIF or PNG-8 format, several eyedroppers will appear beneath the palette area. Choose either the "Select transparent color" or "Add color to transparency" eyedropper, and place your cursor over the color you wish to make transparent, then click. You may notice some aliasing around the edges; to fix this, you can zoom in and continue to add colors to transparency. It's probably not the best method, but it is an option.

Image Preview.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 19, 2012 Feb 19, 2012

Copy link to clipboard

Copied

I'm gonna try out your suggestions. Thanks a lot!

One more question, though: I guess that newer versions of Fireworks do not have the transparency option either, do they?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 28, 2012 Feb 28, 2012

Copy link to clipboard

Copied

LATEST

If the required transparent color is a shape w/solid fill, switch the Blending Mode of this object to Erase.

Every fileformat which supports transparency (GIF/PNG) now has this this area very much transparent in the exporting images -view.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines