Graphic Design Forum with a large community of graphic designers and web designers having lengthy design and graphics discussions
It is currently Sat Nov 21, 2009 7:24 pm

All times are UTC




Post new topic Reply to topic  [ 7 posts ] 
 Photoshop transparency question 
Author Message

Joined: Tue Aug 04, 2009 7:40 pm
Posts: 14
Post Photoshop transparency question
Hi All,
I created a torn paper background in PS, with a transparent background. But when I uploaded it, it has a white background. I generally use AI, so I'm confused and don't know what to do.
Here is the site. Excuse the other issues. I'm a work in progress! 8)
http://www.elaingriffindesigns.com


Wed Nov 04, 2009 7:13 pm
Profile
I bleed CSS and HTML
User avatar

Joined: Sun Sep 18, 2005 7:29 pm
Posts: 4522
Location: Salt Lake City, Ut
Post Re: Photoshop transparency question
Your link fails. Are you meaning this one?

http://www.elainegriffindesigns.com

I see the torn paper... but it has a textured background. Can you elaborate please?

_________________
Image

Image


Wed Nov 04, 2009 8:23 pm
Profile

Joined: Tue Aug 04, 2009 7:40 pm
Posts: 14
Post Re: Photoshop transparency question
I should learn how to spell my own name.
After I posted this I ended up going in a different direction (for now anyway).
What I had was the torn paper graphic, optimized for web, on the textured cream background. And when I had it there, it had a white background around the graphic, also with the torn edges. I don't know if this was because of the drop shadow or what. Also, in the logo area, I uploaded that and it had the white, around the edge and also where there paper is "missing" in the middle of the graphic. I don't know if that makes any sense at all. I am about to change it again, here, and I will let you know if it does it again.
Thank you so much for looking and for your help.


Wed Nov 04, 2009 8:31 pm
Profile
I bleed CSS and HTML
User avatar

Joined: Sun Sep 18, 2005 7:29 pm
Posts: 4522
Location: Salt Lake City, Ut
Post Re: Photoshop transparency question
When saving for the web, its good to know what limitations are put on the images when they are shown on the web. Some limitations are the image format themselves.... and others are browser limitations.

You have 4 main common image formats for the web, I will discuss the limitations for all of them:

jpg (jpeg) - This format does not support transparency in any form or fashion. Trying to save a jpg with a transparent background will force a white background onto the image right before saving.

gif - 1-bit transparency capability. Think of 1-bit transparency as an on and off switch. It is either 100% transparent or 100% opaque. If you try and save a gif with multiple levels of transparency, it will force a white background behind just those semi-transparent pixels. You can fix this by putting on a matte of the same color of the background your image is going to be displayed over

8-png - Exact same as the gif format expect it usually has a better compression ratio so you can get a smaller file size out of it. Same limitations as well.

24-png - Supports alpha transparency and is great for drop shadows and such effects that require multiple levels of transparency. Only drawback is that IE6 does not natively support alpha transparent settings. IE6 will display the background as a very light blue (why blue I have no idea). There are Javascript workarounds for it to force IE6 to support it. My personal favorite is UnitPngFix.

_________________
Image

Image


Wed Nov 04, 2009 8:48 pm
Profile

Joined: Tue Aug 04, 2009 7:40 pm
Posts: 14
Post Re: Photoshop transparency question
Okay. That helps, I did see some of that in my research. If you can see what I have now, you will see what I mean. I'm not sure what to do if I want this as one image, which is how it is now.


Wed Nov 04, 2009 9:16 pm
Profile
I bleed CSS and HTML
User avatar

Joined: Sun Sep 18, 2005 7:29 pm
Posts: 4522
Location: Salt Lake City, Ut
Post Re: Photoshop transparency question
are you referring to the white noise above the logo? It looks like you need to go back into photoshop and clean up the image there. Photoshop is picking up some left over pixels, so when you export they show up. The easiest thing to do, is to put an obtrusive color behind the graphic so you can see what needs to be deleted.

plus your drop-shadow is having that white background because of the 1-bit transparency limitation I referred to in my last post. I would do the 24-bit png with the IE6 fixer. That seems to be the most logical choice.

_________________
Image

Image


Wed Nov 04, 2009 10:05 pm
Profile

Joined: Tue Aug 04, 2009 7:40 pm
Posts: 14
Post Re: Photoshop transparency question
I will do that, thanks!


Sun Nov 08, 2009 7:56 pm
Profile
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 7 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 2 guests


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 post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © phpBB Group.
Designed by Vjacheslav Trushkin for Free Forums/DivisionCore.