The Pixel Tutorial Page 7/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 Seven: Dithering

Color conservation is something that pixel artists have to worry about a lot. One way to get more shades without using more colors is to use a technique called "dithering". Similar to "cross-hatching" or "stippling" in the traditional art world, you take two colors and interlace them to get, for all intents and purposes, an average of the two colors.

Simple Example

Here's a simple example of using two colors to create four different shades using dithering:

dither_example

Advanced Example

dither_adv

Compare the top picture, which was made using the Photoshop gradient tool, and the bottom, which was created with just three colors using dithering. Notice the different patterns that were used to create the intermediary colors. Try experimenting with different patterns to create new textures.

Application

Dithering can give your sprite that nice retro feel, since a lot of old video games relied heavily on dithering to get the most out of their limited palettes (look to the Sega Genesis for lots of examples of dithering). It's not something that I use very often, but for learning's sake, here it is applied (possibly over-applied) to our sprite.

application

You can use dithering as much or as little as you want. Honestly, it's a technique that I've only seen a few people use really well.

 

 
 
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