The Pixel Tutorial Page 2/10 Previous page Next page
[ May 25, 2006 ] Derek Yu
This is the beginner's guide to pixel art. It's a 10-step program that takes you through the creation of a sprite, from start to finish.

Part Two: Lines

Pixels are essentially little blocks of color. The first thing you need to learn is how to use these blocks effectively to make any kind of line that you want. We'll discuss the two most basic types of lines, straight and curved.

Straight Lines

I know what you're thinking - this seems too easy to even bother with! But with pixels, even straight lines can be problematic. What we want to avoid are "jaggies" - little breaks in the line that make the line look uneven. Jaggies crop up when one piece of the line is larger or smaller than the surrounding pieces.

lines

Curved Lines

For curvature, make sure that the decline or incline is consistent all the way through. In this next example, the clean-looking curve goes 6 > 3 > 2 > 1, whereas the curve with the jaggy goes 3 > 1 < 3.

curved

CONCLUSIONS

Being comfortable making any line in pixels is crucial to doing pixel art. Later on, we'll learn how to use anti-aliasing to make our lines look really smooth.

 

 
 
Name: Derek Yu
Location: USA
Age: 23
Flash experience: Hobbyist
Job: Illustrator/Independent Game Develope
Website: http://www.derekyu.com/
 
 
| Homepage | News | Games | Articles | Multiplayer Central | Reviews | Spotlight | Forums | Info | Links | Contact us | Advertise | Credits |

| www.smartfoxserver.com | www.gotoandplay.biz | www.openspace-engine.com |

gotoAndPlay() v 3.0.0 -- (c)2003-2008 gotoAndPlay() Team -- P.IVA 03121770048