PDA

View Full Version : Help creating transparent banner


getnoutside
Jul-15-2006, 02:57 AM
I am trying to make a banner with a transparent background using PS7. I'm saving as PNG-24 with transparency.

http://sdrimages.smugmug.com/photos/81759891-M.jpg


When I look at the result in WIn Fax Viewer it looks like this

http://sdrimages.smugmug.com/photos/81759886-M.jpg


After I upload it to smugmug it looks like this

http://sdrimages.smugmug.com/photos/81759486-M.jpg

Any help is appreciated.

Thanks,

Steven

Andy
Jul-15-2006, 05:36 AM
1) work on the transparent background
2) MERGE VISIBLE do not flatten
3) save for web as png-24 (NOT JPG)
4) upload and enjoy.

You'll need to use the IE PNG Transpanrency filter as well:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingmethod=crop,src='http://www.smugmug.com/photos/XXXXXXX-O.png');

When you are ready we can show ou.

getnoutside
Jul-15-2006, 07:05 AM
1) work on the transparent background
2) MERGE VISIBLE do not flatten
3) save for web as png-24 (NOT JPG)
4) upload and enjoy.

You'll need to use the IE PNG Transpanrency filter as well:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingmethod=crop,src='http://www.smugmug.com/photos/XXXXXXX-O.png');

When you are ready we can show ou.

Thanks Andy... I was flattening the layers.

Does the filter code go in the CSS section? Just curious... what does it do?

Andy
Jul-15-2006, 07:14 AM
Thanks Andy... I was flattening the layers.

Does the filter code go in the CSS section? Just curious... what does it do?
IE6 can't show transparent pngs, so we have to use that.

yes, in the CSS section, in the background statement.