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
This step also removes a few pixels. Use the eraser where the guide fades a pixel out.
Show the finished step
You did it!
Done! This is the fence with a gate exactly as it is in the farm.
Step by step
Step 1: Lines
The posts and the rails.
Step 2: Colors
The wood brown.
Step 3: Shading
The darker wood under the rails and on the posts.
Step 4: Light
The lit top of the rails.
Step 5: Outline colors
The dark wood outline.
Step 6: 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
Want the whole scene in layers? Download the farm as an .aseprite file, every sprite and its shadow in its own folder.