Jump to content


Mapmaking


  • Please log in to reply
15 replies to this topic

#1 NiceMarmot

NiceMarmot

  • Constellation Encyclopedia


    Posts: 1013
    Joined: 27-December 10
    Member: 14945
    Country: Califlin

Posted 30 December 2011 - 11:10 AM

I've been getting a bunch of questions recently about how to make maps similar to the ones I've been doing for the Kaliphlin Guild.  I've been writing answers in PMs, and felt I should probably share this information more broadly. Plus others can chip in too if they want.  I realize this is slightly off-topic, since it doesn't directly concern LEGO, but the maps seem to be a fairly key part of Historica now, and people may want to create fantasy (or historical) maps to build stories and context around their MOCs outside of Historica even. Mods, feel free to move the post if it doesn't belong here.

I am not writing a tutorial on how to use your image editing program; I assume you already know that, or at least can figure it out yourself. Note that these are not easy programs to learn or use. However they have a ton of capabilities, and if you want a cool map, well, you're going to have to get your hands dirty.

I imagine that I'll be editing this a bit, adding to it, and organizing it better, but here goes:

Googling & Links
Googling definitely helped me figure out a lot of the techniques. There is a ton of information on fantasy mapmaking and cartography online. There are also lots of example maps and images, which I found very helpful when trying to determine how I wanted a geographic feature to look. GIMP's online tutorials aren't bad, once you figure out what tool you're trying to use.

One site that seemed to come up a lot was www.cartographersguild.com, which is a community for fantasy mapmakers. Their forums have all sorts of information.

Online maps, such as Google Maps, Mapquest, and Bing, are useful to help you see how geographic features look. Want to make your fjords look realistic? Well, zip over to Norway and see how they look.

Tools
I'm using GIMP.  I don't have a copy of PhotoShop, and decided that the $250 or whatever it costs would be better spent on LEGO!  GIMP is fine, and it's free. Not sure if there's a version for Windows, but there is one for Mac and Linux. I'm sure PhotoShop is better than GIMP, and I've heard that PhotoShop is definitely easier to use. I used to use it many years ago, and liked it a lot, so I wouldn't switch from it if you have it.  Seashore is dumbed down version of GIMP for the Mac. I think it's great for simple photo editing. I tried to use it for mapmaking, but quickly discovered that it is too dumbed-down for what I wanted to do. If you wanted to make a really quick and simple map, it's probably OK.

Key Concepts
Here are some of my key learnings on mapmaking:
  • Keeping everything in separate layers is key - it helps organize and manage everything, and allows you to create and edit features without messing up other features. More on this later.
  • You gotta get the right brush for the job. See Brushes below.
  • Don't use too many colors. Keep it simple.
  • Keep it fairly clean -- don't clutter up the map too much. I've tried that and it doesn't look good, and I had to wipe out a bunch of stuff.
  • It has to make sense geographically.
  • Zoom in a bit for working on details, but make sure you zoom out to 100% / actual size every now and then to make sure it looks good. Check each feature to see how it looks. Redo it if it's doesn't look right. Yes, it takes more time, but it really makes the map look much better.
  • Do things in order. What order is a bit up to you, but in general, do the larger features first. See below.
  • Learn how to select parts of the image properly. Learn how to select using the polygonal or lasso select tools. Learn how to use the 'magic' (or similar color) selection tool. Learn how to add to or subtract from a selection, and how to take the intersection of two selections.
  • Small touches and details help - the compass rose, a few sea monsters, the "shore gradients" (see below)
  • Learn a few keyboard shortcuts, such as for the Undo, Paintbrush tool, Eraser tool, etc. Then you can use one hand to hit the keys while your primary hand draws with the mouse. Otherwise you'll forever be moving the mouse from the image over to the menus and toolbox palettes and back again.
  • Undo is your friend. You're going to use the Undo feature. A lot. It's OK. Feel free to try things and experiment. You can always undo and try again.

Order of Work
I generally work in this order: shoreline, rivers, mountains, hills, forests, swamps & deserts, cities, roads, shore gradients and ocean tinting, and finally text labels. You want to lay down the big stuff first, and work down to the details later. I could also see doing the mountains first, then putting in the rivers, and then the shoreline, if that makes sense to you. Or shoreline first, then mountains and hills, then rivers.

Making Sense Geographically
Well this seems obvious, but I've seen a lot of example maps with just wacky stuff on them. If your map doesn't look real, in a geographic sense, it won't look right to the viewer. Here are some examples:
  • Rivers that flow uphill, like into the mountains. You might find this hard to believe, but rivers actually flow downhill, from the mountains to the sea. In rare cases, they end up in a salt lake in the desert with no outlet. Otherwise, they all end up in the sea.
  • Mountains that completely surround a flat space in the middle. So where does all the rainfall go? If the mountains truly surrounded the flat space, there'd be a lake there because the rainfall couldn't get out. I know you want a nice valley protected on all sides by impassable mountains, but there has to be river flowing out of it somewhere. It's ok; it can flow through an impassable gorge or something.
  • Rivers that separate and rejoin too much, or crossing over each other. In general, rivers fork going upstream only, and merge going downstream. When a river separates and rejoins, that's an island in the river; and they're usually fairly small. Rivers certainly don't join and separate into a web of interconnected rivers (exception: some bayous and deltas are like this, but they are very, very interconnected, and it's going to take a lot of work to map that).
  • Climatic issues, e.g., swamps in the middle of deserts, jungles right next to deserts, palm forests next to coniferous forests, snow in the tropics, jungles in the arctic, etc. Sometimes these may work, but usually it just looks wrong.

Working in Layers
I think working in image editors is all about Layers. I put everything into separate layers, so that they don't interfere with each other. So the land outline in one layer, rivers and lakes in another, roads and cities in another, mountains in another, etc. Make sure you have the Layers dialog visible on your screen so you can easily pick which layer you're working on. At first, this is a bit confusing, as I was forgetting which layer I was on, and put a river on the mountains layer or something. But after a while it becomes second nature to check and switch layers before doing something. You can hide and show layers as necessary to reduce clutter while working. You can also move layers up and down; stuff in the upper layers will hide the lower layers below them.

In my maps, the layers are as follows, starting at the bottom: a white background layer, the land outline / shoreline, the 'shore gradients', mountains and hills, forests, deserts, rivers & lakes, ocean tinting, 'other', cities & roads, decorations, and then all the text labels are on top. 'Other' includes features that don't fit anywhere else, like swamps, cliffs, etc.

Brushes
Brushes are specialized, (usually) small image files that tell the image editor what texture to use to apply the color you're painting with. For the shorelines, I've been using 5 pixel wide fuzzy circle brush, shrunk down to about 75-80% of normal size. I tried the Pencil brush, but it was too hard-edged; I wanted a mostly solid, dark line, but with little bit of fuzziness on the sides. Similar for rivers, but slightly narrower. For forests, swamps, and mountains I used custom brushes.

