Thursday, November 21, 2013

How to - Dungeon Tiles: Part 1 (Floor Images)

This first step goes over how I create the splash images for the floor of my Dungeon Tiles. Keep in mind, this is the floor of a dungeon (haha!) - so your image shouldn't be too complex or too colorful; it also needs to be flat (2-dimensional). You might get lucky and find an image that is already perfectly suitable, but chances are you'll need to doctor up the initial image a bit. There are plenty of ways to get this done - here is mine:

1) Find your image; I'll start with this one (used without permission):

2) Crop out the part you want and open the cropped image with Inkscape (see The Tools below).


3) Zoom in and then 'Select' your image. Then open the "Path > Trace Bitmap" window, update and hit OK.

4) Delete the original image from behind the new bitmap, the result should look like this:

5) Save the new bitmap image, "File > Export Bitmap"; be sure to increase the size to at least 300px and give the file a name.

Now you have a basic, 2-dimensional image to work from. Later you can add more color if you want but this is a good starting point.

I still need to go over making the basic tile, adding shadows to the tile, and finally adding your new splash image to the tile and fitting it to the floor. Most of this stuff you folks have probably already figured out and have even better methods but this is for those that don't. Stay tuned for more!

The Tools (all free/open-source):
Pyromancers Dungeon Painter
Gimp
Inkscape

Coming Soon - Part 2 (creating the basic tile)

No comments:

Post a Comment