PDA

View Full Version : [Award Winner] Hand-Drawn Mapping (for the Artistically Challenged)



Gidde
06-05-2010, 01:42 AM
I got a request to do a tutorial of how I did the Velaedin Empire map; here it is in all its (very long) glory. While the tutorial is long, it shouldn't take more than a few hours to go through the entire thing. I'm actually quite jealous of folks who use it, as I didn't discover many of the time-saving techniques in here until I had already spent months on the original. Such is life ;)

The end result sample map (using entirely the time-saving "cheater" methods in the tut), the tut itself, and the brushes needed are attached.

Note: To get the guild site to accept it, I had to give it a huge compression factor. A lossless version (42MB) is available at my DropBox site, here (http://dl.dropbox.com/u/2913734/handdrawn-fullres.pdf).

//Edit: Some credits (in the pdf, but I also should put them in the post): I used Ironmetal250's awesome hand-drawn elements tut (http://www.cartographersguild.com/showthread.php?5664-Award-Winner-Hand-drawn-mtns.-and-other-stylistic-map-elements-for-use-in-PS-GIMP) and RobA's awesome weathered-parchment tut (http://www.cartographersguild.com/showthread.php?533-Tutorial-Creating-old-weathered-paper-using-the-Gimp) for some of the techniques herein. Thanks so much to both of you for sharing your expertise!

tilt
06-05-2010, 02:09 AM
Very nice tutorial Gidde, great work.. and lots of pages ;) have some R&R :)

EDIT: gotta spread some love around - so its one R only ;)

Katto
06-05-2010, 04:15 AM
Thanks for sharing. I will add it to my TODO list :).

RobA
06-07-2010, 12:34 PM
Great tut, Gidde!

A couple of things that might either make life better or worse, depending on your perspective.

in Step 5 (page 16)

Right-click on the Mountains layer (which should be directly above Mountain Shading) and click Merge Down. Now we have one layer that has both the mountains and their shading on it. To make sure, hide the Mountain Shading layer and the whole kit and kaboodle should disappear. Unhide it, and make all of the white transparent (Layer Transparency Color to Alpha). The Color → → to Alpha defaults to white, so click ok

Try just changing the layer mode of the merged down layer to multiply. This will have the same effect as the Colour to Alpha step. The only real advantage to this is that by keeping the mountains on their own layer and white filled, you can add more mountains later that block out other mountains using the brush in normal mode, or behind by setting the brush mode to behind!

Also, I'm sure it has been mentioned, but when you get to labeling (page 26) Inkscape is a great (free) option for labeling far easier and with many more options than gimp.


Lastly, I like the ink bleed method. I usually generate a plasma map and displace using that, but this seems much easier. Thanks for the tip!

-Rob A>

Gidde
06-07-2010, 05:00 PM
Thanks for the wonderfully detailed comments, RobA! You're totally right, I should have mentioned Inkscape. It didn't even occur to me at the time since Inkscape and I don't get along well at all, lol. As for the mountain layer, I had toyed with the idea of making it darken-only for that same reason, but I didn't even know Behind mode existed! You truly are the Gimp-maestro. I'll post up a couple of corrections soon :)

Gidde
06-09-2010, 07:09 PM
The pdf in the top post has been revised to incorporate RobA's suggestions. Thanks again, RobA!

kwatz
06-10-2010, 04:03 PM
Great tutorial, Gidde. It was really clear and easy to follow, and taught me a bunch of new tricks I'll have to remember for the future. I've used it to put together my first regional map for my campaign, which is based on an existing map (at http://vargoth.com/northmoor/map/). I haven't bled the roads or cities yet, nor have I added any labels (I'm still deciding on most of them).

Thanks for the tute!

Gidde
06-10-2010, 05:20 PM
Nice work, and glad you found the tut useful!

kwatz
06-10-2010, 09:07 PM
Oh, one suggestion I forgot to mention - since my lake was included as part of the sea channel, it received the same color treatment. The 15px stroke/50px blur turned out to be too much for it, and I ended up breaking it out into a separate layer with a 10px stroke & 20px (ish?) blur, though the exact values would depend mostly on the size of the lake itself. You might want to make a note of that - I noticed the sample map didn't include any lakes.

Gidde
06-10-2010, 11:04 PM
Ah, that's a good point. The map I had based it on had a couple and that's how I treated them, but they were pretty big, so that could be why it worked for them. The good news is that you knew what to do when the tut didn't quite fit your map :)

Edit: Bonked you as well, for posting your first map :)

