Pixel-Art Guides

Small steps, one pixel at a time.

🎨 Open Studio 🏫 Classroom
← Back to Pixel-Art Studio

Learn pixel art, one guide at a time

Whether this is your first drawing or you want to refine your style, these 100 practical guides explain the basics and give you ideas to try in the studio. Start anywhere and experiment at your own pace.

01

Your first pixel drawing

Start with a simple object, such as a heart, fruit, or tiny house. Use the 8 × 8 or 16 × 16 canvas and focus on a recognizable silhouette before adding details.

Try it: Make a small heart using one red or pink shade.

02

Choose a canvas size

Small canvases encourage simple shapes, while larger canvases give you room for details. The 16 × 16 grid is a useful starting point for icons; 32 × 32 works well for more detailed objects.

Tip: Keep the shape readable when zoomed out.

03

Understand the silhouette

A silhouette is the outside shape of your subject. Fill it with one color first, then check whether you can tell what it is without any internal details.

Try it: Draw a tree using only its outline and trunk shape.

04

Use a limited palette

A small set of coordinated colors can make artwork feel consistent. Begin with one main color, one lighter color, one darker color, and a background color.

Tip: Add colors only when they serve a purpose.

05

Make light and shadow

Choose where the light comes from. Put lighter pixels on the lit side and darker pixels on the opposite side. Keep the direction consistent across the drawing.

Try it: Shade a round fruit with three tones.

06

Pick colors that work together

Colors with similar warmth often feel harmonious. For contrast, pair a lighter color with a darker one, and avoid using several nearly identical shades unless you need a subtle transition.

07

Draw clean outlines

Outlines help separate an object from its background. Use a dark color that fits your palette rather than assuming pure black is always necessary.

Tip: Zoom out often to check whether the outline looks even.

08

Create smooth pixel curves

Pixel curves are made from stair-step patterns. Keep the steps intentional and avoid sudden changes in step length unless you want a jagged effect.

Try it: Draw a circle using short, balanced steps.

09

Use the pen tool

The pen tool colors individual pixels or lets you drag to draw a line of pixels. Select a color first, then build your drawing in small, controlled strokes.

10

Fix mistakes with the eraser

Select the eraser to return pixels to the white canvas color. For larger changes, use Undo to restore the previous state instead of redrawing everything.

11

Fill large areas quickly

The fill tool colors a connected region that shares the same color. It works best when the region is enclosed by pixels of another color.

Tip: If too much fills, undo and check for a gap in the boundary.

12

Draw symmetrical designs

Mirror mode repeats your drawing on the opposite side of the canvas. It is handy for faces, butterflies, badges, and other balanced designs.

Try it: Turn on Mirror mode and draw a simple mask.

13

Plan before adding details

Work from large shapes to small details: silhouette first, main colors second, shading third, and tiny highlights last. This makes it easier to spot proportion problems early.

14

Draw a simple character

Use a clear head shape, a compact body, and a few distinctive features. On a small grid, exaggerating one or two features can make the character easier to recognize.

Try it: Make a character with two eyes and one signature accessory.

15

Make cute pixel food

Food icons are great practice because their shapes are familiar. Begin with a bold outline, fill the main area, and add just a few highlights or toppings.

Try it: Draw a strawberry, cupcake, or slice of toast.

16

Draw plants and trees

Build a plant from a few simple masses: leaves or canopy, stem or trunk, and a pot or ground. Use two or three greens to give leaves some depth.

17

Create a tiny landscape

Separate the scene into foreground, middle ground, and background. A sky, distant hills, and one foreground object can tell a story even on a small canvas.

Tip: Use different value ranges to separate layers.

18

Design a house or building

Start with a simple rectangle, then add a roof, door, and windows. Keep repeated features aligned to the pixel grid and use shading to suggest one side is in shadow.

19

Make water and reflections

Use short horizontal clusters for calm water. Reflections usually appear below the object and can be simplified or broken up rather than copied pixel for pixel.

20

Draw clouds and skies

Use grouped, stepped shapes for clouds and keep their edges irregular but intentional. A limited sky palette helps the cloud shape stand out.

21

Build texture with clusters

