This is a discussion on "Remove white from around edges?" within the Graphics and 3D section. This forum, and the thread "Remove white from around edges? are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
Remove white from around edges?
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
|||
|
Hi all,
I've greate a gif logo using Fireworks MX. It looks fine on a white background, but when it's over a colored background...there is white along the edges of the text as well as the images in the logo. I've tried to change any white in the logo to transparent, but I'm not getting all of it. It makes it better by maybe 50%, but not completely gone. Apparently, feathering is supposed to work. I've tried a feathering setting of 10 to 200 and nothing works. How can I remove the white around the edges? Thanks! |
|
|
|
|||
|
Re: Remove white from around edges?
One of my websites logo's had this same problem, a strange white coating around most things in the image. What i did was, if you have photoshop, I took the gif and opened it back up, then used the Select Colour Range tool to highlight all the white and delete it, then when I saved the gif again and re-imported it (in my case, back into dreamweaver and the WWW), the white was gone and the image looked as it should.
|
|
||||
|
Re: Remove white from around edges?
The white halo effect your seeing is a result of anti-aliasing. As GIFs don't support any opacities other than 0 and 100 percent, the somewhat transparent parts of the image are given a level of the anti-aliasing color so it looks like it's blending into what background color you want. If the anti-aliasing color is the same color as the background you want the image to sit on, the halo will not be visible.
|
|
||||
|
Re: Remove white from around edges?
Of course, if you only have the GIF, you won't be able to change the anti-alias color. You'll have to do it manually like Antwan said.
|
|
|||
|
Re: Remove white from around edges?
Another trick is to use a mask. When you optimize and save the image of a .gif, you can choose transparent background and use a mask of a similiar background color that is on your website. Then the little white jaggies aren't noticable.
|
|
|||
|
the info about the anti-aliasing colors is what helped. i did a little more looking around in Fireworks (which I'm no expert in) and was able to make the necessary changes to remove the white around the edges.
thanks for the replys! |
![]() |
| Tags |
| edges, white |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Photoshop question - how do you add moonlit highlights to cloud edges in a night sky? | Gerry | Graphics and 3D | 2 | May 4th, 2008 00:00 |
| how to remove frames | camarun20 | Web Page Design | 6 | Mar 26th, 2008 14:11 |
| remove white line from the frames | swetha | Web Page Design | 0 | Jan 18th, 2006 10:53 |
| Two Texts Aligned to Seperate Edges | WiseWizards | Web Page Design | 4 | Jul 23rd, 2005 06:36 |
| remove redirection | expressweb | Implemented Suggestions | 6 | Jul 21st, 2005 22:24 |