Set transpareny in png image

LB
Posted By
Lucian_Baciu
Feb 10, 2007
Views
256
Replies
6
Status
Closed
Hi!
I’m trying to create a transparent png image (opacity=100%), but it seems like anything i do it just isn’t right. Can anyone tell me how can i set the opacity of a png image using adobe photoshop 7?

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

EH
Ed_Hannigan
Feb 10, 2007
Make your graphic exactly as you want it in Photoshop. Transparency, translucency, whatever, and then Save for Web as PNG 24 bit.

Where are you running into trouble?
LB
Lucian_Baciu
Feb 10, 2007
I have a javascript which puts a text ontop of an image. that image has to be transparent to see the text. so i’m setting the opacity to 1% (not to 100% as i’ve wrongly stated earlier)and save the image as you’ve said: png-24, with transparency enabled. but i still ca’t see the text. can you please tell me if i do it right:

– i go to Edit->Preferences->transparency&gamut – at gamut i set opacity to 1%
– save for web -> png 24

is that ok?
EH
Ed_Hannigan
Feb 10, 2007
No.

Leave the Preferences alone. You are setting a percentage in the Gamut Warning which has nothing at all to do with what you want.

In your Photoshop document, make sure you are on a Layer (not Background). Set the Opacity of your graphic in the Layers palette. Save for Web.
LB
Lucian_Baciu
Feb 10, 2007
That’s what I was looking for. It doesn’t solve my problem, but is the answer to my question. Thank you very much!
S
stevent
Feb 11, 2007
Internet Explorer didn’t support alpha transparency until the latest version, IE7(XP & Vista only), so if you’re using an earlier version it won’t work.

Most other browsers do support it.

Try this JS script for a workaround for IE 5.5 & 6
<http://homepage.ntlworld.com/bobosola/>
LB
Lucian_Baciu
Feb 11, 2007
I know about the problem in IE6 (solved in IE7), but my problem comes from poorley undestanding what I hat to do in my problem. I now have the solution, so I’m not going to further bug you with my project 🙂

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections