Farm lesson 17: fence with a gate

The fence along the front of the farm, with a gap for the path. Posts and two rails, repeated.

This sprite is wide. It's easier to draw on a computer, or with your phone turned sideways.

Step 1

Colors for this step
Tools
Guide

Show the finished step

Step by step

Step 1: Lines

The fence with a gate after the step "lines"

The posts and the rails.

Step 2: Colors

The fence with a gate after the step "colors"

The wood brown.

Step 3: Shading

The fence with a gate after the step "shading"

The darker wood under the rails and on the posts.

Step 4: Light

The fence with a gate after the step "light"

The lit top of the rails.

Step 5: Outline colors

The fence with a gate after the step "outline colors"

The dark wood outline.

Step 6: Finishing touches

The fence with a gate after the step "finishing touches"

The light on top of the rails broken into short runs by hand: the gaps gather in the right half of each board, away from the light, and every board has its own pattern.

Why it looks this way

A lit edge is never one flat line. It changes with the light and with the wear of the wood.

The colors

6 colors, dark to light. Pick them with the eyedropper in the trainer, or type the codes into your editor.

  • #222034
  • #522915
  • #7f3821
  • #92482c
  • #9e593f
  • #b4704f

Where it goes in the farm

The farm is 208 by 168 pixels. These are the top left corners of the sprite:

  • Fence: x 0, y 153

Get the whole farm, free

This sprite and all the others, with their shadows, the layered .aseprite file and the palette. Free for your games. I'll email you the link.

After that, a short pixel art lesson from me every few days. You can stop them with one click.

Before you go

Take the whole farm with you

Every sprite of this farm with its shadow, the layered .aseprite file and the palette. Free for your games.

After that, a short pixel art lesson from me every few days. You can stop them with one click.