Photoshop peoples.. Transparent GIF's. - GoFuckYourself.com

Young · 05-09-2006, 05:41 PM

Transparent GIFs.

Whats the best setting in "Save for Web" that will produce the best looking transparent images that won't look like shit when placed against a background.

Azlord · 05-09-2006, 05:51 PM

If you can't get it to look the way you want, maybe try a .png file. Depends what you are doing.

cj_purve · 05-09-2006, 06:09 PM

Young, it depends what color your background is ... are you using a plain background or do you want this graphic to be able to go onto any background? If you've got a light image with a white background and you want to put it onto a black background its really hard to get it perfect ... you could try making the background of your image a totally opposite color to your graphic and page background (ie lime green or bright pink) so you make sure to get every pixel when selecting the colors to make transparent.

If its for a static site with a solid background, make the background of your gif as close to the background of your page as possible. From the color reduction drop down menu in the 'save for web' window select 'adaptive', then select 'diffusion' from the dither menu, and 'diffusion transparency dither' from the transparency menu. I find that gives the smoothest edges.

You might have to save it a few times to see what works best by selecting different colors to make transparent ... just make sure the background of your image isn't the same color as any of the colors you want to keep in the image.

Hope that made some sense ;/

fitzmulti · 05-09-2006, 06:24 PM

Quote:

Originally Posted by Young

Transparent GIFs.

Whats the best setting in "Save for Web" that will produce the best looking transparent images that won't look like shit when placed against a background.

Or...before you even MAKE the image, you can start off with a transparent backgroud. Might help just a little.

quantum-x · 05-09-2006, 06:31 PM

Wow, haven't seen you for ages CJ. I dropped past purve.com yesterday to see if you were still alive :D

GIFs are 8bit colour - that is, they have a maximum of 256 colors - so you're gonig to have a hard time representing the entire spectrum. This I assume you know.

While I agree w/ CJ - one thing to point out - if you're trying to make text w/ a transparent background, and your font is anti-aliased, sometimes it's better to select a background color that is similar to the one of the real page, so the edges will blend.

It is also interesting to mention that you can select multiple colours for transparency, so you can control how much you want to 'erode' into your picture, and how much you want transparent.

cj_purve · 05-09-2006, 07:06 PM

hey quantum-x
I'm still alive ... barely ;-)

I've even got icq turned on again so hit me up!
3422430

Young · 05-09-2006, 07:10 PM

fitz i tried your suggestion earlier to no avail...thanks.
Az thats next on my list..thanks.

Holy shit. Thanks quantum, CJ for the awesome in depth info.

I'm using a static background. So the GIF has to look good while it moves through the background on the scroll down. I'm using TT fonts BUT i've added outlines (gradients) to them.

I'm going to try out a couple of the suggestions given. I read an article about creating transparent images that will fit into Wordpress headers and maintain...but I can't find the link.

I'll be back.

cj_purve · 05-09-2006, 07:14 PM

np young ;-)

this is where I would get lazy and change the background color to suit my graphic ;-)

aico · 05-09-2006, 08:46 PM

Make the matte color the same color of your background, or it will look like shit.

05-09-2006, 05:41 PM	#1
Young Bland for life Industry Role: Join Date: Nov 2004 Posts: 10,468	Photoshop peoples.. Transparent GIF's. Transparent GIFs. Whats the best setting in "Save for Web" that will produce the best looking transparent images that won't look like shit when placed against a background. __________________ ★★★

05-09-2006, 06:31 PM	#5
quantum-x Confirmed User Join Date: Feb 2002 Location: ICQ: 251425 Fr/Au/Ca Posts: 6,863	Wow, haven't seen you for ages CJ. I dropped past purve.com yesterday to see if you were still alive :D GIFs are 8bit colour - that is, they have a maximum of 256 colors - so you're gonig to have a hard time representing the entire spectrum. This I assume you know. While I agree w/ CJ - one thing to point out - if you're trying to make text w/ a transparent background, and your font is anti-aliased, sometimes it's better to select a background color that is similar to the one of the real page, so the edges will blend. It is also interesting to mention that you can select multiple colours for transparency, so you can control how much you want to 'erode' into your picture, and how much you want transparent. __________________ PrettyInCash.com - BoozedGFs.com - TeenGFs.com - JizzGFs.com- MilfUploads.com -

05-09-2006, 07:10 PM	#7
Young Bland for life Industry Role: Join Date: Nov 2004 Posts: 10,468	fitz i tried your suggestion earlier to no avail...thanks. Az thats next on my list..thanks. Holy shit. Thanks quantum, CJ for the awesome in depth info. I'm using a static background. So the GIF has to look good while it moves through the background on the scroll down. I'm using TT fonts BUT i've added outlines (gradients) to them. I'm going to try out a couple of the suggestions given. I read an article about creating transparent images that will fit into Wordpress headers and maintain...but I can't find the link. I'll be back. __________________ ★★★

05-09-2006, 05:51 PM	#2
Azlord Confirmed User Industry Role: Join Date: Dec 2003 Location: City... City of Satan Posts: 2,651	If you can't get it to look the way you want, maybe try a .png file. Depends what you are doing.

05-09-2006, 06:09 PM	#3
cj_purve Confirmed User Join Date: Sep 2002 Posts: 1,065	Young, it depends what color your background is ... are you using a plain background or do you want this graphic to be able to go onto any background? If you've got a light image with a white background and you want to put it onto a black background its really hard to get it perfect ... you could try making the background of your image a totally opposite color to your graphic and page background (ie lime green or bright pink) so you make sure to get every pixel when selecting the colors to make transparent. If its for a static site with a solid background, make the background of your gif as close to the background of your page as possible. From the color reduction drop down menu in the 'save for web' window select 'adaptive', then select 'diffusion' from the dither menu, and 'diffusion transparency dither' from the transparency menu. I find that gives the smoothest edges. You might have to save it a few times to see what works best by selecting different colors to make transparent ... just make sure the background of your image isn't the same color as any of the colors you want to keep in the image. Hope that made some sense ;/

05-09-2006, 07:06 PM	#6
cj_purve Confirmed User Join Date: Sep 2002 Posts: 1,065	hey quantum-x I'm still alive ... barely ;-) I've even got icq turned on again so hit me up! 3422430

05-09-2006, 07:14 PM	#8
cj_purve Confirmed User Join Date: Sep 2002 Posts: 1,065	np young ;-) this is where I would get lazy and change the background color to suit my graphic ;-)

05-09-2006, 08:46 PM	#9
aico Moo Moo Cow Join Date: Mar 2004 Location: Washington State Posts: 14,748	Make the matte color the same color of your background, or it will look like shit.