Help with GIF buttons. - Tilted Forum Project Discussion Community

Astrocloud · 03-24-2007, 09:51 PM

The buttons I made turned out a little blurry.

Here is a sample:

How can I make this image crisper?

Dilbert1234567 · 03-24-2007, 09:58 PM

starch when you iron...

but seriously, the program you are using, can you increase the quality settings? and maybe anti aliasing it would help too, i know photoshop can do both.

what program are you using?

Astrocloud · 03-24-2007, 10:58 PM

I'm using photoshop 6 so anti-aliasing when saving? I've always been more concerned with the image that I've honestly never paid attention to the settings while saving as a gif.

Dilbert1234567 · 03-24-2007, 11:19 PM

I'm no expert with photoshop, but here we go

when you are making the text, there should be an anti aliasing option, try the different settings and see the results

None Turns off anti-aliasing for all characters in the text block.
Sharp Slightly reduces the jagged edges of the characters, applying the minimal amount of anti-aliasing.
Crisp Sharpens the edges of the characters.
Strong Makes the characters appear heavier.
Smooth Makes the characters appear smoother by softening the transition between the edge pixels and the background.

imouseone · 03-27-2007, 10:02 AM

You also need to use better colors that compliment each other or stand out more. Something like Kuler could help, http://kuler.adobe.com/#

Jinn · 03-27-2007, 10:56 AM

Two things:

1) Why GIF? It is technically (technologically, not semantically) inferior to PNG, and useless the lossy LZW format (meaning you lose quality). PNG has been supported in browsers since the early 1990s. The only reason you should use GIF is if you're trying to do animation (which GIF is also bad at) or if you're trying for something better binary transparency. Since your image is neither animated nor transparent, I'd go with PNG for your image format.

2) The font is the major contributor to the blur. Try looking for fonts which don't have such jagged edges.

03-24-2007, 09:51 PM	#1 (permalink)
Astrocloud Apocalypse Nerd	Help with GIF buttons. The buttons I made turned out a little blurry. Here is a sample: How can I make this image crisper?

03-24-2007, 09:58 PM	#2 (permalink)
Dilbert1234567 Devils Cabana Boy Location: Central Coast CA	starch when you iron... but seriously, the program you are using, can you increase the quality settings? and maybe anti aliasing it would help too, i know photoshop can do both. what program are you using? __________________ Donate Blood! "Love is not finding the perfect person, but learning to see an imperfect person perfectly." -Sam Keen

03-24-2007, 11:19 PM	#4 (permalink)
Dilbert1234567 Devils Cabana Boy Location: Central Coast CA	I'm no expert with photoshop, but here we go when you are making the text, there should be an anti aliasing option, try the different settings and see the results None Turns off anti-aliasing for all characters in the text block. Sharp Slightly reduces the jagged edges of the characters, applying the minimal amount of anti-aliasing. Crisp Sharpens the edges of the characters. Strong Makes the characters appear heavier. Smooth Makes the characters appear smoother by softening the transition between the edge pixels and the background. __________________ Donate Blood! "Love is not finding the perfect person, but learning to see an imperfect person perfectly." -Sam Keen

03-27-2007, 10:56 AM	#6 (permalink)
Jinn Lover - Protector - Teacher Location: Seattle, WA	Two things: 1) Why GIF? It is technically (technologically, not semantically) inferior to PNG, and useless the lossy LZW format (meaning you lose quality). PNG has been supported in browsers since the early 1990s. The only reason you should use GIF is if you're trying to do animation (which GIF is also bad at) or if you're trying for something better binary transparency. Since your image is neither animated nor transparent, I'd go with PNG for your image format. 2) The font is the major contributor to the blur. Try looking for fonts which don't have such jagged edges. __________________ "I'm typing on a computer of science, which is being sent by science wires to a little science server where you can access it. I'm not typing on a computer of philosophy or religion or whatever other thing you think can be used to understand the universe because they're a poor substitute in the role of understanding the universe which exists independent from ourselves." - Willravel

03-24-2007, 10:58 PM	#3 (permalink)
Astrocloud Apocalypse Nerd	I'm using photoshop 6 so anti-aliasing when saving? I've always been more concerned with the image that I've honestly never paid attention to the settings while saving as a gif.

03-27-2007, 10:02 AM	#5 (permalink)
imouseone Tilted Location: NY	You also need to use better colors that compliment each other or stand out more. Something like Kuler could help, http://kuler.adobe.com/#