Solved

gif problem

Posted on 2003-11-10
5
545 Views
Last Modified: 2008-02-01
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..
0
Comment
Question by:chizzy1234
5 Comments
 
LVL 58

Expert Comment

by:amit_g
ID: 9719131
Make the image transparent.
0
 

Author Comment

by:chizzy1234
ID: 9719248
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
 
LVL 11

Accepted Solution

by:
Zontar earned 250 total points
ID: 9719437
Try antialising the text before merging the layers. Also use a GIF-safe colour for the text.
0
 
LVL 7

Expert Comment

by:alphaau
ID: 9719522
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
 
LVL 7

Assisted Solution

by:minnirok
minnirok earned 250 total points
ID: 9719697
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

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How do i learn Story Board for IOS ? 3 102
ebay seller html tags 2 28
Writing and Selling Web App Based on Google Sheets 2 48
Company website 6 8
Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question