Creating Fantasy City Maps for Roleplaying Games With GIMP 2.8

Updated on March 29, 2017
Frost Birch profile image

I've been drawing maps for D&D since first playing the game in '78. Playing online requires digital maps, so I taught myself using GIMP 2.8.

Source

Creating a Map from Scratch

I've been making maps for awhile, and when I find a tool to help me, I usually take advantage of it. Lately, I've been learning the in's and out's of GIMP 2.8 for creating fantasy world maps of the photo-realistic type ( see my other hubs for more info). Now I am creating a town map.

The most difficult part of the map making process is coming up with an idea. What does the town or city look like? Where are the buildings? Is there a wall or a river? You know what I mean?

Well, I found a solution.

Screenshot: Roleplaying City Map Generator
Screenshot: Roleplaying City Map Generator | Source

It's All in Using the Right Tools

I found something to make my map making way easier. It takes all the stress, or at least most of it, away. It's a free little utility called Roleplaying City Map Generator. The utility is no longer supported but can be found at this site as is. Follow all precautions when downloading and installing software.

You can make so many different types of map ideas. I say map ideas because this utility makes outlines for you to use and expand on. I usually go through many, many variations before one clicks, and I take it to GIMP to finish it off. There is no way for me to suggest anything but try it out and see what jumps at you.

Setting up GIMP for Your Town File

To export your generated city map, click on the option on the map screen itself. It brings up a dialog box with some options. As I usually make my GIMP screen workspace to be 900x900, I chose the image size to save as 800x800 pixels and in 1x1 sections, so you only have to deal with the one image file. Make sure you turn off all labeling and keep the default colors. Then hit create and save to a place where you can find it to import in GIMP.

  • Open GIMP and make a New layer 900x900 with 600 dpi resolution and a transparent background. Fill this layer with white.
  • Go File-Open as Layers... to open your city map file.
  • Next scale the image with Layer-Scale Layer... and set to 900x900 or whatever default layer size you are using.
  • Now using the Select by Color Tool, we make new layers for each of the colors on the map. Water, Walls, Towers, Roads, and Buildings.
  • You should end this step having seven layers. Background, walls, towers, Water, Roads, and Buildings as well as the imported map layer (which we do not use again).

Source

Working on the Layers.

Each of the layers we've made so far are base layers. Do not alter a Base layer. Make a duplicate of the layer you wish to work on and edit that one. Save the base layer for when you decide to make changes or start afresh.

  • Make a duplicate of the Building base layer. Edit the buildings as you need to.
  • Select by color and click on the black of one of the buildings.
  • I chose grey as a roof color but you can choose whatever you wish. Use the bucket fill and fill the layer.
  • Apply a filter. Filters-Decor_Add Bevel... Set thickness to maximum (30) and uncheck the check boxes. Select OK.
  • Next adjust the colors. Colors-Brightness-Contrast... Slide the Contrast up until you like what you see.
  • Add a drop shadow. Filters-Light and Shadows-Drop Shadow... Set Opacity to 100. Select OK and then redo the drop shadow. Merge the two resulting layers into one darker drop shadow layer.

That's it for the buildings layer.

Building Roads

Make a copy of the roads base layer. Edit any changes before working on the layer. It 's much easier to edit the roads while they are white.

  • Add a new layer. Name it roads background.
  • Add a texture to that layer for gravel.
  • Add a bevel to the roads... set to 5


Source

Building Backgrounds

This is where the artist in you has a chance to shine. Making a background depends on the geography of the area you town or city is set in.

  • I set a base background color of grey and rendered so difference clouds over the layer.
  • I colorized the layer to a light tan.
  • Pick a very random brush like Grass or Smoke or Sponge set to very large I washed in contours with light and dark washes. You can find many different instructions online for how to achieve the background you'd like.
  • Once you achieve the background you like select the water layer.
  • Select by color and click the non-water area.
  • Now make the background layer active again so you see the non-water area is selected.
  • Now bevel the land around the water. Filters-Decor-Add Bevel... thickness set to 20.
  • You can go over the layer again with light and dark touch-ups along the waters edge.

Sometimes it is easier to create the background if you toggle off and on the other layers while you are working.

Raising the Walls

You can go simple or complex with the wall around the town. If it is a city wall, I would make it elaborate with crenelations and such but with a town I simply outline the wall with black and then use a drop shadow.

  • On a copy of the wall layer, select the walls.
  • Outline the wall by Select- Grow... grow selection by 1
  • Use the bucket tool to fill the wall sections with black.
  • Bring the selection back to wall thickness, Select-Shrink... shrink by 1.
  • Fill the wall selections now with the original wall color.
  • Lastly, add the double drop shadow.


What Parts of Maps Give You Trouble?

See results
Source

Building Towers

Towers, like the walls, can be made simple or complex. I am building a town with simple walls and simple towers.

  • Select the towers.
  • As with the walls. Outline the Towers in black.
  • Fill the tower selection with a metallic gradient.
  • Use the Decor-Add Bevel a couple of times. ( thickness at 30)
  • Finally add a Drop Shadow (with X&Y offset of 6.)

Final Results

Source

Finals results and touch-ups. To finish this map off I added trees and farms. I also added a castle, a church and a wizard's tower.

As I was building the map I started building the story of the town. Walking the streets I noted which buildings were the blacksmith's shop and the local watering hole, The east gate will be called either the Wizard's Gate or the Hanging Tree Gate. The west gate will be the Forest Gate.

What kind of story do you hear when creating your town?

Please Comment if You Like and Want More.

    0 of 8192 characters used
    Post Comment

    • Frost Birch profile imageAUTHOR

      Frost Birch 

      19 months ago from Canada

      Creating maps is a hobby. Some maps are quick and functional others are a work of art. It depends on what you need at the moment.

      Creating a cross stitch is an awesome way to make a permanent map and a wonderful way of combining hobbies.

    • Porshadoxus profile image

      Porshadoxus 

      19 months ago from the straight and narrow way

      Back in the 90s I used Campaign Cartographer, with mixed results. Finding a suitable printer for maps was difficult with that program. I've not tried any of the GIMP mappers.

      Nowadays, I pencil sketch coastlines on plain white paper, photocopy before adding details, then play around with land features until I get what I like.

      I'm also cross-stitching a 36" x 24" map on pre-manufactured cross-stitching cloth with the 'oatmeal' background style. The 'oatmeal' style gives the map the look of very old parchment. It's a long project being that large, but it's also cathartic on stressful days when work or writing doesn't go so well.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hobbylark.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hobbylark.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)