grass.md

Easy Pixel-Art Grass in Aseprite

Tutorial by sudo whoami

1. Using a dark shade of green (or whatever color you like!) draw a small bunch of grass (keeping it within 16×16 is a good start)

2. Save it as a custom brush via Cmd+B or Ctrl+B
   • Set the bounding box to 2× the size of the sprite from step 1 (e.g. 32×32), keeping the sprite to one corner

3. Activate the spray can tool Shift+B and set its width and height properties to 2× the size of your sprite (e.g. 32×32)

4. Click (don't drag) a few times around the canvas to plant your base layer of grass

5. Click and drag on a range of colors in the color palette to select them

6. Click on the Ink button and select "Shading" mode

7. Click on the dropdown menu next to your shading colors and select "Reverse Shade" - you'll want the brightest color to come first

8. With the Spray Tool still active, click (don't drag) around the canvas to add some life to your patch of grass

What's next?

Get creative - Try weird colors and different brush patterns, or try starting with a bunch of flowers or small rocks! Have fun with it! 🎨