PhotoshopForums.com Home
Navigate Contact FAQ Search Members
Creating a transparent image...
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
 See a User Guidelines violation? Please contact us.
Author Message

Clark_Kent

Joined: 04 Feb 2007
Posts: 2



PostPosted: Sun Feb 04, 2007 2:10 pm    Post subject: Creating a transparent image... Reply with quote

Hi Everyone,

I am trying to create a transparent image for a webpage, it's simple enough to do using the 'Export Transparent Image...' wizard under the 'Help' drop down menu in Photoshop, only problem I'm experiencing is if I try exporting it as a Gif the quality is degraded substantially.... if I export it as a PNG, the quality of the image stays in-tact but doesn't appear properly in Internet Explorer (PNG transparency doesn't display properly in IE). The image I'm saving has two layers, first being the transparency base, second layer being the actual image. The image (layer 2) has a drop shadow, if i save it as a gif with the transparent background, the drop shadow isn't saved. If i save it as a PNG - the quality is great, drop shadow displays nicely, but again, IE displays this ugly blue color where the transparency is supposed to be.

Is it possible to save this image with the background being transparent as a gif without losing the drop shadow of the image?

Thanks for your time,

- CK
View user's profile Send private message

harkain

Joined: 07 Feb 2007
Posts: 7



PostPosted: Thu Feb 08, 2007 4:14 am    Post subject: Reply with quote

This is a common problem. I believe the most effective fix is find another way to do it.

Using layers on a webpage, you can get pretty accurate positioning. I've copied the background of a page and placed it behind my image (then combined), and then positioned it perfectly on the page so it looks like it is hovering above with a dropshadow.

Depending how you are laying it out, perhaps you should try combining your images with the background. If it is too large, use slices. You can slap together a logo, menu, and some designs and even add rollover animations. ImageReady or Fireworks can do this effectively.

There was some fix for IE that you could link in your webpage, so that PNG's would retain transparency, but it doesn't seem to work for everyone. GIF's look like crap.

_________________
http://www.edgelouisville.com
View user's profile Send private message

Bazman

Joined: 04 Oct 2006
Posts: 77
Location: United Kingdon
PS Version: CS3
OS: Mac OS X Leopard 10.5

PostPosted: Thu Feb 08, 2007 8:54 am    Post subject: Reply with quote

There is a hack which allows ie6 to show transparent backgrounds in png files, but no way around ie5 that I know of.

This site helped me a great deal.

http://homepage.ntlworld.com/bobosola/

_________________
Barry Flammia
Freelance Designer
www.realflairdesign.co.uk
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com