Hello.. I am creating some transparent logos in Photoshop CS using GIFs. When I create the image in JPG format, it looks smooth and nice.. If I make a transparent image it looks fine until I save it as a GIF, then the edges look rough and the whole image looks bad. I'm no expert with Photoshop. If anyone could tell me if there is a way to create transparent GIFs in Photoshop that don't look rugged once I save them, it would be greatly appreciated. Thanks!!
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Transparent GIFs look rough/rugged in Photoshop CS
- Thread starter Japetto12
- Start date
GrooveMonkey
Technical User
You may want to explore exporting them as pngs. Gif's transparency is an on/off type tranparency, due to the 256 color max. A png can will give you a true alpha channel that has smooth edges, and can even do semi transparencies (eg 50% opaque).
GrooveMonkey
Technical User
Sorry, so to answer your question, to make the transparent GIFs look OK you need to make sure that the edge between the pic and the background has no anti-aliasing (fuzziness) on it.
For example on text with a black outline you would have to make sure the edge contains no grey or light grey pixels as these will be read by the GIF as fully opaque giving you that rough look.
Another option would be to add the background you were going to put the gif on in photoshop. Or just use pngs (or PSDs) as I suggested above.
For example on text with a black outline you would have to make sure the edge contains no grey or light grey pixels as these will be read by the GIF as fully opaque giving you that rough look.
Another option would be to add the background you were going to put the gif on in photoshop. Or just use pngs (or PSDs) as I suggested above.
TrojanWarBlade
Programmer
You might also like to consider the background you are expecting to use these images on.
If they are gonig to be in fixed places then you might be able to add a few pixels of the background colour around the edges and fade into those backgrounds.
As GreeveMonkey rightly points out, transparency will not work at all well.
Trojan.
If they are gonig to be in fixed places then you might be able to add a few pixels of the background colour around the edges and fade into those backgrounds.
As GreeveMonkey rightly points out, transparency will not work at all well.
Trojan.
As both GrooveMonkey and TWB suggested, knowing your background color will help.
So, if you have a transparent gif to be placed on a page whose background color is #003366, when you save for web... select the #003366 as the matte color - that takes that rough edge and blends with the background.
So, if you have a transparent gif to be placed on a page whose background color is #003366, when you save for web... select the #003366 as the matte color - that takes that rough edge and blends with the background.
TrojanWarBlade
Programmer
Sorry GrooveMonkey.
Apologies for spelling your name wrong.
I can't imagine how I did that. No offence intended!
Trojan.
Apologies for spelling your name wrong.
I can't imagine how I did that. No offence intended!
Trojan.
GrooveMonkey
Technical User
none taken,
greevemonkey does have a nice ring to it..
greevemonkey does have a nice ring to it..
- Status
Similar threads
- Locked
- Question