PIXAMBAS
FREE PRACTICAL COURSE

2D Pixel Art Tilesets and Level Art Course

Create floors, walls, platforms and decorations that fit a common grid. Learn seamless textures, transitions and lightweight variations, then export assets for a 2D game level.

6 modules · Pixambas · 2026

What you will learn

  • Define a grid for your scene
  • Create materials with limited colors
  • Make repeating textures seamless
  • Design edges and transitions
What you need

Pixambas Pixel Studio and a modern browser; no account is required.

Build on the beginner lessons through real exercises and checks inside Pixambas. Open Pixel Studio →

My progress

Your course progress stays in this browser.

1 / 6FREE PRACTICAL COURSE

Define a grid for your scene

A tile is a fixed-size image block used to build a level. Choose 16×16 or 32×32 based on your game; inconsistent cell sizes make level assembly harder. Plan floors, walls and props as separate categories.

Steps

  1. Create a 16×16 or 32×32 grid.
  2. Draw one ground block and one wall block using shared colors.
  3. Place both side by side to check their alignment.

Worked example

Four 16×16 cells in a 2×2 arrangement fill a 32×32 image.

Practice

Make two tiles that align on a common grid.

Watch out for: Common mistake: choosing each tile size after drawing it.

2 / 6FREE PRACTICAL COURSE

Create materials with limited colors

Textures do not need to depict every stone or leaf. Use groups of color, controlled contrast and consistent lighting to suggest each material. Too many colors can make a level visually incoherent.

Steps

  1. Choose five related colors for dirt and grass.
  2. Reserve the darkest tone for gaps and depth.
  3. Test the tiles at native size on different backgrounds.

Worked example

Small clusters can suggest grass without decorating every single pixel.

Practice

Create coherent dirt and grass tiles.

Watch out for: Common mistake: shadows pointing in a different direction on each block.

3 / 6FREE PRACTICAL COURSE

Make repeating textures seamless

Opposite edges of a repeated tile must continue the pattern. Test a tile with copies above, below and on each side. Fix visible seams before adding detail.

Steps

  1. Draw a simple repeating ground texture.
  2. Repeat it in a 3×3 grid and inspect the joins.
  3. Adjust edge pixels until abrupt cuts disappear.

Worked example

A dark stripe ending abruptly at the right edge will form a noticeable seam.

Practice

Finish a floor pattern without distracting seams in a 3×3 test.

Watch out for: Common mistake: examining each tile alone, not as a repeating surface.

4 / 6FREE PRACTICAL COURSE

Design edges and transitions

Transition tiles connect materials such as grass and dirt. Begin with a top edge and a side edge, then draw inside and outside corners. You do not need a complete autotiling system for every game.

Steps

  1. Draw the base dirt tile.
  2. Add a grassy top edge and one corner.
  3. Put four tiles together to test continuity.

Worked example

An outside corner should follow the same grass depth as its adjacent straight edges.

Practice

Create a small terrain transition with at least one corner.

Watch out for: Common mistake: drawing attractive corners that cannot join the straight edges.

5 / 6FREE PRACTICAL COURSE

Add variations without visual noise

Stones, flowers and tiny marks can break mechanical repetition. But too much decoration can obscure gameplay. Create a neutral base and two variants, each with identical cell dimensions.

Steps

  1. Duplicate the base tile and add a small stone.
  2. Make another variant with sprouts or a mark.
  3. Arrange the variants across a 6×4-tile patch.

Worked example

Use many neutral cells and fewer decorated cells to preserve clarity.

Practice

Compose a 24-cell ground patch and review visual balance.

Watch out for: Common mistake: making every tile the most visually contrasting one.

6 / 6FREE PRACTICAL COURSE

Export and test the level

A tileset sheet arranges blocks into a single image. Keep regular cells so the game engine can slice them accurately. The game engine assembles the level; Pixambas exports PNG images for manual import.

Steps

  1. Place tiles in neat rows and columns.
  2. Export a transparent PNG without accidentally rescaling the art.
  3. Import it into your engine tile editor and test the edges.

Worked example

Four columns of 16-pixel tiles make an image 64 pixels wide.

Practice

Export the sheet and assemble a small scene with ground and a wall.

Watch out for: Common mistake: inconsistent spacing between cells.

Final project

Combine your work from all six lessons. Export a PNG plus an editable project backup. Review the result at native size and write down one improvement for your next version.

Open Pixel Studio →

Check your learning

1. What defines a tile?

2. How do you test seamless edges?

3. Why create edge tiles?

4. What can excessive decoration cause?

5. What matters for an exportable tileset?

Your best result appears after the first attempt.

Import resources

Godot documentation · Unity documentation

Projects saved in this browser are not synced between devices. Export a backup.