homepage Welcome to WebmasterWorld Guest from 54.81.170.136
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
transparent gif
dukelips




msg:3524067
 12:18 pm on Dec 10, 2007 (gmt 0)

whenever i try to save my image as a transparent gif in Photoshop Cs, a white outline appears alongside the image.

Hope someone will help

 

jnimpuno




msg:3524081
 1:17 pm on Dec 10, 2007 (gmt 0)

Maybe because your image have blurry edges. Try to make the edges exactly in pixels, or in example if you want to make a blurry drop shadow effect of an image, make a new layer below your original/shadow layer and make a 1 or 2 pixels outline using the background color of your web page. It works for me! or you can mail me the image so i can make the gif transparent for you and write you the step by step so you can try it your self.

keep on tryin!

<snip>
No e-mails please, see TOS [webmasterworld.com]

[edited by: limbo at 3:46 pm (utc) on Dec. 10, 2007]

rocknbil




msg:3524469
 9:17 pm on Dec 10, 2007 (gmt 0)

A transparent .gif or .png must be an indexed color image. Try converting it to indexed color *before* saving it as a .gif, the non-transparent area may be obvious.

Or, just re-open the .gif and look at it, you will see the non-transparent line and be able to determine what's doing it in the original file.

thecoalman




msg:3524941
 12:07 pm on Dec 11, 2007 (gmt 0)

If it's a soft edge around the non transparent part of your image that is actually what you want it to look like unless you're trying to make them for multiple colored backgrounds. I don't have CS but in my image editor I can and do produce this on purpose. The soft edge smooths out contrasting colors between your gif and the background color. If you don't any imges that have a very high contrast with the background will appear very jagged or aliased on round edges or angles.

A good example of this is the smilies common to many forums, they have sets for light or dark backgrounds. The key is getting the correct color soft edge.

wardy83




msg:3530301
 3:13 pm on Dec 18, 2007 (gmt 0)

The reason that happens is because of the Matte colour.

When you are saving for Web & Devices, on the right hand side you will see Matte, click on this and select none. Then your outline will dissapear!

dukelips




msg:3534754
 3:33 pm on Dec 25, 2007 (gmt 0)

how to avoid jittery edges around the tranparent text image

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved