2D will never die
Press B
or Click!
Secret
Weapons
And
Tactics
For Better
Pixel Art

Live resize: real-time pixeling as you draw line art

Draw your sprite like traditional line art, and have Photoshop shrink and convert your lines into easy to clean pixels on the fly.

Difficulty: Easy1 comment

Instant pixel art backgrounds with the Dan Fessler Method

Instant pixel art backgrounds with the Dan Fessler Method

Turn Photoshop into a pixel art powerhouse with beautiful dithering by a clever use of layer styles

Difficulty: Unfairly Easy5 comments

“Fix my sprite!” Volume 3

Volume 3: Smaller pixel styles. Taking a break from the usual ‘fighter’ sizes, we discover that smaller isn’t always easier.

7 comments

So you want your sprites to be 16 colors

So you want your sprites to be 16 colors

A Photoshop or GIMP technique for reducing your colors and conforming to a 16-bit palette

Difficulty: Medium15 comments

The Making Of: El Zombo

The Making of: El Zombo

Spriting in Street Fighter Alpha/Marvel vs Capcom style

Difficulty: Medium29 comments

Line weight thickness in sprites

Line weight thickness in sprites

Varying your line weight isn’t just for inks.

Difficulty: Basic2 comments

Resizing your sprites with Nearest Neighbor

Resizing your sprites with Nearest Neighbor

If you’re the type who enjoys building your sprites pixel-by-pixel straight from the ground up but find the results stiff and lifeless, consider this quicker method.

Difficulty: Basic7 comments

“Fix my sprite!” Volume 2

Fix My Sprite! Vol. 2

Volume 2: Reducing detail doesn’t mean reducing style. Plus: How to fix sprites in Photoshop

Difficulty: Medium2 comments

Learn better anti-aliasing for your pixel art

Learn better anti-aliasing

Master the art of smoothing jagged pixel edges with the perfect anti-aliasing exercise

Difficulty: Variable4 comments

Vector to Pixel 2: Making sprites in Illustrator

vector to pixel 2: spriting in adobe illustrator

Or, “The masochist’s guide to making pixel art in a vector program.”

Difficulty: Medium9 comments

Video walkthrough: Cleaning lines with Threshold

Cleaning lines with the threshold tool

Here’s a quick trick for taking your drawn lines and reducing them to sprite size with much easier and faster cleanup.

Difficulty: Medium9 comments

Picking the best colors for your sprite

Picking the best colors for your sprite

It’s always been a challenge for me, but a few tricks can make it easier than you think.

Difficulty: Medium3 comments

“Fix my sprite!” Volume 1

"Fix My Sprite!" Vol. 1

Volume 1: “Too much detail, too little fun”. How building your sprite with too much attention to detail strains the eye and the artist

Difficulty: Medium8 comments

The Making Of: Tekken Megaman sprite

The making of the Tekken Megaman sprite

The Grayscale Index method

Difficulty: Basic11 comments

Give your sprites depth with sub-pixel animation

Give your sprites depth with sub-pixel animation

Animating your clunky pixels smoothly and subtly

Difficulty: Basic22 comments

Vector to pixel: Building your sprites in Adobe Illustrator

Vector to pixel: building your sprites in Adobe Illustrator

Vector artists who want to build sprites in their favorite programs. Impossible, right? Think again

Difficulty: Basic7 comments

Spriting basics: Anti-aliasing

Spriting Basics: Anti-aliasing

It’s probably one of the first lessons you’d learn from most pixeling tutorials, so here’s some quick examples to get you thinking about this useful technique

Difficulty: Basic1 comment

Pixel a Capcom Background

Imitate Capcom’s 50% dithering style to pixel a Street Fighter or Marvel stage

Difficulty: Hard8 comments

Speed Spriting in Photoshop

Got the basics down and want to start producing stuff faster? Try this Photoshop trick and save yourself tons of coloring work

Difficulty: Medium8 comments

A Basic Sprite Tutorial

A basic sprite tutorial

Turn your drawing into pixel art using simple Photoshop or GIMP tricks

Difficulty: Basic41 comments