Solved

losing transparency (opacity) when saving .GIF

Posted on 2006-11-01
6
1,538 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
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
Industry Leaders: 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
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 …
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

696 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