Tag Archives: DriveThruRPG

Creating Map Packs For Free

Mythic Maps Offerings

Desktop Publishing can be a bit intimidating when you are first starting out.  There’s quite a lot to learn and the initial investment for the industry standard publishing software can definitely set you back a bit.  Well here’s a bit of good news for those contemplating whether or not to take the plunge. There are a host of free and open source programs out there that can allow you to get the job done without having to pay a cent.  This post offers a walk-through on how to create map-packs like the one’s I’m selling over at DriveThruRpg with free and freeware software.  Allow me to say up front that this walk-through owes much to Jonathan Roberts tutorial over at Fantastic Maps.  Jonathan’s tutorial however utilizes Acrobat Pro.  For those of you who already own this software I’d direct you to his tutorial.  For those that don’t and want to save a buck, feel free to read on.

What You’ll Need

  • A graphics program (more on this below);
  • Scribus – a freely distributed desktop publishing program;
  • PosteRazor – a free program that slices images into segments for poster printout;
  • SmallPdf – a free online pdf editor.

Step 1: Create the Graphics

There are a host of free and open source graphics programs available for creating the maps and graphic images you’ll need for the map pack.  GIMP is a good raster program that can serve as an alternative to Photoshop.  If you want to do a lot of line work, Inkscape is a vector program that can substitute for Illustrator.  If you are interested in a paint program, MyPaint and Krita are both great options.  Note: I won’t cover the “how” part of creating maps in this post (though you can find some of my map creation walkthroughs here), but rather going over the steps I take in compiling a map-pack.

  1. I begin by creating a document in my graphics program set to 2550×3508 px and (300dpi). This will be large enough for me to crop the image to either a U.S. letter page format, or an A4 format.
  2. I then create a colored map complete with labels but save four version of this map: the colored and labeled version; a colored non-labeled version; a B&W labeled version; a B&W non-labeled version.
  3. I create the other graphics used in the map pack, including the publishers logo, the product-line logo, the front page, an interior “credits” page, and a back page which advertises other products I’m selling.

Step 2: Creating the Poster Segments

The pdfs that I sell contain both a single page version of the map, as well as a poster version that is sliced up onto 4 pages which can be printed out and assembled into the poster (I also offer full res .jpgs for those who’d like to have the image printed professionally).  I use PosteRazor to create the map segments of the four versions of my map.  Here’s how:

  1. Open PosteRazor and upload one of the map images, click “next”;
  2. Choose the paper format and border size (I set this to .1), click “next”:
  3. Choose the size that the pages overlap (I set this to 1/2 inch or 2.54 cm), click “next”;
  4. Choose image size and alignment (I set the width to 2 pages centered), click “next”;
  5. Save the file to the appropriate folder.

Step 3: Converting the PDF Map Segments to JPGs

PosteRazor only outputs PDFs, but we need the images in another format to be able to work with them in Scribus.  For this we’ll need a PDF editor.  While there are many good free PDF editors to choose from, I’m partial to SmallPDF.  It’s got lots of options, it’s user friendly, and it’s absolutely free.  Here’s how to use it to turn the PDFs into .jpgs:

  1. Navigate to the SmallPDF website and click on the “PDF to JPG” link;
  2. Drag and drop the map segment file into the upload window;
  3. Select the “Extract Single Images” option;
  4. Download and extract the .jpgs to the appropriate folder.

Step 4: Setting up the PDF document in Scribus

I use the following layout for my pdfs:

  • Cover Page – offers a preview of the map, the name of the product and product line, and has my publisher’s logo on it.
  • Credits Page – contains the (private use) map license, publisher info, credits, and an explanation of the product and how to use it.
  • Single Pages – of the four versions of the map;
  • Poster Pages – containing the 4 segments (one per page) of the four versions of the poster map segments;
  • Back Page – advertises other products I’m selling.

