semi transparent GIF, how to?

YD
Posted By
yodel_dodel
Nov 9, 2007
Views
375
Replies
5
Status
Closed
I need to create an image for my web site that features several semi transparent or pseudo translucent areas. I want the image area in question to be visible, but the web page background should shine through.

The image needs to be in GIF format, I can’t use PNG because it isn’t well supported by some browsers.

I thought of making an area translucent by making every other pixel of that area (in checkerboard fashion) transparent.

Ho would I go about this? I’m using CS2.
—
Gregor mit dem Motorrad auf Reisen
http://hothaus.de/greg-tour/
Related Tags
how transparency

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

AM
Andrew Morton
Nov 9, 2007
Greg N. wrote:
I thought of making an area translucent by making every other pixel of that area (in checkerboard fashion) transparent.

Ho would I go about this? I’m using CS2.

Install Filter Factory from the Goodies folder of your PS installation CD (read the note about msvcrt10.dll).

Make sure your image not the background layer (if it is, double-click its icon in the layers palette to promote it to a normal layer).

Filter->Synthetic->Filter Factory…

and in box A enter
(x%2^(y+1)%2)?a:0

HTH

Andrew
J
Joe
Nov 9, 2007
"Greg N." wrote:

I need to create an image for my web site that features several semi transparent or pseudo translucent areas. I want the image area in question to be visible, but the web page background should shine through.
The image needs to be in GIF format, I can’t use PNG because it isn’t well supported by some browsers.

I thought of making an area translucent by making every other pixel of that area (in checkerboard fashion) transparent.

Ho would I go about this? I’m using CS2.

Hmmm I haven’t done any transparent GIF for ages (8-10 years?), but I remember Photoshop v5-6 or so had a pretty good plug-in for transparent GIF, then they removed it from Photoshop newer Photoshop v7 or so. I believe I have tried once with newer version and didn’t like much.

But basically, you just SELECT whatever color you want to transparent, then SAVE as transparent-GIF will do.

Little more detail, in order to select specific color to transparent it’s easier to change the color you want to transparent to a unique color , then switch to Index Color Mode and select that unique color as transparent.

Or, you may be able to create transparent PNG then converter to GIF? I never work with PNG to know much about it.
EH
Ed Hannigan
Nov 9, 2007
Greg N. wrote:
I need to create an image for my web site that features several semi transparent or pseudo translucent areas. I want the image area in question to be visible, but the web page background should shine through.
The image needs to be in GIF format, I can’t use PNG because it isn’t well supported by some browsers.

I thought of making an area translucent by making every other pixel of that area (in checkerboard fashion) transparent.

Ho would I go about this? I’m using CS2.

Gifs cannot be translucent. But you have the right idea for a workaround. See here:

http://mysite.verizon.net/hannigan7/lucyinthesky.html
T
Tacit
Nov 10, 2007
In article <fh1tmc$q57$>, "Greg N."
wrote:

I need to create an image for my web site that features several semi transparent or pseudo translucent areas. I want the image area in question to be visible, but the web page background should shine through.
The image needs to be in GIF format, I can’t use PNG because it isn’t well supported by some browsers.

You can’t do translucency in GIF; the GIF file specification forbids it. There’s no such thing as a translucent GIF, unfortunately.

I thought of making an area translucent by making every other pixel of that area (in checkerboard fashion) transparent.

That’ll work. You can tell Photoshop to dither the transparency in the Save for Web dialog.

—
Photography, kink, polyamory, shareware, and more: all at http://www.xeromag.com/franklin.html
TE
Toke Eskildsen
Nov 13, 2007
Greg N. wrote:
The image needs to be in GIF format, I can’t use PNG because it isn’t well supported by some browsers.

One browser, Internet Explorer 6. Safari, IE7, Firefox, Opera and others supports it just fine. You can get PNG’s to work with alpha- level transparency in IE6. It’s fairly easy and it’ll spare you a lot of work on getting GIF to work kind-of-but-not-really-like true alpha- level transparency.

For simple <img src="myimage.png" …/> you can use http://blogs.msdn.com/dmassy/archive/2004/08/05/209428.aspx

For backgrounds defined in CSS, it’s more tricky and requires changes to the CSS.
—
Toke Eskildsen – http://ekot.dk/

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections