gif problem

hey guys i got a problem.. in photoshop when i compress a gif.. and put it on a site with a white background it looks ok.. but when the background is a different colour.. you see this a faint white outline around the text that makes it look a bit dodgy. im new to photoshop, is there some trick to blend it with the background..
chizzy1234Asked:
Who is Participating?
 
ZontarCommented:
Try antialising the text before merging the layers. Also use a GIF-safe colour for the text.
0
 
amit_gCommented:
Make the image transparent.
0
 
chizzy1234Author Commented:
it is transparent...
i trie.. image > mode > indexed color.. and it seems to of fixed it
but the text hasnt come out as smooth as i have wanted it to be
0
 
Alpha AuCommented:
In that case, if you know what the protential background colour, you can set the colour of the edge by selecting the colour (i don't sure what the english name of it because i am using chinese version, but it is on the right hand side of the transparent checkbox) set the edge colour and you can have an image without "white edge" (but with the bg colour edge >_<)
0
 
minnirokCommented:
Anti-aliasing the text will make it appear smoother but will not help w/ the white outline you experience around the border of it. Anti-aliasing will have photoshop smooth the border of the text w/ the background rather than drawing each pixel stictly filled or not.

There's no instant fix tool to eliminate the white background, but there are tricks to removing it.  The best solution I've found is as follows:

In photoshop, create a new layer and fill it with the background color or pattern that the page will use - place it behind your image layer.  Photoshop will render the image smoothly.  From here there are two possabilities.

You could simply save the image without transparency, as the image background should blend into the page background.  If the background is 1 color, this is the easiest solution...

If you have a pattern, the image background and page background will not match up unless you place them carefully w/ positioning in CSS - so in this case you would probably want to use transparency.

1. Click the layer that your image is in (IE put the focus on that layer)
2. Select All
3. Click the arrow tool (top right corner)
4. Press the Up Arrow Once, and then the Down Arrow Once
         This is just a trick to cause photoshop to alter the selection to be a lasso of only your image - it just nudges it up and then down, putting it back in place
5. Copy Merged (It's important you COPY MERGED rather than an ordinary copy - this is SHIFT-CTRL-C and will copy the outline around your image as your background color rather than white)
6. Open a new image, and paste from the clipboard into the new image
7. Save for Web as a GIF with transparency

Now your image should be in better shape.  If white spots are still visible, you'll need to zoom in with the eraser tool and go around the border of your image, removing light shades of white.  This can be tedious, but will result in a clean looking finished product.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.