Your image editor comes with some standard painting brushes already, in a bunch of sizes, such as normal brushes, pencil brushes, airbrushes, etc. These are good for lines, like rivers and shorelines. However, for a lot of other things, custom brushes are your friend for mapmaking. I created some brushes myself, such as for various trees and the swamps, which isn't too hard once you figure out what you're doing. GIMP's online tutorial for creating brushes wasn't too bad, as long you're just doing simple ones. I imagine creating PS brushes can't be too hard either once you figure it out. I also found a set of brushes that someone had done based on the symbols on Tolkien maps.  I think the guy had done both GIMP and PS versions; I believe this is the link (http://calthyechild....ushes-138796530) but if not you can probably google them. I ended up modifying the mountain brushes from this set a bit and using them, and also used the hills brushes and a few others.

Creating or modifying a brush is really pretty simple; it's basically a grayscale image file itself. Couple of learnings here: 1) make the brush bigger than you think you need; you can always shrink it if necessary, but enlarging it will not look good; and 2) usually less detail is better in a brush, the simpler ones tend to look better. GIMP also allows you to create "brush pipes"; these are brushes that have multiple images in them. I've created these for forests and mountains, so that it will randomly pick from several different images each time it uses the brush. That way the forest doesn't have all the exact same type of tree.

I'd be happy to send my GIMP brush files to anyone who wants them.  There are plenty of brush files online too, and (in GIMP at least) it's easy to convert images and icons found online to brushes. Try googling "<xyz> map symbol" or "<xyz> map icon", where <xyz> is whatever geographical feature you're trying to produce.

Transparency
When creating an image, make sure you've enabled transparency, so that each layers starts off as transparent. In GIMP, under Advanced Options in the New image dialog, your Color Space is RGB and Fill With is set to Transparency. Then you'll start off with a blank, transparent image, and each new layer will be transparent by default. Plus when you erase, the erased area in the active layer will be made transparent.

Various Geographic Features
At a very high level, here's how I do each piece:

Shoreline
Paintbrush tool, freehand, black, 5 pixel wide fuzzy-circle brush scaled down to about 75-80%. Do it in short segments, probably no more than an inch or two on the monitor at a time, so that if you mess up you can easily hit Undo and won't lose too much.  Do the main shoreline first and then go put in islands.

Rivers
Paintbrush tool, freehand, dark blue, 5 pixel wide fuzzy-circle brush scaled down to about 65% or so. Remember that rivers tend to curve a lot. It's important to get the right scale of curves, which depends on the gradient of the river. Look at real world maps to get a feel for it. Flatlands have big, loopy curves. Steeper land has shorter, more jagged curves. I think that realistic rivers are hard, and I tend to hit Undo a zillion times when doing them until I finally get it right. Remember that rivers will somewhat define where your hills and mountains go, and vice versa.

Mountains
Paintbrush tool, custom mountains brushes, dark brown. Start with the northernmost mountains in a range first, so that you can lay more southernly ones slightly over them if you want them closely packed. Remember that big mountains dwindle into smaller mountains which dwindle into hills. Check out this tutorial.

Hills
Paintbrush tool, custom hills brushes, dark brown. These are pretty easy if you have a good brush. Topmost/northernmost ones first, like mountains, so you can overlay if necessary.

Forests
Paintbrush tool, custom forest brushes, dark green for coniferous, medium green for broadleaf, and lighter green for palms. Recently I've created two sets of brushes: one with the full tree, and one with just the tops (the leaves). I use the just-leaves brush for the entire forest except for the southern edges, and then use the full tree brush for the southern/bottom edges. That gives it a bit of a looking-down-from-on-high look, where you would mostly see just the tree tops but not the trunks, except for those closest to you.

Swamps
Paintbrush tool, custom swamp brush, olive green. Fairly simple to do. Swamp brushes are easy to construct, and there are tons of examples on the Internet.

Deserts
Fill tool, light brown. For deserts, I used the pencil tool to put a bunch of random dots down, then created a Pattern from those dots, and then when I need a desert, I select the desert area, and fill it with the Pattern I created.

Cities
Paintbrush tool, regular circle brush (11 or 13 pixels), magenta.  Just plop a circle of color down.

Roads
Paintbrush tool, 3 pixel regular circle brush (or fuzzy-circle brush), magenta. In GIMP set the brush spacing to 180-200%. This will only apply the brush every 180-200% of the brush width, thus leaving nearly a full brush width's gap of empty space in between two applications of the brush. So you end up with a nice dotted line of magenta circles.

Text Labels
Text tool, very dark red. Not too hard to do. Pick good, readable fonts. Try out various sizes to make sure they're still readable. If you're putting a label in the middle of a forest or mountains or something, you may need to create a layer under it and paint with your background color around the text a bit, so that the text is on your background color and stands out from the forest or mountains or whatever.

GIMP has a Path tool that allows you to build a curved path out of B-Splines and then fit the text to it. I've used it a bit, but it's a bit of a pain. Usually I find it just easier to rotate the text a bit to parallel a river or shoreline or something.

Shore Gradients
Regarding "shore gradients" -- these are the faint blue lines that look like depth lines in your oceans.  They look really cool, and are very easy to make. Here's how you do it:
  • Figure out what color you're going to use -- a medium greyish blue seems to work well, and determine the right brush -- I use a 3 pixel wide airbrush (I think)
  • Make your Shoreline layer active and use the 'magic selection' tool (or whatever it's called in your image editor; it selects all contiguous area with similar colors) to select all the ocean outside the shoreline
  • Change your active layer to the Shore Gradients layer (but make sure the selection doesn't change)
  • Shrink the selection by about 8-10 pixels (in GIMP there's a menu option for this). See what looks good for the first gradient. I've been using 10 pixels recently, but if your shore had a lot of crannies and islands you might want to only shrink in 8 pixels. Don't let it shrink from the image border, only from the selected shoreline.
  • Stroke the selection with the color and brush identified in the first step. At least that's what GIMP calls it; I imagine PhotoShop has a similar capability. It paints the border of the selection with a selected brush and color
  • Check it out to make sure it looks good. If it doesn't, undo it, modify, and do it again. The first time, you might have to do this a bunch to get the right brush, color, distance from the shoreline, etc.
  • Shrink the selection again, by 5 pixels
  • Stroke the selection again
  • Shrink the selection again, by 8 pixels, and stroke again
  • Keep doing this until you decide it looks good or you run out of room. Each time add the previous shrinkage to the last shrinkage, so it should go 5, 8, 13, 21, ... (recognize that? It's the Fibonacci sequence, and for some reason it looks right here)
That seems complex, but it really isn't at all, and it looks very cool.  And drawing those gradients by hand would be a huge pain.

Tracing
If you're starting from a scanned image (for instance of a hand-drawn map), you'll have some special issues if you want to trace it or merge it into a new background. Paste this image into your map image as a new layer, just above the background layer. You've got a couple of options then: 1) you can erase this layer's background, making those areas transparent and letting the background layer show through, or 2) you can add new layers on top, and trace the scanned image's features in the new layer by hand (or in a more advanced way, by using selections and paths).

If you're taking a scanned image and just erasing a background and making a few minor modifications, I might use option #1. Otherwise, for anything more serious, you're probably better off using option #2, and just using the scanned image layer as a guide for tracing its features into your new map layers. In this case, I'd duplicate the scanned image layer, and make the duplicate layer much lighter and lower contrast using Colors > Brightness - Contrast option. This will make it easier to trace; otherwise it will be hard to see your tracing over the scanned image layer. Make the original scanned image layer non-visible, so only the lighter, low contrast version is visible. Now you're ready to trace it into your new map layers above it. Then when you're done you just make this low contract image layer non-visible.

Custom Brushes Revisted
You may want to use some of the brushes that I use. Some of them I created; others I downloaded; there are tons on the Internet.  They should work with both GIMP and PhotoShop (I think). You may have to rename their extensions for them to work in PS; don't really know. The .gbr files are the brushes. The .gih files are "brush pipes."  Brush pipes are collections of brushes that GIMP will then apply in some sort of order or randomly. Mine are all random. I use them to produce forests and mountains with randomly selected brushes for a varied look. (The forest one works better than the mountains one.)   Search for "GIMP brush pipe" if you want to know more; there are lots of tutorials out there, and you can use brush pipes to do some pretty cool stuff, but it can get complex.

Here's fairly comprehensive tutorial on brushes. I haven't read the whole thing, but it looks more detailed than anything else I've seen out there.

Note that in GIMP there are two different types of brushes, and it's not easy to tell which is which without opening up the brush as if you were going to edit it.  
  • If the brush image is a grayscale image, then the white parts of the brush act as transparent (nothing is painted), and the grey or black parts of the brush image are the brush and will paint in whatever your foreground color is currently (in varying shades according to the darkness of each pixel in the brush).
  • If the brush is an RGB image, it will paint exactly as it appears in the brush editor, including any background you may have in it. It will not paint using your current foreground color. Many of the brushes you might download from the Internet are saved as RGB images.  You can edit them in GIMP and convert them to greyscale images if you want.  I believe that image pipes are only available using this RGB mode, but can't remember exactly.

To install the brushes, unzip them and put them into whatever directory the photo editor expects them. On my Mac, GIMP looks under my home directory, in the subdirectory Library/Application Support/Gimp/brushes.  Then in GIMP, you need to open the brushes dialog or palette and click the refresh button.

Good luck!

Whew! Well, that's a lot. I'll add more later. Hope that helps, and let me know if you have other questions,
NiceMarmot/Gex

Edited by NiceMarmot, 26 June 2012 - 10:17 PM.

Tafik Regex Marmota, Kaliphlin Guild, Master Cartographer

#2 NiceMarmot

NiceMarmot

  • Constellation Encyclopedia


    Posts: 1013
    Joined: 27-December 10
    Member: 14945
    Country: Califlin

Posted 30 December 2011 - 11:33 AM

(work in progress) Step by Step Example

In this example, I'm going to create a detailed map zooming in on a portion of a map that I've already created. I've selected the area on the existing map that I want to zoom in on, and GIMP tells me that the selection is 390 pixels wide by 272 pixels high. I'm going to do a 4x zoom, so the new image will be 1560x1088.

  • Select File > New, and then enter the dimensions and hit OK.  Then you'll get a new image with one transparent layer called Background.
  • Fill the Background layer with white: Make sure that your current background color is white.  Then, with the Background layer active, click Edit > Fill with BG Color.
  • Flip back over to the existing map, and click Edit > Copy Visible. That copies the visible currently selected image, no matter what layer is currently active.
  • Go back to the new image. Click Edit > Paste As > New Layer. This pastes the copied image in as a new layer. Rename the new layer something like 'Original Map'. You can rename layers in GIMP by double-clicking on the layer name, or right clicking on the layer name and choosing Edit Layer Attributes.
  • Scale the Original Map layer by 4x. Make it the active layer. Then click Layer > Scale Layer. Enter in the new dimensions (1560x1088 in our case). The Interpolation method should be Sinc. Hit the Scale button.  You may have to move the layer around so it lines up correctly with the image boundaries. Zoom in a bit (300% should be enough) on the upper left corner of the image, and use the Move tool.
  • Next, duplicate this Original Map layer. Right click on the layer name, and choose Duplicate Layer. Change the new duplicate layer's name to something like 'Original-Faded'. We're going to use this layer as our primary guide for drawing the map. We'll make it faded out so we can easily see what we draw on top of it. But we'll still have the original, unfaded version to reference if we need to.  Click the eyeball next to the 'Original Map' layer so that it doesn't show anymore.
  • Fade out the Original-Faded layer until you can still see its features, but it's so light and faded that you'll easily be able to see anything drawn on top of it.  Typically I'll play around with the Colors > Hue-Saturation and Colors > Brightness-Contrast tools until it looks right.  Try the Hue-Saturation tool first, increasing Lightness by 100 and decreasing Saturation by about 70. Then use Brightness-Contrast, increasing the brightness by about 85 or so. Play around with it a bit. You want it to look something like this:
    Posted Image

  • Now create your layers, one on top of the other. Starting from the Original-Faded layer, add Shoreline, Shore Gradient, Ocean, Rivers & Lakes, Mountains, Forests, Deserts, Other, Cities & Roads, and Labels. Or whatever layers you think you'll need. All the new layers should be transparent, and they should all be visible at first.
  • Now we're going to do the shoreline. Make the Shoreline layer active, and zoom to 100%. Make black your foreground color. Choose the Paintbrush tool. Play around with a variety of brushes and sizes until you find one that looks good. I tend to choose "Circle Fuzzy (05)" and set the scale somewhere in the 70%-85% range.
  • Trace the shoreline, adding more detail as appropriate. Remember to keep the scale in mind -- you can't have a mountainous cape that's only 1/4 mile wide really, or a 40 mile wide bay won't really make for a snug harbor. Ragged shorelines imply a lot of rock; smooth curving ones imply beaches. In a lot of areas, you'll see smooth curving bays with rocky, ragged capes between them. Check out Google Maps to a feel for how real shorelines look. Don't worry about being too accurate when tracing; it's not expected that the high level map will exactly correlate to the detailed one, especially in fantasy mapmaking.
    Posted Image

  • Don't forget to add islands and stuff as desired. There's probably a lot of detail that will be on this map that's not on the higher level map, so you'd don't have to follow the high level map's shoreline exactly. You'll probably want to put in more little inlets and bays, and more small islands.
  • You'd think that now that we have the shoreline done, we should work on those shore gradients. But I like to do those later, in case I need to adjust the shoreline later or add some more islands. Once you do the gradients, it's very hard to adjust the shoreline without redoing the gradients again, so I tend to do those almost last.
  • Next up will be either the mountains or the rivers; it's really up to your preference. Whichever one you choose will somewhat define the other. I'm going to do rivers first.
  • Make the Rivers & Lakes layer active.  Choose the Paintbrush tool.  Once again, play around with colors, brushes, and size until you get something that looks right. I tend to use a dark blue (about R-43, G-58, B-115 on a 255 scale). I usually use the same Circle Fuzzy (05) brush that I used for the shoreline, but at 100% or so to get a slightly wider line. Sometimes I'll use the 07 size for the lower parts of a river and the 03 size for the smallest streams. Remember to make big, lazy turns in the river where the gradient is flat, and smaller, more jagged turns where it's steep. I don't like to put every little stream on the map; it really could clutter things up.
  • For lakes, you've got basically two options. First, for really big lakes, you can use the 'shore gradient' method to fill them in like the oceans. Second, for smaller lakes and ponds, you probably don't have enough room for the shore gradients to be effective, so you should just fill them in with a color like medium blue.
  • I like using GIMP's Blend Tool to produce a gradient of color for the lake. Select a medium blue for the foreground color, and leave the background color white (or choose a very light blue). Select the inner part of the lake using the 'magic wand' or Fuzzy Select Tool. Then use the Blend Tool. Choose the Foreground to Background (RGB) gradient; this will produce a nice gradient going from your medium blue to your background color. Choose the Shaped (spherical) shape; this will ensure that the gradient goes outward from a center point and also follows the shape of the selection. The click and hold in the center of the lake, drag to the edge of the lake, and release. You should get something like this (don't worry about the dashed lines; that's showing the current selection):
    Posted Image

(more to come later...)

Edited by NiceMarmot, 06 January 2012 - 07:14 PM.

Tafik Regex Marmota, Kaliphlin Guild, Master Cartographer

#3 Khorne

Khorne

  • I will not torment the emotionally frail - Nevermind


    Posts: 2642
    Joined: 27-March 05
    Member: 284
    Country: Flanders

Posted 30 December 2011 - 12:24 PM

Great work right there :thumbup: ! That's an AWESOME tutorial/help desk for people who want to starting making maps. I love making maps myself, but I didn't know about some of the helpful links you've posted here. I'll definitely check them out.

I'd love to see some more pics of your own work to illustrate the guide though, but I guess that's why you reserved the second post? Plus, made it would be better to put some more structure in your guide? Like adding numbers in front of the subtitles (e.g;: 1. Googling and links, ...) 'cause right now it kind of looks overwhelming.

But as I've said, great work here! I'll definitely be referencing this topic when making a new map or so.

flickr | brickshelf | Holmgang Wiki


Playing as Eric in Heroica RPG
Posted Image


#4 MikeyB

MikeyB

  • Closet Nocturnus Fan


    Posts: 845
    Joined: 15-October 08
    Member: 4147
    Country: USA

Posted 30 December 2011 - 04:29 PM

thanks for starting this topic.  Like Khorne, I have always enjoyed maps and yours are a pleasure to look at.

Posted ImagePosted ImagePosted ImagePosted Image


Lord Arlindus, Captain of Circardia and the Phoenix Guard, Avalonia Guildsman


#5 CptMugwash

CptMugwash

    Posts: 564
    Joined: 27-January 11
    Member: 15677
    Country: UK

Posted 30 December 2011 - 07:08 PM

Awesome guide NM, I haven't used gimp but I have paint.net which is probably in between gimp and ms paint, user friendly and free, has layers and stuff but not as much as ps.  I'll have to have a go at making a local map for my city sometime.  Thanks NM.
Please check out my Flickr and MOCpages.
Kcaj Nosnikta of the Kaliphlin Guild

#6 SkaForHire

SkaForHire

  • Historica's Fortune Teller


    Posts: 1934
    Joined: 04-May 06
    Member: 759
    Country: USA

Posted 01 January 2012 - 07:39 AM

Awesome guide!

I wanted to say that I used ProFantasy's Campaign Cartographer 3 for my maps. Years ago, when I lived around  friends, I would play D&D and this tool is by far the best mapping tool when it comes to linking a whole world together. Although it is not as expensive as Photoshop, it is a bit pricey if you want the whole package. Still,  you can make much better maps than I do with CC3, but I don't have the patience to really learn a CAD system. When I spring for Photoshop, I plan to create maps more like NM has been doing. As far as I know there is not a supported version of GIMP for Win 7 64 bit, so that is not an option for me. However, deciding to spend 400 dollars on academic photoshop, a new DSLR lens (I really need a wide angle!) or Lego keeps ending up with me spending money on Lego since Historica started. Student loan time is right around the corner, so maybe I can get all three in a few months, haha!  Back on point, CC3 can be really useful and has all the map features built in, to get quality maps like NM, you really need to go through a lot of the tutorials. However, if you are just doing basic land maps and not cities, 30 bucks (US, Amazon)for a mapping program is not bad (I think the Cities add on is 50 or 60, but it has been a long time since I bought it)
D.L.T.B.G.Y.D.  Flickr Feed

Dugal MacLean of the Kaliphlin Guild ~ "GEAR Up with GEAR CO supplies."


Posted Image   Posted Image Posted Image
Triumphal Arch of Petraea ... | ....   Devil's Island   ...... | ........    Rakath Mountain Ritual

#7 Brickdoctor

Brickdoctor

  • Look at my Post Count!


    Posts: 20769
    Joined: 06-June 10
    Member: 11254
    Country: California, USA

Posted 01 January 2012 - 08:01 AM

Thanks for this great tutorial. I've played around with a few maps in Photoshop, but they don't turn out as good as yours do.

About the text, in PS, you can type out and rasterize the text and then apply the various Transform options (Distort, Warp, Puppet Distort, etc.) to it to make it whatever shape you want. The only thing is that then you lose edit-ability of the text. Does GIMP have a similar option?

#8 Basiliscus

Basiliscus

    Posts: 388
    Joined: 09-August 06
    Member: 890
    Country: Scotland, UK

Posted 01 January 2012 - 12:29 PM

Fantastic guide NiceMarmot! With all due respect to the other cartographers, I believe your maps are the most beautiful!

This guide certainly has some nice tips that even an average Photoshop user like me can take on-board.

One thing I would say is that unless you are a professional photographer I wouldn't buy the full CSx version of Photoshop - stick with Photoshop Elements! This has 99% of the features you'll ever need and is about 10% of the price of CSx!

Look forward to seeing your future maps!  :thumbup:

Wahil Musca, slaver and entrepreneur of Kaliphlin, ambassador to the Emir of Gorr



Latest MOCs
Posted Image-Posted Image-Posted Image-Posted Image

Flickr

#9 SkaForHire

SkaForHire

  • Historica's Fortune Teller


    Posts: 1934
    Joined: 04-May 06
    Member: 759
    Country: USA

Posted 01 January 2012 - 07:08 PM

View PostBasiliscus, on 01 January 2012 - 12:29 PM, said:



One thing I would say is that unless you are a professional photographer I wouldn't buy the full CSx version of Photoshop - stick with Photoshop Elements! This has 99% of the features you'll ever need and is about 10% of the price of CSx!




I second this, elements is relatively cheap.  The academic discount on the whole package (CS 5.5) is great if you can afford it and are a prof / student (Think I can get a double discount since I am both? lol). But again, if you are not a professional photographer or graphic designer (or someone else who needs a professional editing platform), elements is all you need.
D.L.T.B.G.Y.D.  Flickr Feed

Dugal MacLean of the Kaliphlin Guild ~ "GEAR Up with GEAR CO supplies."


Posted Image   Posted Image Posted Image
Triumphal Arch of Petraea ... | ....   Devil's Island   ...... | ........    Rakath Mountain Ritual

#10 Gabe

Gabe

  • Green capital G


    Posts: 1354
    Joined: 21-July 10
    Member: 12135
    Country: Australia

Posted 02 January 2012 - 01:42 AM

Wow, this is awesome information, thanks NM! I love maps and have long wanted to make my own, but they never seem to work out the way i envisage them. I'll return and study this in more depth for sure.  :classic:
Erudhalion Sansael for Kaliphlin! Peregrinus for Kaliphlin!
Posted Image  Posted Image  Posted Image   Posted Image

#11 NiceMarmot

NiceMarmot

  • Constellation Encyclopedia


    Posts: 1013
    Joined: 27-December 10
    Member: 14945
    Country: Califlin

Posted 02 January 2012 - 05:29 AM

View PostBrickdoctor, on 01 January 2012 - 08:01 AM, said:

About the text, in PS, you can type out and rasterize the text and then apply the various Transform options (Distort, Warp, Puppet Distort, etc.) to it to make it whatever shape you want. The only thing is that then you lose edit-ability of the text. Does GIMP have a similar option?
Yes, GIMP does allow you to do some transformations to text, and similarly, you lose the ability to edit the text after you transform it.  I'm not up on all the possible transformations, but you can at least rotate it and have it follow a path.
Tafik Regex Marmota, Kaliphlin Guild, Master Cartographer

#12 zed0

zed0

    Posts: 30
    Joined: 30-December 11
    Member: 23649
    Country: UK

Posted 06 January 2012 - 06:14 PM

This is a great tutorial!  I've used GIMP quite a lot already but I'll definitely be using some of these techniques.

A couple more tips:
  • Straight lines: Most tools in GIMP allow you to hold shift to use the current tool in a straight line from your previous click to the new location.
  • Paths: Use them.  Lots.  It's a lot easier to scale things with paths and you can easily reproduce effects on them, I'd suggest using these for things such as coast lines.
  • Photoshop plugins: There are a lot more Photoshop tutorials than GIMP tutorials out there, a lot of them rely on using plugins.  Thanks to PSPI you can use these in GIMP too.

View PostNiceMarmot, on 02 January 2012 - 05:29 AM, said:

Yes, GIMP does allow you to do some transformations to text, and similarly, you lose the ability to edit the text after you transform it.  I'm not up on all the possible transformations, but you can at least rotate it and have it follow a path.
A text layer is the same as any other layer so you can use any of the effects on it, as you say it ceases to be editable as text after you've done most effects though.

#13 Legonardo

Legonardo

  • Can't Build With One Arm Tied Behind His Back


    Posts: 2240
    Joined: 04-December 11
    Member: 22773
    Country: Middle Zealand

Posted 14 January 2012 - 11:31 AM

Great tutorial! Thanks for the link, I've studied it and am finally satisfied with my cartography!

Posted Image

what do you think?

#14 NiceMarmot

NiceMarmot

  • Constellation Encyclopedia


    Posts: 1013
    Joined: 27-December 10
    Member: 14945
    Country: Califlin

Posted 18 January 2012 - 02:18 AM

View PostLegonardo Davidy, on 14 January 2012 - 11:31 AM, said:

Great tutorial! Thanks for the link, I've studied it and am finally satisfied with my cartography!

what do you think?
Great job!  I really like the background too. Look forward to seeing more maps from you.

I've updated the second post (last week actually) to put more of a step-by-step tutorial in. Haven't finished it yet; only got as far as the rivers and lakes, but it should help show in more detail how to do things and has pictures to show examples. Will finish it up sometime; maybe after my embassy build.
Tafik Regex Marmota, Kaliphlin Guild, Master Cartographer

#15 Balthasar

Balthasar

  • Nocturnus Cartographer


    Posts: 202
    Joined: 13-January 12
    Member: 24144

Posted 13 March 2012 - 11:58 AM

NiceMarmot, a bit late but still many thanks for working out and posting this tutorial :thumbup:.  I used it as my basis for the Nocturnus map. The techniques are pretty much the same when creating a map in Photoshop. I'm quite sure that I wouldn't have started creating the map, if you hadn't posted this. It was quite fun to build.  

Another tutorial that helped a lot, are these instruction-video's on youtube:


There are about 16-20 episodes and it covers pretty much all the issues, except the mountains. Especially handy are the instructions on creating a big forest of which all the trees look handdrawn. It also shows how to create a paper map background.


For those interested in making the map interactive, like my nocturnus map, here are the instructions of Bentoft:

View PostBentoft, on 14 February 2012 - 03:18 PM, said:


No, it is very simple. Take a look at the source. For each building you need to add this:
   <area shape="poly"
		 coords="400,276,424,299,408,312,386,292"		   
  onmouseover="setVisible('temple2')"		  
  onmouseout="hideAll('temple2')" 		
href="http://www.eurobricks.com/forum/index.php?showtopic=63232"/> 
and this
<div id='temple2' style="visibility:hidden;position:absolute;top:10px;">	
<img src="http://www.brickshelf.com/gallery/volcanicpanik/Avalonia/TempleMars/dsc01209.jpg" width=400px></div>
The building id (temple2) should be the same all 3 places.The hard part is the coords:
coords="400,276,424,299,408,312,386,292"
It is coordinates in the image (400,276), (424,299),(408,312),(386,292)I think it could also be cool with at little text description for each moc, but I am too lazy :-D for now at least.BTW: sorry for polluting the thread with code. If anybody want to update the map and need help, please just PM me.

An easy way to find the coords you are looking for, is by opening the image in paint and go over it with your cursor, then you can see the coords at the left bottom of the screen.

Posted ImagePosted ImagePosted Image

Count Balthasar Nero of the Nocturnus Guild ~ embassy in Mitgardia ~ interactive map of the Eastern Darklands


#16 lego3364

lego3364

  • Can't Give Member Titles


    Posts: 512
    Joined: 25-March 14
    Member: 122866
    Country: U.S.A

Posted 01 July 2014 - 12:38 AM

NM which Font do you use for the city names?
Posted Image Kaliphlin, The Southern (Best) Guild Posted Image

   In the Guilds of Historica.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users