hohum
06-26-2010, 08:31 AM
This is a great tutorial but I wanted to clarify the bleed process. What do you mean by ink in that step? By that step I pretty much have all of my "ink" merged into one layer. So roads, rivers, cities , all features are "ink" at that point. The bleed also made the hard to read labels even harder to read over features (mountains). I have spent a lot of time bootstrapping Inkscape for the labels, I might just go back to GIMP to rework them, but RobA's link for http://screencasters.heathenx.org/ is a must see if you want to learn how to use inkscape.

Juggernaut1981
06-26-2010, 09:05 AM
I used a version of Gidde's Ink Bleed technique on a few of my works now. Duplicate the layer, blur it a few px (5 or less) then set the opacity to somewhere around 50-70%. That makes the ink look like it's gone to the "right place" but "bled" marginally into the paper around it like a good liquid ink would, especially since metal nibs can (and do) lightly mark the paper when they are very fine.
Check out my Big WIP Project Neoseilthir in the Regional/World Mapping section.

Gidde
06-26-2010, 09:47 AM
@ Hohum: the method I use for ink bleeding actually depends upon you having merged them all onto one layer (you can do it still separate, but it makes a LOT of extra layers). Basically you name that merged layer Ink, and duplicate it a few times, which makes names like "Ink Copy" etc. If I'm talking about "inking" something, I mean using the Ink tool. If I'm talking about "all the ink" I mean exactly what you just described; all of the black lines/features etc. If your labels are hard to read afterward, you may be forgetting to leave the original ink layer alone (albeit changing opacity/mode); it should still be there showing where the original pen marks were, as Jugg described.

hohum
06-26-2010, 01:02 PM
Thanks guys. @Juggernaut, I have been admiring your progress on Neoseilthir. My map is going to be somewhat in that vein. @Gidde, yeah I merged them all so I have it right. It is as I feared, my font choice/ placement etc is what the real issue is. I may just do the labels in GIMP as I am struggling with paths in inkscape. Any how I need to redo my rivers and fix a few city icons. The good part is I save everything so it won't be too hard to back track. I also want to give you kudos for the coloring technique, it looks great. In trying to make my mountain names more ledgible I used that technique using white and it worked except for the bleed layers being on top of it. I hope to post something soon. Oh yeah have some rep.

yosherl
08-08-2010, 12:49 PM
Hi!

Please I need some help. Several days I try to do this tut, but everytime I failed :(
No I'm at the same point as with the last try and I dunno why I'm wrong?

Can anyone have a look at the Screens and help me out?? :?:
The first describe what I should do.. and last last 2 screens show what is going on if I try this..

:(

#yosh

Gidde
08-08-2010, 02:21 PM
It looks like you either drew a lot of your stuff directly on the background layer, or merged at some point by accident. No worries though, it's pretty easily fixed. Just make ALL of your layers visible, flatten the image, and then set your transparency to ignore any white (Layers -> Transparency -> Color to Alpha -- which will defaut to white so you'll be all set). Looking good so far!

yosherl
08-08-2010, 03:32 PM
Hi Gidde,

thanks for your help. I tought the same but my background is empty, and I tried it now second times. :?:
Attached a screen from my "background".

I'd tried your way. But if I do this is every layer will be merged.
In your tut there is merge except Rivers, base, and background.

May I have another hint? :)

#yosh

Gidde
08-08-2010, 06:16 PM
Hmm ... maybe all your stuff is on your rivers layer. It's gotta be on one of the layers you're hiding. What I'd do is to still merge everything and do the transparency trick - that way you at least haven't lost all the work on your mountains and stuff. Then make a separate layer for rivers and trace over your old ones on the new layer. Then you can do the rivers step with the new layer, but delete it instead of merging it afterwards.

The key is to be really careful with which layer you're on at any given time; I constantly catch myself working on the wrong layer, it's really easy to do.

yosherl
08-09-2010, 01:21 AM
I know what you mean, I catch myself doing the same... and not only once. But here... hm?
On all of the layer include exactly that what shoud be on..
Cities - only the few dots.
Roads - The realistic looking roads.
Foreast - The Forest and the shading
Mountains - The Mountains and the shading
Hills - The Hills and the shading
Rivers - my beautiful pink rivers..
Coastline - the first line a drew here..
And last is the background...

