TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

original bg color shows around edges when image placed on new bg color

Page: 1 Reply
Oct 28th 2003#126683 Report
Member since: Oct 27th 2003
Posts: 4
Had a text logo created on a white canvas/background. Made the white background transparent, then placed the logo on a green web page. Traces of white appear around the text edges. Is there a way to remove the traces of the original background color that appear around text when I place a transparent GIF on a different background color assuming I don't have the original psd/png file only the transparent GIF?
Reply with Quote Reply
Oct 28th 2003#126684 Report
Member since: Oct 16th 2003
Posts: 717
if u're seeing a white edge around your graphic then those aren't really white pixels. open that image in photoshop, blow it up and sample those white pixels and make sure they're pure white, or whatever your transparancy color is set to.
Reply with Quote Reply
Oct 28th 2003#126692 Report
Member since: Oct 27th 2003
Posts: 4
Thanks for the quick reply. Here's an example of what I'm talking about ... http://www.cybermarker.com/oakhead/logobad.htm
Reply with Quote Reply
Oct 28th 2003#126694 Report
Member since: Oct 16th 2003
Posts: 717
yep, exactly as i explained above. i looked at your graphic in photoshop blown up and that white outline of pixels isn't completely white. the RGB values for pure white is 255 for all three channels. your whitest white on that image is at 246 and under for all the channels. so that's why those edges aren't transparent is because thy're not white white white. got it?
i don't know why i went through so much trouble about this, but i hope it helps.
Reply with Quote Reply
Oct 28th 2003#126696 Report
Member since: Feb 14th 2003
Posts: 685
hey ddavidandrews
heres what to do...

u have your transparent logo ready, and u choose 'Save for the Web'.... you need to set the 'Matte' color to that of your background color of your webpage. This will illiminate the white halo.... see image below




hope that helps ya
cheers
heathrowe
Reply with Quote Reply
Oct 28th 2003#126699 Report
Member since: Oct 27th 2003
Posts: 4
heathrowe,

Actually, this is what I originally tried, and it unfortunately didn't work. If you right click and save my logobad.gif from this web page and try your suggestion using a matte color #666633, the white's still there when placed on a page with a bgcolor of #666633 ... am I missing a setting?
Reply with Quote Reply
Oct 28th 2003#126708 Report
Member since: Oct 16th 2003
Posts: 717
ok, i've explained it twice and u're still not paying attention. first your image had to be rgb and not index color. then all u had to do was select the graphic, contract the selection by 1px, invert the selection, and delete the white edge going around it. here's the fixed graphic and it's as good as it will get:


now don't just just take this and go. read over what i've been trying to tell u and learn something. i'm done with this forum **** for a while.
Reply with Quote Reply
Oct 28th 2003#126774 Report
Member since: Oct 27th 2003
Posts: 4
Sorry Kranekick, didn't mean to offend ... my *reply* was actually to heathrowe's suggestion with the matte color ... I DID read and understand your suggestion to essentially 'clean up' the non-white pixels on the edges, but I knew that this would probably give me just what your 'as good as it gets' graphic gave me, lettering that appears a bit hacked up. I do :-) somewhat resent being viewed as some newbie who just wants someone to 'fix it for me' so I can move on without having to learn anything ... with that said I'd like to ask if you would agree that the real answer here, is that if you only have the finished .gif to work with [rather than the original template file it was created from], then about the best you can do is 'clean it up' and that a transparent .gif will really only look good on a background color the same as [or close to] the original background color/canvas used in the template it was created from?

David
Reply with Quote Reply
Oct 28th 2003#126778 Report
Member since: Oct 16th 2003
Posts: 717
hey, just messing with u. it's all gravy. u could also select only the type after erasing the non white pixels, expand the selection by 1 or 2 pix and fill it in with the color of the type. that way u'll make it thicker and it won't look jacked up.
Reply with Quote Reply
Oct 30th 2003#126972 Report
Member since: Oct 20th 2003
Posts: 33
this logo is not that hard, you could redraw the whole thing in a vector program in under an hour.

I would also keep it as a vector and load it on a web page as a vector, for fast loading and a sharp image.

Just put this on one layer, and trace right over it with flash, or illistrator, whatever you like.

You can also draw it in photoshop as a vector, or as a high res jpg, this time keep the psd file.
Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum