SEARCH DESIGN SCHOOLS Zip Code: Subject: Digital & Media Arts Fashion Design Interior Design Photography Graphic Design Animation Web Design Business Culinary Arts Education Healthcare Law & Justice Psychology Technology Technicians Degree: - Select All Degrees - Associate's Bachelor's Master's Doctoral Certificates Diplomas Coursework Online Campus Both

home > Graphic Design >Graphic Design and Anti-Aliasing Techniques

ANTI-ALIASING IN GRAPHIC DESIGN: Removing the Jagged Edges from Type and Images with AntiAliasing Techniques

------------------------------------------------------------------------------------------------
ALIASING - In graphic design, aliasing occurs when a computer monitor, printer, or graphics file does not have a high enough resolution to represent a graphic image or text. An aliased image is often said to have the "jaggies."

Graphic Designers from our Community

ANTI-ALIASING - Smoothing or blending the transition of pixels in an image. Anti-aliasing the edges on a graphic image makes the edges appear smooth, not jagged.
------------------------------------------------------------------------------------------------

Typography and Anti-Aliasing - Aliasing is a term used to describe the undesirable effects produced when visual information is presented at a lower than optimal resolution.

General Tutorials on Anti-Aliasing - Before I explain what anti-aliasing is I'll cover aliasing. These two subjects are, of course, closely related. People almost never discuss aliasing, though. Before I discuss the two let me say that aliasing causes images to have a jagged staircase look to their edges while anti-aliasing smoothes out these jagged edges.

Web Design and Anti-Aliasing - Aliasing is a phenomenon often associated with jagged edges on characters. Or 'staircased' running lines, that only ought to be slightly skewed. These undesired effects are caused by the limitations of display technology. Tricks used to counteract this, are commonly known as anti-aliasing.

Anti-Aliasing Information : Deciding to Use Font Smoothing on Web Images - The fur was flying in our Web group the day we decided to make a definitive decision about whether to use anti-alias on our site. Up until that day, it had depended upon the whim of the designer or graphic artist whether the text was aliased or not.

Anti-Aliasing, Text Edit Style - . If you're on Mac OS X and hate Photoshop's anti-aliasing, maybe give TextEdit a shot — it'll make your prototypes look much better.

Anti-Aliasing Tools with Fireworks - Macromedia has a wonderfully improved anti-aliasing capability that helps users create great looking text graphics, which can result to a more readable and attractive text.

Understanding Transparency and AntiAliasing -When designing web pages, you will often wish to incorporate graphic elements. The easiest way to include graphics is through the use of images.

Anti-Aliasing in Graphic Design - Who’s Anty? No, Anti-alias is not some distant relative that you never knew. Anti-alias is a process in which bits of intermediate colour and shade are added to an image.

Menus with Beauty and Brains 3: Fireworks and CorelDraw Antialiasing - Although Fireworks technically produces vector text, it handles antialiasing like a raster program. In fact, there is little difference between Fireworks and Photoshop for this subject. Like Photoshop, Fireworks offers several settings for antialiasing.

Anti-Aliasing, Sand Down Those Jaggies - You will of all heard of the phrase Anti-Aliasing when talking about computer games or graphics cards.

Why Do Some Beautiful Fonts in Print Look Horrible on the Web? - A font chosen by a publisher client of mine is beautiful (and appropriate) in print at various sizes but lousy on the Web in a comparable small size for the companion site I’m in the midst of designing right now. Why does that happen?

Typography Word of the Day: Anti-Aliasing - Anti-aliasing actually uses the inherent lack of acuity of average human sight at small resolutions to fool the eye into seeing these anti-aliased edges (which are actually quite fuzzy when enlarged) as smooth and clear. Aliased edges are obvious by thier sharpness (see the illustration below for a comparison).

Anti-Aliasing Tweaks - The problem is this: it’s relatively easy to match kerning between words in Photoshop by using the built-in kerning controls. Adjusting anti-aliasing requires a bit more effort, but it remains completely do-able.

Anti-Aliasing and AKA Getting Rid of the Jaggies - There are very few web design problems that can't be solved through a suitable application of high explosives. Jagged edges on graphic text or circular art are a prime example.

Antialiased text, corners etc. in IE - Get Rid of those jagged edges in Internet Explorer

Anti-Aliasing Interfaces - You can go through the lengthy and often very frustrating process of manually removing 'jaggies' at the end of the project, but you can save yourself lots of trouble letting Photoshop do most of the work for you at the beginning instead.  Just follow these four easy steps to smoother work...

GalaxyGoo Anti-Aliasing - Web and graphical user interface designers are familiar with this, of course, but many of the scientists and writers I work with aren’t, so it’s probably worth covering briefly.

ANTI-ALIASING TOOLS / UTLITIES

Create Spiffy Corners without Anti-Aliasing - Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript.

Power Retouche - Power Retouche anti-aliasing filter removes edge line roughness and jagged edges in graphics and also removes pixelations in entire photos. A breakthrough in edge detection and pixelation-detection enabled us to create an amazingly simple anti-aliasing plugin filter that actually detects aliasing - and changes only aliased edges and pixels.