View Full Version : Photoshop Shihans

Please visit our sponsor:

01-12-2003, 07:38 PM
Greetings ...

Anyone know the trick to making an image/logo transparent so that the square white background does not show up?

... Cheers ...

01-12-2003, 07:55 PM
I only know how to do it on a .tga file, which I'm sure this forum doesn't support (because Internet Explorer doesn't).

Kevin Beyer
01-12-2003, 09:16 PM
Don't know if it will work on this forum but...

Try copying and pasting the image onto a blank photoshop document the same size then magic wand out the white so you just have the grey and white boxes behind the image to signify that nothing is there. Then go to Save For Web and save it as a transparent gif.

Don't know if you got all that but if you have more questions i'd be happy to go into more detail.

-Kevin Beyer

01-12-2003, 09:19 PM
Basically, you'll need to create a .gif image that specifies whichever color you have as your background as "transparent." You're using a .jpg image so you'll have to downsample your image to 256 colors to save to .gif.

Also, since your "avatar" image's background color is white, you'll also have to use a different color for the "inner" part (within the circle) so that the background of the inner part doesn't become transparent.

In any case, I needed a break from working tonight so I went and did it. I'll attach the .gif file to this message...

-- Jun

Mel Barker
01-13-2003, 07:42 AM
Jun, you sure are great! I hope to meet you someday, on the mat or off, and get to know you better.

Mel Barker

01-13-2003, 10:09 AM
Thanks everyone,

I did try using the magic wand, however I kept getting a thin white border around it. Not too pleasing to the eye.

Jun ...

Thanks for taking the time. I did download the file and it too has the white border around the actual logo when placed in an html with a colored background.

I've got a better understanding of it now so I'll keep poking with it.

... Cheers ...

01-13-2003, 10:23 AM
Thanks for taking the time. I did download the file and it too has the white border around the actual logo when placed in an html with a colored background.
Really? Weird. It looks OK to me here:


-- Jun

01-13-2003, 11:21 AM
this one should work without having any white around the border (if you haven't managed it already :) )

if your using the wand selection method, then if you contract the selection by 1 pixel to get rid of the raggy edges, then it will appear smoother.

01-13-2003, 11:48 AM
Ah -- the one pixel "ring" around the edge. I actually tend to like it as I usually don't place the same transparent background image on very differing backgrounds -- usually light colored backgrounds. Due to this, I find the one pixel "ring" to be nice as the edges will seem smoother on a similarly colored background as its original; in other words, if the original image had a light colored background which was changed into a transparent background, I find that keeping the one pixel "ring" actually makes its edges seem smoother due to the one pixel "ring" actually serving as a subtle dither.

But, of course, if you use a drastically different background color from the original background color, you'll see the one pixel "ring" is distracting.

Darned if you do, darned it you don't, I guess...

-- Jun

01-13-2003, 12:03 PM
I agree with you over the smoothing effect of the one pixel ring.

I just think there was a confusion over what steven meant by the word border.

01-13-2003, 12:07 PM
I'm soooo confused......:D

Jun .. Dan ... I too see your point on this. Thanks again for the assist. I'll work on the larger image with this technique.

... Cheers ...

01-13-2003, 01:01 PM
Send me a message if you have access to Macromedia Fireworks or Adobe Photoshop, I have a method that will work.

Jim Vance

01-13-2003, 02:14 PM
Wow! Lookie all these Shihans .... :D

Thanks Jim .... I do have Adobe Photoshop 5.5. Don't have the Macromedia Fireworks. Whatever you have to share can be sent to aysdojo@seikeikan.com

... Cheers ...