Solved

losing transparency (opacity) when saving .GIF

Posted on 2006-11-01
6
1,539 Views
Last Modified: 2011-10-03
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.
0
Comment
Question by:FSIFM
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 16

Expert Comment

by:BongSoo
ID: 17852966
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
 
LVL 5

Expert Comment

by:Argblat
ID: 17853152
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
 
LVL 12

Expert Comment

by:avgavg
ID: 17855742
- 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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 11

Accepted Solution

by:
Jason210 earned 125 total points
ID: 17857118
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
 
LVL 9

Expert Comment

by:Slynky
ID: 17857298
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
 
LVL 11

Expert Comment

by:Jason210
ID: 17860720
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

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to create a postcard text effect in Photoshop and get an introduction to Layer masks Use magic wand to select the "inner" part of the letters: Create a new layer and fill the selected area with black: Go back …
In this tutorial viewers will learn how to create a Photoshop action to apply adjustments and effects to multiple images. Open a photo for editing in Photoshop: Open the Actions window by going to Window > Actions: Start a new action by selecting th…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question