2D will never die
Press B
or Click!
Secret
Weapons
And
Tactics
For Better
Pixel Art
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 Easy

“Fix my sprite!” Volume 3

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.


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: Medium

The Making Of: El Zombo

The Making of: El Zombo

Spriting in Street Fighter Alpha/Marvel vs Capcom style


Difficulty: Medium

Line weight thickness in sprites

Line weight thickness in sprites

Varying your line weight isn’t just for inks.


Difficulty: Basic

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: Basic

“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: Medium

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: Variable

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: Medium

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: Medium

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: Medium

“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: Medium

The Making Of: Tekken Megaman sprite

The making of the Tekken Megaman sprite

The Grayscale Index method


Difficulty: Basic

Give your sprites depth with sub-pixel animation

Give your sprites depth with sub-pixel animation

Animating your clunky pixels smoothly and subtly


Difficulty: Basic

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: Basic

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: Basic

Pixel a Capcom Background

bg-05

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


Difficulty: Hard

Speed Spriting in Photoshop

speedspritingforphotoshop

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


Difficulty: Medium

A Basic Sprite Tutorial

A basic sprite tutorial

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


Difficulty: Basic

Starting with the Basics: Workflow

workflow-magnify

Here’s a few guidelines to help you spend time working with tiny dots while making sure your eyes don’t melt.