Before we learn how to put images into our games, let's talk about how to MAKE them. Because here's the truth: most game developers aren't professional artists. They're people who learned just enough to bring their ideas to life.
That's going to be you by the end of this chapter.
We're not going to turn you into Michelangelo. We're going to give you the fundamentals—enough to create sprites that look intentional, animate smoothly, and fit together in a game. Everything here works in ANY image editor, from free browser tools to professional software.
Let's make some art!
Why Pixel Art?
Pixel art isn't just "old game graphics." It's a deliberate art style with real advantages:
- Every pixel matters — Forces you to think about what's essential
- Small canvas = fast iteration — A 16x16 sprite takes minutes, not hours
- Forgiving for beginners — Imperfections look intentional
- Scales perfectly — No blurry edges when you zoom in
- Nostalgic charm — Players love the retro aesthetic
And here's the secret: pixel art is LEARNABLE. Unlike realistic painting, which takes years to master, you can make decent pixel art in a weekend if you understand the principles.
Your Canvas: Thinking in Pixels
When you work in pixel art, you're placing individual colored squares on a grid. That's it. No brushes, no gradients, no blur tools. Just pixels.
Start small. Seriously, SMALL:
- 8x8 — Icons, tiny items
- 16x16 — Classic game sprites, items, tiles
- 32x32 — Detailed characters, larger enemies
- 64x64 — Boss characters, detailed portraits
Bigger isn't better! Many beloved games use 16x16 or even 8x8 sprites. Constraints breed creativity.
That's 256 pixels. You can do this!
The Silhouette Test
Here's rule #1 of game sprites: the silhouette must read clearly.
Before you add colors, shading, or details, your sprite should be recognizable as a solid black shape. If players can't tell what something is from its outline alone, no amount of detail will save it.
Try this exercise:
- Think of what you want to draw (a knight, a slime, a spaceship)
- Fill in ONLY the outline in a single color
- Squint at it. Can you tell what it is?
Tips for clear silhouettes:
- Exaggerate proportions (big heads, big hands)
- Avoid symmetrical "blob" shapes
- Give characters a distinctive pose
- Items should have recognizable shapes (swords are long and thin, potions are round)
Color: Less Is More
Here's where beginners go wrong: they use too many colors.
Professional pixel artists often limit themselves to 4-16 colors for an entire game. Not because they can't use more, but because limited palettes:
- Look more cohesive
- Are easier to manage
- Force you to be creative
- Match the retro aesthetic
Building a Palette
Start with the 3-color rule for any object:
- Base color — The main color of the object
- Shadow color — Darker version for depth
- Highlight color — Lighter version for shine
Picking Colors That Work
Hue shifting: Don't just make shadows darker—shift the hue too!
- Shadows tend toward blue/purple
- Highlights tend toward yellow/orange
Saturation matters:
- Shadows are often less saturated (more gray)
- Highlights can be more or less saturated depending on material
- Very saturated colors are hard to look at—use sparingly
Classic Palette Approach
Many pixel artists start with an existing palette. Some famous ones:
- PICO-8 palette — 16 colors, perfect for retro games
- Gameboy palette — 4 shades of green (or gray)
- NES palette — 54 colors total, but sprites use only 3 + transparent
You can find these palettes on Lospec's palette list and import them into any image editor. Using a pre-made palette removes decision fatigue and guarantees your colors work together.
Shading: Creating Depth
Flat colors look like clipart. Shading makes things look 3D.
Pick a Light Source
Before you shade ANYTHING, decide where the light comes from. In games, the standard is top-left:
Light source: shining down-right (coming from top-left)
This means:
- Top-left surfaces are BRIGHT
- Bottom-right surfaces are DARK
- Edges catch highlightsStick to ONE light direction for your entire game. Mixing light directions looks wrong, even if players can't explain why.
The Basic Shading Formula
For any object:
- Fill with your base color
- Add shadow on bottom-right edges
- Add highlight on top-left edges
- (Optional) Add deep shadow in crevices
Avoid Pillow Shading!
The #1 beginner mistake is "pillow shading"—putting highlights in the center and shadows on ALL edges:
Pillow shading makes everything look soft and inflated. Real objects catch light from a direction.
Material Matters
Different materials shade differently:
Matte (cloth, skin, wood):
- Soft transitions between light and dark
- Little to no bright highlights
Shiny (metal, glass, water):
- Hard transitions
- Bright specular highlights
- Sometimes reflects environment
Rough (stone, bark):
- Irregular shading
- Many small shadow spots
Animation: The Illusion of Life
Animation is just a series of still images shown quickly. But making those images flow smoothly? That takes understanding a few principles.
Frame Count
More frames doesn't mean better animation. In pixel art, less is often more:
- 2 frames — Simple idle bobbing, blinking
- 3-4 frames — Walking, running
- 6-8 frames — Smooth attacks, complex motions
- 12+ frames — Cinematic moments (use sparingly)
Most game animations use 2-4 frames. Seriously!
The Walk Cycle
Every game needs characters that walk. Here's the classic 4-frame walk cycle:
- Frame 1 (Contact): Front foot touches ground
- Frame 2 (Down): Body at lowest point
- Frame 3 (Passing): Legs pass each other
- Frame 4 (Up): Body at highest point
The key insight: the body bobs up and down. In frame 2, the character is 1-2 pixels lower. In frame 4, they're 1-2 pixels higher. This tiny movement makes walking feel real.
Squash and Stretch
The most important animation principle: objects squash when compressed and stretch when extended.
Even for rigid objects, a TINY amount of squash and stretch sells the motion.
Anticipation and Follow-Through
Before a big action, there's a small opposite motion:
- Before jumping UP, the character crouches DOWN
- Before punching RIGHT, the fist pulls back LEFT
- Before running FORWARD, there's a lean BACK
After an action, there's continuation:
- After landing, the knees bend and recover
- After swinging, the weapon continues past the target
- After stopping, the body settles
These extra frames make animation feel weighty and real.
Key Poses First
Professional animators don't draw frame-by-frame. They draw key poses first, then fill in the in-between frames.
For a sword swing:
- Draw the start pose (sword raised)
- Draw the end pose (sword down, past target)
- Draw the middle pose (sword at target)
- Add in-betweens if needed
This ensures your animation reads clearly even if you only see one frame.
Outlines: To Line or Not to Line
Two major schools of pixel art:
With Outlines (Recommended for beginners):
- Sprites pop against any background
- Clear silhouettes
- Forgiving for mistakes
- Classic game look
Without Outlines (Sel-out / No outline):
- Softer look
- More painterly
- Can feel more "modern"
If you're just starting, use outlines. They're more forgiving and make your sprites readable at small sizes.
Outline Color
Don't always use black! Try:
- Dark version of adjacent color — A dark blue outline around blue objects
- Warm shadows — Dark brown or purple instead of black
- Selective outlining — Only outline where sprite meets background, not internal details
Common Sprite Types
Characters (The Hero)
What makes a good player character:
- Readable at small size — Simple shapes, clear silhouette
- Distinct pose — Even standing still, they look ready for action
- Room for animation — Limbs positioned for movement
- Personality — Even a 16x16 sprite can have attitude
Enemies
Each enemy should be instantly distinguishable:
- Unique silhouette — Players should know what it is at a glance
- Threat level visible — Big = dangerous, small = weak
- Clear front — Which direction is it facing?
Items and Pickups
Items need to pop:
- Bright colors — Players should WANT to grab them
- Simple shapes — Heart, coin, star, gem
- Consider animation — A spinning coin is more enticing than a flat one
Tiles and Backgrounds
Tiles need to... tile:
- Seamless edges — Left edge matches right, top matches bottom
- Not too busy — Players need to see foreground objects
- Consistent lighting — All tiles lit from same direction
Your First Sprite: Step by Step
Let's make a simple character together:
Step 1: Block in the silhouette (16x16)
That's a head, body, and legs. Can you tell it's a person? Good!
Step 2: Add a base color
Pick your main color. Let's say blue for the body, skin tone for the head.
Step 3: Add shadow (bottom-right)
Darken the bottom and right edges of each body part.
Step 4: Add highlight (top-left)
Lighten the top and left edges. Just a pixel or two!
Step 5: Add details
Eyes, maybe a belt, shoe color. Don't overdo it—every pixel counts at this size.
Step 6: Clean up
Step back. Squint. Is it readable? Remove any detail that doesn't help.
Here's what a finished sprite might look like:
Tools (All Free!)
You don't need expensive software. These are all free:
Browser-based (no install):
- Piskel — Great for beginners, built-in animation
- Pixilart — Community features, easy sharing
- Lospec Pixel Editor — Simple, has palette tools
Desktop:
- LibreSprite — Free Aseprite fork, full-featured
- GraphicsGale — Classic, lightweight, Windows only
- GIMP — Powerful but overkill for pixel art
Paid (worth it if you get serious):
- Aseprite ($20) — The gold standard, amazing animation tools
For this book, any of the free options work perfectly.
Exercises
Silhouette practice: Draw 5 different characters as solid black shapes only. Can a friend identify what they are?
Limited palette: Create a character using only 4 colors (including the outline)
Walk cycle: Animate a 4-frame walk cycle. Focus on the body bobbing up and down.
Copy study: Find a sprite you like, recreate it pixel-by-pixel, then make your own version
Speed challenge: Set a 15-minute timer and create a complete sprite from scratch
The Truth About "Art Skills"
Here's what nobody tells beginners: every pixel artist's first sprites were terrible. Every single one.
The artists whose work you admire? They have folders full of embarrassing early attempts. The difference between them and someone who "can't draw" is simply that they kept going.
You don't need talent. You need:
- Reference images — Look at real things, look at art you like
- Practice — Make lots of bad sprites until they become okay sprites
- Iteration — Your first attempt won't be your best. That's fine.
Start ugly. Improve gradually. Ship your game with "good enough" art while you keep learning.
Your slightly-wonky hand-drawn sprites have more soul than any generic asset pack. They're YOURS.
Now that you can create art, let's learn how to put it in your game!
See you in Chapter 6!
Next Chapter: We'll load images, display sprites, and bring your pixel art to life in Crash BASIC!