Remove white from around edges?

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.



Go Back   Webforumz.com > Main Forums > Design Your Website > Graphics and 3D

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Dec 11th, 2006, 05:06
New Member
Join Date: Dec 2006
Location: Ca
Age: 38
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Question Remove white from around edges?

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!
Reply With Quote

  #2 (permalink)  
Old Dec 11th, 2006, 05:33
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Remove white from around edges?

You need to locate the anti-aliasing colors. I don't have Fireworks, but find a dialog with that word in it, and you'll be set
Reply With Quote
  #3 (permalink)  
Old Dec 11th, 2006, 07:47
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 81
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to Antwan
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.
Reply With Quote
  #4 (permalink)  
Old Dec 11th, 2006, 08:33
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
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.
Reply With Quote
  #5 (permalink)  
Old Dec 11th, 2006, 08:35
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
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.
Reply With Quote
  #6 (permalink)  
Old Dec 12th, 2006, 00:03
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
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.
Reply With Quote
  #7 (permalink)  
Old Dec 13th, 2006, 08:12
New Member
Join Date: Dec 2006
Location: Ca
Age: 38
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Thumbs up Re: Remove white from around edges?

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!
Reply With Quote
  #8 (permalink)  
Old Dec 13th, 2006, 09:57
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Remove white from around edges?

Glad I could be of help
Reply With Quote
Reply

Tags
edges, white

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

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


All times are GMT. The time now is 20:32.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43