losing transparency (opacity) when saving .GIF

Hi all,

I am using Photoshop CS and I am trying to do a fill solid colour to a background of #dcdcdc. This is not a problem.

I then change the opacity to 70% so i can just see the transparent background. Not a problem.

i then go to save it as a .GIF or Save for Web then when it comes to it the colour is now solid again, even when the transparency check box is checked.

Any help much appreciated.
LVL 4
James GlenIT EngineerAsked:
Who is Participating?
 
Jason210Connect With a Mentor Commented:
GIF doesn't support partial transparency for example 70%. GIF only supports full tranparency. The selected area must either be fully transparent, or not transparent at all.

0
 
BongSooCommented:
I am not sure I clearly understand what you are after, but...

First of all, just changing the transparency of your layer isn't enough. When you save for web, you have to check the transparency box, and choose from the three options (Diffusion, Pattern or Noice Transparency Dither).

Is that what you are after?
0
 
ArgblatCommented:
If you have a very subtle transparency gradient and not enough colors in your .gif palette (or the entire palette for that matter) .. there are situations where during the converstion to .gif it will appear as though it throwing out the transparency and turning everything solid when in reality it just doesn't have the color capacity to cover what you are trying to do

-Mike
0
Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

 
A V GeorgeAdditional General Manager (Communications and Public Relations), BHELCommented:
- Photoshop CS shows you only a portion of the image in the Save For Web window so you must be seeing only the background colour.

- Click the Zoom Tool (third from top on the left of the Save For Web window) and then hold down the Alt key on your keyboard and click the image window a few times till you can see the whole image.

Good Luck!
0
 
SlynkyCommented:
Hi, FSIFM,

Jason is right.  It's either transparent or not.  GIF mimics a gradient by variations in dithering, etc.  For example, suppose you create the text, "HELP" and put a shadow under it in Photoshop.  If you turn this into a GIF w/ transparencly, it fakes the shadow by dithering it with pixels that get less dense as the shadows fades completely out.

PNG, though it has its own Microsoft problems, might hold a solution.  Or, if you are placing this item over a solid background, you could "fake" the look of fading to transparency by incorporating the background color you are placing it over in the image itself.

Regards,
Slynky
0
 
Jason210Commented:
Thanks for the points.

Slynky's suggestions aboiut using PNG might hold a solution, although the typical way to do is to place it over a solid background and use the background colour in the image itself. Just make sure you use the web colour palette in the GIF image, to make the colours match perfectly.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.