Aseprite is the industry-standard tool for creating pixel art and animations. In this comprehensive guide, I’ll walk you through everything you need to know to get started.

Why Aseprite?

Before we dive in, let me explain why I recommend Aseprite over free alternatives:

  • Purpose-built for pixel art – Every feature is designed with pixel artists in mind
  • Powerful animation tools – Timeline, onion skinning, and export options
  • Active development – Regular updates and new features
  • One-time purchase – Pay once, own forever (no subscription!)

Affiliate Note: If you purchase Aseprite through my link, I earn a small commission at no extra cost to you. This helps support free tutorials like this one.

Installing Aseprite

Option 1: Purchase on Steam or itch.io

The easiest way is to buy Aseprite directly:

  • itch.io – ~$20, DRM-free, includes Windows, Mac and Linux (and you can request a Steam key on top)
  • Steam – Same price, automatic updates

Option 2: Compile from Source (Free)

Aseprite is open source! If you’re comfortable with the command line, you can compile it yourself for free. Plan for 2–3 hours — it takes some setup. Check the official compilation guide.

Understanding the Interface

When you first open Aseprite, the interface might look intimidating. Let’s break it down:

Aseprite
Menu Bar
Tools
Canvas
Palette
Timeline / Animation Frames
Aseprite default workspace

Key Areas

  1. Tools Panel – Drawing tools like pencil, eraser, fill
  2. Canvas (Center) – Where you create your art
  3. Color Palette – Your available colors
  4. Timeline (Bottom) – For creating animations

Essential Keyboard Shortcuts

Memorize these shortcuts to speed up your workflow:

ShortcutAction
BPencil (Brush)
EEraser
GPaint Bucket
IEyedropper
MSelection
VMove
ZZoom
XSwap foreground/background colors
Ctrl+ZUndo
Ctrl+SSave

Creating Your First Sprite

Let’s create a simple 16x16 character together.

Step 1: New Document

  1. Go to File → New (or press Ctrl+N / ⌘+N)
  2. Set size to 16 x 16 pixels
  3. Color mode: RGBA
  4. Under Background, choose Transparent (for game sprites)
  5. Click OK

Step 2: Choose a Limited Palette

For beginners, I recommend starting with a limited palette. This forces you to be creative and keeps your art cohesive.

Aseprite ships with a few presets in the palette menu. For more choice, download a palette from Lospec — for example Endesga 32, Pico-8 or Sweetie 16 — and load it via the palette menu → Load Palette.

Step 3: Block Out the Shape

Start with basic shapes:

  1. Select the Pencil tool (B)
  2. Choose a dark color for the outline
  3. Draw the basic silhouette of your character

Pro tip: Start with the head and work your way down. Keep it simple – you only have 16 pixels to work with!

Step 4: Add Base Colors

  1. Use the Paint Bucket (G) to fill large areas
  2. Keep to 3-4 colors maximum for small sprites
  3. Think about your light source

Step 5: Add Details and Shading

  1. Switch back to Pencil (B)
  2. Add highlights where light hits
  3. Add shadows on the opposite side
  4. Don’t over-detail – less is more in pixel art

Exporting Your Sprite

When you’re done:

  1. File → Export As (or Ctrl+Shift+E / ⌘+Shift+E)
  2. Choose PNG format
  3. Make sure “Scale” is set to 1x (or higher if you want to upscale)
  4. Click Export

Important: Never export pixel art as JPG — compression turns your crisp pixels to mush. Always PNG.

Common Beginner Mistakes

Avoid these pitfalls:

  1. Too many colors – Start with 4-8 colors max
  2. Pillow shading – Don’t shade around edges equally; pick one light direction
  3. Wrong canvas size – Start small (16x16 or 32x32)
  4. Forgetting the light source – Pick one direction and stick to it

What’s Next?

Now that you know the basics, you’re ready to:

Downloads

Here’s the reference sprite from this tutorial:

Questions? Feel free to reach out on Twitter/X or check out my games on itch.io.

Happy pixel pushing!