Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

semi transparent GIF, how to?

826 views
Skip to first unread message

Greg N.

unread,
Nov 9, 2007, 10:17:23 AM11/9/07
to
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/

Andrew Morton

unread,
Nov 9, 2007, 11:02:04 AM11/9/07
to
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


Message has been deleted

Ed Hannigan

unread,
Nov 9, 2007, 4:24:02 PM11/9/07
to
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

tacit

unread,
Nov 9, 2007, 11:29:25 PM11/9/07
to
In article <fh1tmc$q57$1...@online.de>, "Greg N." <yodel...@yahoo.com>
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

Toke Eskildsen

unread,
Nov 13, 2007, 4:08:26 PM11/13/07
to
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/

0 new messages