Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate
Tutorials

Six steps to a primitive tile-set

yd
Friday, April 19, 2013 - 17:35
yd's picture

Inspired by http://opengameart.org/content/seamless-tileset-template I created two stencils. They can be used to create simple tilesets as described below.

Step 1.

Open the template. It has two stencils and a water layer as the "base" layer -- the lowest layer. You should change it to your own. For example if you want to create the transition from grass to dirt, the base layer should be "dirt".

Step 2.

Make the layer with a larger (white) stencil active and select everything non-transparent. This way we will limit the area which we are going to fill with the transition color/texture.

After the non-transparent  area of the larger stencil is selected, create a "transition" layer right above it and fill it with the appropriate color.

Step 3.

Do the same for the top layer. Select the layer with smaller (black) stencil. Limit selection to everything non-transparent.

Step 4.

Create the top layer and fill it with the color of your liking. Now you will have three layers: base-->transition-->top.

Step 5.

Create color variation by adding some noise to each layer. You can play with the color/hue/brightness-contrast./color curves etc. adjusting the final result.

Step 6.

Save the copy of the image as PNG and open it in Tiled map editor to try.

Attachments: 
Preview
ST1.jpg ST1.jpg 128.6 Kb [17 download(s)]
Preview
ST2.jpg ST2.jpg 113.4 Kb [154 download(s)]
Preview
ST3.jpg ST3.jpg 70.5 Kb [162 download(s)]
Preview
ST4.jpg ST4.jpg 111 Kb [119 download(s)]
Preview
ST5.jpg ST5.jpg 42.1 Kb [426 download(s)]
Preview
ST6.jpg ST6.jpg 66.2 Kb [325 download(s)]
  • Log in or register to post comments
CruzR
joined 14 years 4 months ago
Saturday, April 20, 2013 - 05:33
CruzR's picture

I've edited your post to fix the formatting a bit.

  • Log in or register to post comments
yd
joined 13 years 10 months ago
Saturday, April 20, 2013 - 06:52
yd's picture

Thank you, CruzR.

 

  • Log in or register to post comments