Smooth transparency with gif's? (Photoshop)

MagSafe

MagSafe

MagSafe

Associate
Joined
12 Aug 2004
Posts
1,009
Location
Glasgow, Scotland
Hi there,

I'm trying to create a white curved footer image and save it as a transparent GIF, so you can see the background instead of a static colour ... but when i'm using Photoshop and 'Save for Web' the curve looks really jaggy when loaded onto the webpage.

Is there some settings I should be applying to create a really smooth curve with lots of anti-aliasing using Photoshop?

Thanks :)
 
i don't think there is as it's the way a GIF file saves, its jaggedy because gifs add a bit of white round the edges or something like that. Try putting the curve to another colour like brown and then see what i mean, there should be added white making it jaggedy, but because yours is already white you can't notice the difference.

I may be wrong as im no expert, this is just from reading what other people once said about a really huge GIF smilie, it had white randomly round some places.
 
a gif is a raster, so the curve will look pixelated, if you have the curve in vector format and save as a PNG then it should come out better, however IE doesnt support transparent PNG i dont think..
 
gord said:
a gif is a raster, so the curve will look pixelated, if you have the curve in vector format and save as a PNG then it should come out better, however IE doesnt support transparent PNG i dont think..
Click to expand...

Versions prior to IE7 don't, though IE7 (finally) does.

As for the gif you can try and play around with the matte colour to something similar to what you expect the background colour to be, it might go someway to help smooth the curve.
 
If the colour underneath is uniform, make it the Matte colour in Save for Web. This blends the transparent bits with shades of this colour, so it looks right when its put on top of the background.
 
You must log in or register to reply here.
Back
Top Bottom