Change Logo to transparent Gif.

[Ed]

Hi All, Maybe wrong place to post this but my logo www.unitedfence.com looks
ok on black bacground but when i print pages it prints with its black square
attached. Ive been trying to convert the logo to trans gif but always seems
to be bad quality when done. Using corel draw 12 and photo 12. Any ideas to
produce high qual tran gif or is this inherant with gifs and text
perimeters? seeing my logo perimeter is text. not simple shape.
thanks, ed

 

[Guest]

Hi, Ed~

It's pretty close - I don't use Corel Draw, but what you need to do in most
graphics programs is set the transparency color on a gif file to the
background color of the cell containing your logo.

That will take care of it,
Teri

 

[Steve Easton]

Teri, if it's transparent it has no color. That's the purpose of transparency.
The issue with changing already created images containing text to transparent, is that the text is
aliased to the background color. ( fades to it ) it's these "in between " pixels that make it look
ragged.

;-)

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

 

[Steve Easton]

Try creating your logo and turn off aliasing for the text. Or use anti aliasing, whichever setting
your have.

When you create an image containing text, the outside pixels or the letters are actually a shade
that is between the text color and the background color. It's these "in between" pixels that give
the image editor a fit because they are not the color of the text, not are they the color your
trying to eliminate or make transparent. Therefore they get left behind.

You also might try creating the logo using a transparent background to begin with, then adding your
images and text to the transparent background.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

 

[Guest]

ROFL Steve~

I think you have little understanding of transparent gif design. The
transparency "assumes" the background color of the cell/background, and the
transparency color takes care of the dithering issue.

Thanks for trying to help, but you're totally wrong on this one,
Teri

 

[Steve Easton]

Roll and laugh all you want.

The gif doesn't "assume" anything, it simply doesn't paint any pixel that is set as transparent.
Therefore the color of the background is seen instead.

Similar to, but not exactly the same as using a "Chroma filter" to remove a color.

There's an example of a Chroma filter on this "very simple example" of using css / javascript and
image swaps and also the "IE only" light filters on this page.
http://www.95isalive.com/test/hoverbutton.htm

When you attempt to make a pre-existing image transparent it will almost always look ragged because
the anti-aliasing effect applied to the text to "blend" it into the background, alters the color of
the outer pixels of the text so that they fade into the background color. It is these
"anti-aliased" pixels that are not removed.


;-)


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

 

[Guest]

Exactly, Steve -

"it simply doesn't paint any pixel that is set as transparent.
Therefore the color of the background is seen instead."

Thank you for setting my point in stone

 

[Steve Easton]

Ok.

But the point I was trying to make earlier is the reason the image looked ragged when the poster
tried to enable transparency is because the "off color" pixels created when anti aliasing is used on
the text, aren't removed along with the background or "now transparent" color.

Fair enough??

;-)


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

 

[Ed]

So how do I remove the off color pixels from image?

 

[Thomas A. Rowe]

You have to use a graphic application that let you work at the pixel level or you recreate the logo
without anti-aliasing enabled on the text, and set it with a transparent background.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================

 

[Theresa Bennett]

Ed,

Your best bet would be to either re-create the logo or use an original
editable logo file (.psd, .mic-hopefully you saved an editable version) and
export a copy as transparent bkg .gif. Otherwise, even if you remove the
background and dithered colors pixel by pixel, your text would still not be
as sharp as you want.

HTH
--
Theresa Bennett
http://www.webworksite.com
Graphics/Flash/Templates/Galleries

===================================================

 

[Chuck Davis]

So how do I remove the off color pixels from image?

I open the image in Photoshop and then enlarge the image until I can see the
individual pixels. Then using the Rubber stamp tool, I copy fully
transparent pixels to those that are "off color." It takes a while, but the
results are worth it.

 

[Steve Easton]

<snipped>

Been there done that many times.

Also you can add text to a transparent area with anti-aliasing enabled, and the pixels will fade to
transparent.
( they do in Ulead gif animator )

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer