Lesson 1: Anti-Aliasing and what the hell is it?
Anti-Aliasing is a tough-guy word that artsy types use to say "is it smoothed or not"? That's all there is to it. Don't forget that your graphics package probably came with a help file, so look up how to Anti-Alias. It'll be in there, it's usually a checkbox or a button of some type. Leave it on, ALWAYS. Unless you are trying to do something artsy and very blocky, not using it makes you look like a tool.

s-and-s-aa.gif (968 bytes)The S on the left is antialiased. See how it looks smooth? That's antialiasing. Antialiasing is smoothing. Say it again. Don't forget it. See how the right S looks kinda blocky? That one is not antialiased. Get it? Got it? Okay. Now even moreso, here's why you really care.

Take a look at this picture

aacircles1.gif (1705 bytes)

That's why I'm the king around here. Because I can make circles like that. Anyway, these circles are antialiased for a black background. And they look darling, don't they? Now take a look at this picture:

aacircles2.gif (1719 bytes)

see how it looks like crap? that's because the circles on the top were antialiased for a black background. The circles on the bottom were antialiased for a white background. Look at the difference here up close:

aabig.gif (1589 bytes)

Notice how the graphic on the left has the red, then it has deeper shades of red that blend it into the background? Well, that's the magic of antialiasing. The one on the right was also antialiased, but for the background of white. You can see how it goes from red, to less red, to pink, to light pink, to white. Now this looks incredibly crappy on a black background. This is the effect that you see in lots and lots of places.

So what is the moral of the story? Well, this is simply lesson one, it's a very basic lesson, but mistakes that a ton of people make. When you are making graphics, make sure that you have your antialiasing on, and make sure that when you combine all of your layers or objects, that you do it with the color that you are going to be using for your background. If you are using a patterned background, just make sure that the color is close. Hopefully you're not using a high contrast background, because no matter what you do your page will look like crap. Make sure your background is clean, not too high in contrast (see TDFv3, appearances), and keep the antialiasing on, and to the right background color. Your images will look smooth, clean, and your site will look a little more professional.


Beautiful language, isn't it Marge?

Next Lesson: How to avoid that monstrosity above!

 

Hi Lisa, hi super nintendo Chalmers.
6044 This web site, its operators, and any content contained on this site relating to "The Simpsons" are not authorized by FOX. "The Simpsons" ™ and © FOX and its related companies. All rights reserved. Any reproduction, duplication, distribution in any form is expressly prohibited.