The 3 colored areas are already deleted.
Foreast, Hills and Mountains are switched to the multiple mode.

If I hide the Rivers, Coastline and the Background, I cannot see the hills, mountains and the forest. Thats wired.
Only if the background is shown I can see these as well.. But they are not at the background.
really strange -.-

My it be that I've done something wrong with the hills, mnts, forest and with they shaders? Maybe I merged in the wrong direction?
Right:
Forest Shaders -> Foreast
Wrong:
Foreast -> Forest Shaders

?!
Because in you tut you have the ... shaders at the end.
In my try I have the "real layers".

grr, this is pain in the ass!!

#yosh

Gidde
08-09-2010, 07:55 AM
Aha! Yosh, you found a bug in the tut! It's because they're on multiply. It's something I changed to solve a problem someone was having and this step should be changed too. I'll fix it later tonight in the actual tut, but this step should have you keep Background visible before the merge, merge and then do the transparency routine i mentioned earlier.

Thanks for helping me figure it out so it could be fixed!

yosherl
08-09-2010, 08:14 AM
You're welcome :)

I would never expect that I could help someone with your knowledge :D
Unfortunately I have to do the whole tut again because I've no saved map before I've done the merge.
Anyway it's a good exercise for me. Slowly but surely I'm going to be a Pro ;)

#yosh

btw: I have the same issue with the orange roads as you ...

BernieB
08-11-2010, 09:49 PM
Gidde,

First of all, many thanks for putting this together. This is helping me immensely in putting together a map for my yet-to-be-started book. lol.

I am having a problems with the rivers though. The script only seems to fill in the first 'river' i draw. Do I have to start a new layer for each river on the map? I tried adding multiple paths to the same layer and then running the script too. No joy. any advice?

Thanks a million

hohum
08-12-2010, 09:37 AM
I believe that if you are using RobA's tapered stroke path script it will only do one path at a time. So each river, even each branch has to be done separately. One thing you might take a look at is which path is selected in the paths dialog. You should be able to do as many paths as you want in one layer and then run the script on each one. I just ended up using the ink tool with little to no flow settings and started at 1 and went to 3.5 px or so in 0.5 px gradations to the sea. My map is here (http://www.cartographersguild.com/showthread.php?11335-Linlandia-Hand-Drawn-Style) for reference.

Gothmog
08-12-2010, 07:41 PM
Hey! This tutorial is awesome! Great work! Ive only had one problem though... Ive been able to follow all the steps easily and successfully untill page 31 with the river color. I get confused at this part:

"Switch to the channels dialog and grab the Borders layer as a selection. Switch back to the layers dialog and select
the mask for the River Color layer. Fill the selection with black."

What do you mean with "grab the Borders layer as a selection"? And i get even more confused at

"Now switch back to the channels dialog and pick up the Rivers channel as a selection." Ive looked back a number of times now and i cant find a place where we made a Rivers channel. Im new to all of this so i havent had luck making my own. If you could help i would be forever grateful. Thanks.

BernieB
08-12-2010, 08:48 PM
hohum,

Many thanks. will give it a spin. Awesome map, btw.

hohum
08-13-2010, 10:36 AM
@ Gothmog: Go to the channels tab, select the Border Channel, Right click and select "Channel to Selection" from the drop down menu. This should give you a selection that covers the border area. You then need to go back to the "River Color Layer", not Channel, make sure you are selecting the "Mask" and fill the selection with Black. Then you should have a "River" Mask in your channels tab. Repeat the right click selection thing. Oh I see now, when you made your rivers layer, Black on white or whatever, all you need to do is select the rivers by color select or however you like and then go to the Select Menu and "Save to Channel" hope that helps.

@ BernieB: Thanks and good luck.

BernieB
08-13-2010, 04:41 PM
@hohum: trying the ink tool now. do you have a tablet, or did you just mouse them in? I'm new to GIMP and can't really figure out where to enter the grade of the river. Thanks.

hohum
08-13-2010, 05:44 PM
I bought a cheap tablet from newegg.com, Genius is the brand, it seems to work okay. I just played with the ink settings, flow etc. but started at the top with 1px and just colored down the line adjusting as I felt was necessary. If you haven't done it, really zoom in, at least 200% to do this. I often zoom in to 400% to get things the way I want around the edges or at joins between brush/nib sizes.

BernieB
08-16-2010, 11:42 AM
Alright Gents,

