?
Solved

losing transparency (opacity) when saving .GIF

Posted on 2006-11-01
6
Medium Priority
?
1,541 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
Technology Partners: 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 500 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: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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 …
The Summer 2017 Scholarship Winners have been announced!
In this tutorial viewers will learn how to restore old photos in Photoshop (an introduction to the Clone tool) Zoom into a damaged area: Click on the "Stamp" icon to use the Clone tool. Hold the Alt key and click to select a region. Click again, and…
In this tutorial viewers will learn how to select a color range in Photoshop and how to easily apply them to multiple projects. Open an image for editing in Photoshop: Open the select Color Range Selection tool by going to Select > Color Range: Sele…
Suggested Courses

649 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