Pixel Art Basics

Understanding the fundamentals of pixel art

What is Pixel Art?

Pixel art is a digital art form where images are created at the pixel level — each individual square of color is placed deliberately. It originated in the 1970s-80s when computer graphics were limited, but today it's a beloved aesthetic choice for games, NFTs, and digital art.

Unlike traditional digital painting where you work with soft brushes and blending, pixel art is about precision, simplicity, and clever use of limited colors.

Core Principles

1. Every Pixel Counts

At 32×32 pixels, you only have 1,024 pixels to work with. Each one matters! Placement precision is key.

2. Limited Color Palette

Use 8-12 colors max. This creates visual harmony and forces creative problem-solving.

3. Readable Silhouettes

Your character should be recognizable even as a black shape. Clear outlines help.

4. Suggestion Over Detail

Pixel art hints at features rather than showing everything. A few pixels can suggest hair, eyes, or texture.

The Pixel Art Process

1. Start with the Outline

Use a dark color to sketch the basic shape. Don't worry about perfection — you'll refine it.

Pro Tip: Use a "not-quite-black" color like dark brown or dark blue instead of pure black (#000000). It looks softer and more natural.

2. Block in Base Colors

Fill your shape with flat colors. Think of it like a coloring book — one color per section (skin, hair, clothes).

3. Add Simple Shading

Pixel art shading is minimal. For each color, use only 2-3 values:

  • Base color: The main color
  • Shadow: A darker version (for areas away from light)
  • Highlight: A lighter version (optional, for shiny surfaces)

Place shadows consistently — decide where your light source is (usually top-left or top-right) and stick with it.

4. Add Details Last

Eyes, hair details, buttons, accessories — add these final touches sparingly. Sometimes 2-3 pixels is all you need for an eye!

Common Beginner Mistakes (and How to Avoid Them)

  • Too many colors: Start with 8 colors and stick to them. More colors = visual chaos.
  • Blurry edges: Make sure anti-aliasing is OFF. Every edge should be crisp.
  • Over-detailing: Resist the urge to add every wrinkle or hair strand. Less is more.
  • Inconsistent shading: Pick one light direction and use it everywhere.
  • No contrast: Make sure your colors are different enough to be distinguishable.

Your First Exercise

Let's create a simple pixel art icon to practice:

  1. Create a 32×32 canvas in Procreate
  2. Turn on the grid (Canvas → Drawing Guide → Grid, size = 1)
  3. Choose 3 colors: one for the object, one darker for shadows, one lighter for highlights
  4. Draw a simple object: a heart, a tree, a mushroom, or a star
  5. Add simple shading (just a few pixels of your shadow color)
  6. Export it!
Goal: Don't aim for perfection. Aim for completion. Pixel art is about iteration — your 10th sprite will be way better than your 1st!

Ready to Create Characters?

Now that you understand the basics, let's apply these principles to create your first pixel art character!

← Procreate Setup Create Characters →