I hit a roadblock (due to my own ignorance!). I completely skipped over the adding "sea channel" and now that I am trying to add color to my water, it's changing the whole map. Am I at a loss here and have to start over, or is there any way to revive my map? THanks.

BernieB
08-16-2010, 12:00 PM
So, luckily I have saved my map at intervals and was able to go back and recreate needed channel in older version. Only problem is I can't figure out a way to import it into newer version. lol. Any suggestions?

BernieB
08-16-2010, 12:13 PM
Found resolution for my idiocy here: http://lists.xcf.berkeley.edu/lists/gimp-user/2007-February/009613.html Thanks.

mearrin69
08-16-2010, 12:22 PM
Not sure of your particulars but you should be able to open both files, select the layer (in the layer stack by clicking and in the drawing window by hitting Ctrl-A) and copy it, move to your working file and paste. If you can't open both files for some reason (too big or whatever) just delete everything but the layer you want to copy and save the file as a new one. Then you can either open both files and do the process I suggested above or you can try the Place function (under the File menu, I believe). Hope that helps.
M

arsheesh
06-29-2011, 08:03 PM
Just read through this tut Gidde; really nicely done (very easy to follow). Repped & rated.

Cheers,
-Arsheesh

Janak
08-25-2011, 10:35 AM
Great tutorial, however I have stumbled upon the same problem as yosherl mentioned earlier. I looked at your replies, but I am a little confused.

but this step should have you keep Background visible before the merge, merge and then do the transparency routine i mentioned earlier.

When you say before the merge, do you mean the merging of the (for example) Hills and Hill Shading or the merging of City, Roads, Hill Shading, Forest Shading, and Mountain Shading?
Also you mention that you would edit this into the tutorial, not to sound rude but have you done it?
Again thanks for the tutorial, I have been able to make my map look better than I thought possible

tilt
08-25-2011, 11:18 AM
Gidde has been away from the guild for some time now, I'm sure once she returns she will edit her tutorial to reflect questions etc :)

bardenar
11-09-2011, 12:43 PM
Hi fellows,

I'm having some problems right now. I was following the instructions in the tutorial (it is very clear and easy to follow for a gimp beginner, even for a non-native english speaker!) and I'm stuck in the border section. My problem is when I merge all the visible layers, If I hide the background layer then all the rest of the layers dissapear! (the shading layers only-mountains, hills and forests) What I'm doing wrong? Maybe is a problem of missundertanding but I feel so anxious because the results are being awesome!

Thanks in advance.

Dave

jfrazierjr
11-10-2011, 08:55 AM
Well.. I don't know what part you are at, but if the layers above the "background" layer have a layermode other than "normal", this is correct. Layer Modes "modify" the way the below layer's look... if you hide that below layer, there is nothing to modify!!! Other than that, I guess we need more information.

bardenar
11-11-2011, 09:51 AM
I'm in the beginning of the Borders section, I think is pg. 23 in the pdf. I'm going to try to modify the layers to normal (multiply at the moment) maybe that could be the problem.

Thank you very much.


Edit.:

And as you were saying, the problem was that, the layermode, :). Thank you and I will upload the results soon!

Midgardsormr
11-11-2011, 04:06 PM
Really? That doesn't seem like desirable behavior to me. If you have a layer with a blendmode turned on and nothing underneath it, then you should just see that layer unmodified. Do you get the same result if you use Screen or one of the other additive modes?

bardenar
12-01-2011, 12:56 PM
40315

This is the map I've done following the tutorial. Actually, is my first map (well, my first not really hand drawn). Well, what can I say? Not bad, really? hehe.

rentauri
12-05-2011, 10:07 PM
I to used this tut to create a map and I felt it was easy to follow and use. I did have a couple of problems here and there but overall I came to really like it.

Troedel
05-14-2012, 09:24 AM
This is a tutorial everybody new to mapping should read. Great work.

Gidde
05-14-2012, 10:07 AM
Thank you for the feedback!


Sent from my iPhone using Tapatalk

Helleaven
05-25-2012, 05:47 PM
Hi Gidde! After many hours I've completed the map according to your tutorial. It turns out to be far more better than I expected. A great tutorial, thanks!

But I have 2 problems, which probably originate from my unperfect english. Here are my problems.

First, about the labels. I couldn't understand how I can erase the area under the labels, can you give me more spesific details. Because I didn't understand the instruction, I drew white semi opac lines with a wide fuzzy paintbrush, but it looks very bad now :/ .