Pixel clusters are small groups of pixels that work together as a shape. Grouped pixels often read more clearly than isolated dots scattered across a surface.

Tip: Remove stray pixels that do not add texture or meaning.

22

Keep details readable

At low resolutions, every pixel matters. If a feature becomes confusing, simplify it or use a stronger contrast between it and the surrounding area.

23

Use the grid intentionally

The grid helps you align edges and repeat patterns. Turn it off occasionally to judge the artwork as a whole, then turn it back on for precise edits.

24

Undo and experiment

Experimenting is part of the process. Use Undo after a stroke or fill you do not like, and try another approach without worrying about getting every pixel right on the first attempt.

25

Save your favorite artwork

Use Save artwork to keep a creation in your browser's gallery. The gallery lets you load saved work again, export it, or delete it when you no longer need it.

Remember: Saved gallery items are stored in this browser on this device.

26

Export a PNG image

Export PNG creates an image file you can share or keep outside the studio. Give files clear names so you can find different versions of your artwork later.

27

Review your artwork at a glance

Look at the drawing at its normal display size and ask whether the subject is clear, the colors are distinct, and any details compete for attention. A short break can make issues easier to notice.

28

Try a matching icon set

Create several icons with the same canvas size, outline approach, and palette. Consistent rules make separate drawings feel like part of one collection.

29

Practice with a daily prompt

Choose one small subject each day, such as a key, mushroom, star, mug, or tiny animal. Limiting the subject makes it easier to finish and learn from each attempt.

30

Develop your own style

Notice which palettes, outlines, shapes, and levels of detail you enjoy using. Repeat the choices you like, but keep experimenting so your style can grow naturally.

32

Create a tiny cat

Build the head from a square shape, then add ears, eyes, and whiskers.

35

Design a butterfly

Use mirror mode for matching wings, then add two or three wing markings.

49

Make a shield emblem

Start with a simple shield outline and place one bold symbol inside.

🧰 Pixel-art techniques

Learn the methods artists use to make tiny images clear, polished, and full of character. Each practice prompt can also be used by a teacher as a class task.

T1

Pixel clusters

Group neighboring pixels into deliberate shapes instead of scattering single pixels everywhere. Build a clear large cluster first, then add smaller clusters for details.

Practice: Draw an apple using a few connected color clusters.

T2

Dithering

Dithering alternates two colors in a pattern to suggest a middle tone or texture. Keep the pattern intentional; too much can make a small image noisy.

Practice: Use a checkerboard pattern to blend a shadow into a mid-tone.

T3

Color ramps

A color ramp is a small sequence of shades that move from light to dark. Change brightness clearly between steps, and keep the hues harmonious.

Practice: Shade a gem with three or four related colors.

T4

Selective outlining

Not every edge needs the same dark outline. Use stronger outlines in shadow and softer or lighter edges where the light hits to help the object feel less flat.

Practice: Draw a small leaf with a darker lower edge and a lighter upper edge.

T5

Anti-aliasing

Use a small number of intermediate-color pixels along a jagged edge to make it appear smoother. In pixel art, keep these transition pixels sparse so the style stays crisp.

Practice: Compare a stair-step curve before and after adding a few transition pixels.

T6

Silhouette and readability

A strong silhouette is recognizable even without internal details. Test it by filling the subject with one color and checking whether its outline communicates the idea.

Practice: Make a tiny creature recognizable using only its outer shape.

T7

Lighting consistency

Choose one light direction and use it consistently on every part of the object. Highlights face the light; cast shadows fall away from it.

Practice: Shade a box and a sphere with the same light coming from the top-left.

T8

Texture with restraint

Use repeated marks to suggest wood, stone, fur, or grass. Keep texture secondary to the silhouette and main lighting so it does not overwhelm the image.

Practice: Make a tiny wooden crate with a few repeating grain pixels.

T9

Pixel animation basics

Animation works by showing a sequence of frames. Change only a few pixels between frames to make a bounce, blink, or walking cycle feel controlled.

Practice: Plan three frames for a bouncing ball on paper before drawing them.

T10

Palette contrast

Two colors can be different in hue but too similar in brightness to separate clearly. Check value contrast so important shapes remain readable.

Practice: Draw a small icon and test it against both a light and a dark background.