Although I used Scribus to format the credits and back page, I should warn you that there is a steep learning curb for this program.  If you are new to it, I’d recommend creating these pages in your graphics program of choice and just using Scribus to compile them into a PDF document.  Here is how to do so:

  1. Create document – fire up Scribus and select the default single page option, your paper size, and the number of pages you’ll need for the document (if you’re not sure, just pick a number, you can always add or subtract pages later on).  Click “OK”.
  2. Create Layer Stack – Scribus works with layers much the way that a graphics program does.  This allows you to keep the text, image and background layers all separate from each other.  You’ll need to set this up before you add any content.
    1. On the top-hand menu click on the “Window”s tab and on the drop-down menu select “Layers”.
    2. In the Layers window click on the + button to add a new layer and title it “Images”  Also, create a new layer called “Bookmarks”.
  3. Insert images:
    1. Making sure that you are working on the image layer, click on the “Insert” tab on the top menu and select “Insert Image Frame” (or just use the Insert Image Frame tool located toward the center left of the top-hand toolbar).
    2. Left-click anywhere in the image and drag the mouse toward the bottom right of the page.  You should see a red box with a black cross through it.  This is the image frame and you use it to load images.  However the image will only extend the length and width of the frame.  We want this to cover the entire page so we’ll need to re-size the frame to accommodate this.
    3. To change the position of the frame, open the Properties Manager (go to “Windows” and on the drop down menu select “Properties”.  The properties window has several tabs.  Click on the “X,Y,Z” tab at the top.  Set the X-Pos and Y-Pos both to 0.  In the width field type in the word “pagewidth”, and in the height field type in “pageheight” and hit enter.   The frame should now cover the entire page.
    4. To upload an image double-click inside the Image Frame (this will pull up your files and you can navigate to the image you want).
    5. Repeat this process for each page, adding your cover page, credits page, map images and back page (should you include one).  If you need to add or subtract pages, you can do so by going to the “Page” tab of the top menu and clicking on “Insert” or “Delete”.
  4. Add Bookmarks: DriveThruRPG recommends doing this for all ebooks.  This is a bit of an awkward procedure in Scribus because it turns out you can only add bookmarks to text frames, which is… weird.  So then if you are only working with image frames how do you add bookmarks?  The answer is, you can’t (as far as I know anyway). You have to create a text-frame for each page that you want a bookmark.  So let’s go ahead and talk about how to do this.
    1. Go to the “Windows” tab and click on “Bookmarks” to bring of the bookmark palette.  This will give you a preview of how your bookmarks will be arranged.
    2. Next, click on the “Bookmarks” layer in your Layer’s dialogue to ensure that we are working on the correct layer.
    3. Now we are going to type in text using the “Insert Text Frame” in the drop-down menu of the “Insert” tab.  Double click on this frame and then type in the name of the page as you would like it to appear in the bookmarks.
    4. Next, right click on this text box and in the drop-down menu that appears, navigate to “PDF Options” and click on “Is PDF Bookmark”.  The bookmark should now show up in the Boomarks dialogue.  Repeat this process for each new page that you wish to book-mark.
    5. Now we are presented with a problem.  The bookmarked text is obscuring our pretty images.  As a possible solution I tried setting the opacity of the Text to “0”, but when I created the pdf the text still showed up in white.  So then I tried something else.  I simply moved the “Bookmarks” layer down a level (using the green down arrow on the Layers dialogue) below the image layer where the text would be well hidden.  That did the trick.
  5. Export File as PDF: now that the ebook is assembled we want to save it as a pdf suitable for viewing on a monitor.  DriveThruRPG has certain specifications that they require publishers to adhere to so I’ll include these below.
    1. To save the file as a pdf, click on the “Save as PDF” tool in the toolbox at the top of the page (this tool looks like the PDF symbol).  This will bring up a new window.  In the “Output to File” field enter the name of the document (if you already have a high res version of the document make sure to rename this one something else so as not to overwrite it);
    2. Under the “General” tab make sure that “Comparability” is set to PDF 1.5 (Acrobat 6), that “Compression Method” is set to Automatic, that “Compression Quality” is set to High,  that “Maximum Image Resolution” is set to 150,  and that the “Include Bookmarks” box is checked;
    3. Under the “Fonts” tab click the “Embed All” button;
    4. Under the “Viewer” tab, make sure that the “Single Page” ratio box under Document Layout and the “Use Viewer Defaults” box under Visual Appearance are both checked;
    5. Under the “Security” tab, leave everything blank;
    6. Under the “Color” tab make sure that the “Output Intended For” drop-down menu is set to Screen/Web.
    7. Under the “Pre-Press” tab, make sure that the document bleed is set to 0.
    8. Finally, click save to export the PDF.

Step 5: Optimizing the PDF

DriveThruRPG requires that all pdf ebooks be optimized for web and device viewing. Optimization compresses and dramatically reduces the pdf file size.  This can be done with SmallPDF.  Navigate to their website and click on the “Compress PDF” link.  Drag and drop your PDF file into the upload window.  Once the compression is done, download and unzip your optimized PDF file.

That’s it, you’re all done!  Hope this was helpful.