Second, the same thing happened when I was trying to finalize the rivers too.

"Switch to the channels dialog and grab the Border layer as a selection. Switch back to the layers dialog and select
the mask for the River Color layer. Fill the selection with black. Now switch back to the channels dialog and pick up the Rivers channel as a selection. Switch back to the layers dialog, select the River color layer."

I couldn't understand this part :/ What do you mean by "grab the Border layer as a selection" ? I don't know if it is too much but can you give me more detailed explanation about this part that I quoted? A step by step instruction like you did at the first steps of the tutorial.


And here is my map, you can see what I was trying to say as soon as you open the file :)


45078

Gidde
05-26-2012, 11:19 AM
Ok, first the channels part. I've attached a screenshot with some pictorial instructions on grabbing a channel as a selection, hopefully that will clear that part up.

For erasing the stuff under the labels, you need to put a layer mask on the layer that has your mountains, forests, etc. (it should all be merged at this point, I believe). Layer -> Mask -> Add Layer Mask ... then select Full Opacity.

Then make sure you have that *mask* selected (click on the mask thumbnail which is to the right of your layer and should be totally white) and paint in *black* on the mask. This will make the stuff you're painting over "disappear" without actually deleting the data it represents (in case you change your mind).


Layer masks are integral for mapping; jfrazierjr has an excellent tutorial on using them here (http://www.cartographersguild.com/showthread.php?t=3143). You might want to take a detour and go through that before you continue.

Hope this helps!

Helleaven
05-26-2012, 01:35 PM
That's wonderful thank you, it will help me a lot. You're an excellent instructor :)

Tazgrent
07-03-2012, 05:56 PM
I just wanted to give my thanks for this tutorial. The style of maps it creates is absolutely incredible, and matches what I had in my mind's eye almost perfectly.

Gidde
07-07-2012, 11:59 AM
You're welcome, and thanks for the kind words!

Seleucus I
07-17-2012, 06:02 PM
Hey Giddes,

First off, thanks for the tutorial; I'm planning on making several maps in this vein and its nice to have some steps to follow. Also, while reading through, I realized that I think I can fix a problem you were having. On page 21 of the pdf when talking about stroking selections, you mention that:
"For some reason, every time I did this, my stroke came out orange. No idea why."
The reason why is revealed in the screenshot that accompanies the pdf on page 21. There, you have the "Pattern" circle selected. While you probably thought this indicated that you wanted to stroke the selection with your own, user defined pattern, what this instead indicates to GIMP is that you want to stroke the path with a patterned texture instead of a solid color. And the default pattern selected is an orangeish wood grain. I have made this mistake several times in the past as well, and while it is frustrating, is easily fixable.
All the best,
-Seleucus

Gidde
07-18-2012, 12:28 AM
You're welcome, and thanks!


Sent from my iPhone using Tapatalk

Tuleran
08-16-2012, 11:42 PM
Thank you so much for this Tutorial Gidde! This is my favorite style of map, and I just finished my very first map, for my new d&d campaign. I couldn't have done it without your tutorial!

First Map: The Kingdom of Eleseen!
47581

Kieserson
08-19-2012, 11:14 AM
This is just awesome! Thanks for popping my eyes open. This is how I will be making my maps henceforth. :D

Freodin
08-31-2012, 07:49 AM
With every new map that gets made with this tutorial it becomes more obvious: this is simply one of the best map tuts ever made!

Yusaku Asano
09-12-2012, 04:39 PM
Gidde with your tutorial someone can make incredible maps! However since i don't use gimp is possible you or anyone else to make a photoshop version of this tutorial?

Anyway, the maps here are really awesome :)

Shagun
04-09-2013, 09:35 AM
Hey there! I really loved your tutorial "Hand Drawn Map Tutorial (for the artistically challenged)". It really made GIMP easy for me. I downloaded the program for the purpose of map making but it was so damn complicated and none of the tutorials online hit home until I saw yours. It was really easy making maps your way.
I e-mailed to bother you of a problem I seem to face. At the point when we are merging all the visible layers keeping 'river', 'coastline' and 'background' invisible, my map isn't turning out as planned. On merging the layers the image becomes grey with only rivers and coastline visible. All the mountains,hills and forests just vanish. I don't know what to do since I'm new to the program. I was hoping you could help and guide me around this problem, if it isn't too much trouble.


Thanks a bunch!
Hope to hear from you soon!

-Shagun