?
Solved

losing transparency (opacity) when saving .GIF

Posted on 2006-11-01
6
Medium Priority
?
1,540 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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

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 …
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…
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor. Open up an Image you'd like to resize in Adobe Photoshop: Adjust the image size according to your preferences. Image > Adjustments > …
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…
Suggested Courses
Course of the Month9 days, 5 hours left to enroll

764 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