You can play Dungeons & Dragons and Pathfinder battles on a sketch, playing on a colorful, printed map raises your game’s visual appeal.
Many of the artists who draw maps for adventures sell downloadable images of those maps. But these computer graphics never come scaled so that they print with a 1-inch grid sized for miniatures. Even when you solve the scaling, the images can’t fit on a single page from your printer.
Purpose
This post gives procedures for scaling graphic map files so they appear with a 1-inch grid, and then printing the map tiled onto multiple pages.
Contents
This post includes the following sub-procedures:
- Opening the map graphic
- Measuring the dots-per-square on a map image
- Scaling the map image
- Cropping the map image
- Adding a grid to a map image
- Saving the map image
- Splitting a graphic file too big for a single page into multiple, tiled pages
Before you begin
You must have the free programs GIMP and PosteRazor installed on your PC.
GIMP provides an image editor similar to Adobe Photoshop.
PosteRazor splits graphic files too big for a single page into multiple, printable pages, which you can assemble into a poster-sized map.
Opening the map graphic
To open your map graphic in GIMP, do the following:
1 | Click File > Open. |
2 | In the Open Image dialog box, select the graphic file that will become the backdrop for your battle map, and then click Open. |
Scaling an image to print
Battle maps in Dungeons & Dragons and Pathfinder feature a grid of 1-inch squares. To print your map image so each square spans 1-inch, adjust its scale so the image’s dots-per-inch matches its number of dots-per-square.
Start by measuring how many dots now span a square on your map.
Note: If your map image lacks a grid, I’ll explain how to add one in Adding a grid to a map image. For now, this procedure refers to 5-foot plots on your map as squares, even if the lines don’t appear yet.
Measuring the dots-per-square on a map image
To measure the dots-per-square on a map image, do the following:
1 | Find two landmarks or marks on the map where you know the distance separating them.
|
||||||||||
2 | Click Tools > Measure. | ||||||||||
3 | Measure the shortest line between your landmarks.
Click one landmark, press and hold the right mouse button, and then drag to the second landmark. As you drag, the angle of your line appears at the bottom of the window. When you measure a vertical or horizontal separation, drag a 0° or 90° line. Release the mouse button. Result: The distance in pixels appears at the bottom of the window. |
||||||||||
4 | Calculate the width of a square in pixels.
|
Scaling the map image
Once you know the number of dots per square on your map image, scale the image so its dots-per-inch and matches its dots-per-square.
To scale the image, do the following steps:
1 | Divide 10000 by the number of dots per square.
Result: This gives the percent scaling needed to make each square 100 pixels wide. |
2 | Click Image > Scale Image. |
3 | In the Scale Image dialog box, set these controls:
|
4 | Click Scale. |
Result: The image scales so each square becomes 100 pixels wide.
Cropping the map image
Most graphics suitable for battle maps include border areas that you don’t need to print. Remove these unnecessary areas by cropping.
To crop a map graphic, do the following:
1 | Click Tools > Transform Tools > Crop. |
2 | Point the cursor to the upper-right corner of part of the image you want in your map, press and hold the right mouse button, drag the pointer to the lower-left corner of your map, and then release the mouse button.
Result: A rectangle highlights the part of the image that will remain after the crop. |
3 | If you want to adjust the size of the rectangle, point inside its corners or edges, press and hold the right mouse button, and then drag the edge or corner to its new size. |
4 | Double click the rectangle. |
Result: GIMP trims the image to the rectangle.
If your image already includes a grid, skip the next procedure for adding a grid.
Adding a grid to a map image
If your map image lacks a grid, you can add one.
To add a grid, do the following:
1 | If you want your grid to align with a vertical feature such as a wall, measure the distance from left edge of the graphic to the wall.
Click Tools > Measure. Click on the left edge of the graphic, press and hold the right mouse button, and then drag to wall. As you drag, the angle of your line appears at the bottom of the window. Drag a 90° line. Result: The distance in pixels from the top of the graphic to the wall appears at the bottom of the window. |
|
2 | Calculate the vertical offset by noting just the 10s digit and the 1s digit measured in step 1.
Example: If you measured 123 pixels between the edge of the graphic and a vertical wall, then the vertical offset is 23 pixels. |
|
3 | If you want your grid to align with a horizontal feature, repeat steps 1 and 2 to calculate a horizontal offset, but now measure a 0° line from the top of the graphic to the feature. | |
4 | Click Filters > Render > Pattern > Grid. | |
5 | In the Grid dialog box, set these controls:
|
Result: A grid appears over the map image.
Saving the map image
To save the map image, do the following:
1 | Click File > Export As. |
2 | Select JPEG image from the drop-down menu. |
3 | Enter a file name that ends with the .jpg extension. |
4 | Click Export. |
Splitting a graphic file too big for a single page into multiple, tiled pages
Most battle maps won’t fit a single sheet of paper. To print a larger map, you must split it into tiles that can print on separate pages.
To split a graphic file into multiple, tiled pages, run Posterazor and do the following:
1 | Open a map image by clicking the open folder icon beside the Input image field, selecting the image file, and then clicking Open. |
2 | Make the following settings:
Click Next. |
3 | Choose the amount of overlap where two edges of one tile repeat on the next page. Choose from two settings:
Click Next. |
4 | Set a Size in percent of 100, and then click Next.
Hint: Posterazor shows a preview of the graphic with the overlap areas marked in red. Count the number of pages shown in the preview image, and then back up to step 2. Switch the page orientation to Landscape, and then advance back through the procedure. Use whichever page orientation uses the fewest pages. |
5 | Click the disk icon under Save the Poster, and then select a filename and location for a PDF version of the map.
Result: Posterazor saves a multi-page PDF version of your map that you can print. |
6 | Print the map from your PC’s PDF viewer. |
7 | Cut the 0.3-inch unprinted edges from your pages and tape them together into a map. |
Related
Mike Schley sells his map graphics for many of the current Dungeons & Dragons adventures.
Jarod Blando sells his maps for Out of the Abyss.
NewbieDM explains how to scale maps using PhotoShop.