Creating Realistic River on Fantasy Maps in GIMP 2.8

Updated on April 9, 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.

River Run Deep

Rivers Run Deep
Rivers Run Deep | Source

Rivers Run Deep

I started creating fantasy maps for my Dungeons and Dragons campaign by hand many years ago, before computers made it into the home. It was easy to draw rivers with pen and ink and the maps held as much detail as one took the time to put in them. We soon learned less is more in most cases.

Today with modern computer tools I started making maps again, for my online Dungeons and Dragons campaign. Who knew? Making maps for online requires a different set of tools, if you want the detail beyond the pen and paper variety. But creating rivers elluded me. Until I found the secret.

Creating realistic rivers is a chore if you don't have the right tools. Learning how to use those tools is the important part. Using a pressure sensitive drawing tablet is an easy fix to this problem but I don't have one. I found a solution. I will be using GIMP 2.8 for this tutorial because it is easy to learn and free to download, so anyone can follow along.

Step One: Land and Sea

Step One:
Step One: | Source

Step One: Creating a Land and Water Layers

We'll start this tutorial with the land and water layers already made. If you don't know how to do then check out my other hubs on creating Fantasy maps. This tutorial is strictly on creating rivers.

Create three layers. One for Water, one Land and the last for a Texture layer. Use the filters and gradients to create the contours of the land so you can have a reference to draw your rivers.

Open a new layer on top of them all. This will be the layer you draw your rivers on.


Step Two: Using Paths to Create Rivers.

Step Two: Creating a Path
Step Two: Creating a Path | Source

Step Two: Creating A Path For Rivers

Using the Path tool to create your rivers is better than the paintbrush or the Free Select tool because you can take your time drawing and you can edit the path after the fact if you don't like the result without having to go back to start.

Once you use the path tool to draw a line following the contours like a real river would we can fill in the path with color. Always draw from the mouth of the river to its source.

  • Click on the Paintbrush and use the Tool Options menu to set the values like the following.
  • Set the brush size to what you would if you were drawing a river with the brush.
  • Set the Brush Dynamics to Fade Tapering then click on Dynamic Options.
  • Check the Reverse check box. This sets the taper of the river from wide to small.
  • The last thing to change is the fade length. This you'll have to adjust each time depending on the length of the river you have drawn. It is measured in pixels and I set it to about double the length you think the river is.

Once the Tool Options are set you choose the brush color as normal then under the Edit Menu choose Stroke Path. This brings up a Stroke Path selection box.

  • Choose the Stroke with a paint tool
  • Select the Paintbrush as the paint tool
  • Check the box Emulate brush dynamics.

Now you can click on Stroke and it will fill in the path.


What Is The Greatest Challenge ...

With Drawing Digital Maps

See results

Step Three: Dealing With Tributaries

Adding the tributaries
Adding the tributaries | Source

Step Three: Adding Tributaries

Each river has to be added with a new path, as do the tributaries. Things to watch out for is the terrain dictates the river's width as well as direction. Adding a tributary along the length poses some challenges. You have to estimate the width of the starting point so it matches the point of entry. Remember that the river downstream is now carrying the water from both the river and tributary so the tributary can't be wider that the river.


Step Four: Rivers Run Deep

Step Four: Rivers Run Deep
Step Four: Rivers Run Deep | Source

Step Four: Adding Depth To The Rivers

Once you have all the rivers and tributaries drawn, you have to add depth to the land. This done by manipulating the layers.

  1. Move the Rivers layer above the water layer and then select the River layer and merge it down to the water layer.
  2. On the resulting water layer select by color the transparent background.
  3. Invert the selection.
  4. Work on the Land layer next ( with the water area selected)
  5. Use the filter Decor - Add Bevel... (set the thickness at match the scale of your map - for this map it was set to 15)
  6. Use the same filter again, if the effect is not as pronounced as you wish them to be.

Step Five: Finishing Touches

Now the map is done but for highlights. Use the techniques mentioned in previous tutorials to highlight and enhance the contours of the land. Other things to touch up are the junctions of the rivers. The colors may not match if you use gradients to color the water. I use the smudge tool to blend the junctions.

Source

Tell Me What You Like or Dislike About Map Making...

    0 of 8192 characters used
    Post Comment

    No comments yet.

    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, turbofuture.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://turbofuture.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)