View Full Version : [Award Winner] Painting maps in Painter

02-08-2008, 03:54 PM
Some members, like ravells and pyrandon, were interested in a tutorial in how I do my maps. I think tutorial is too strong a word for this, though. So I'm going to call it a walkthrough ;).
First a disclaimer: there are a million ways to draw and paint a map. You could do a combination of traditional and digital methods, you can really paint (so no cartoony line art), use any combination of digital tricks. This is just roughly the way I've drawn the two maps I've posted earlier.

What am I going to walk you through?
A process of drawing and painting maps freehand in Painter. It’s basically what you’d do with traditional media (pencil, ink, paint), but digital. I’m not going to use digital tricks other than layers and their properties, and the painting tools available in the program.

What would you need?
A tablet. Seriously, don’t torture your wrist.
Any painting program will do. I use Painter, but Photoshop, Paint Shop Pro, ArtWeaver (a free painting program), or ANY program that allows you to paint is good. It has to provide you with tools to ‘ink’, ‘paint’ and 'blend', and that’s it.
For this specific walkthrough, I need layers. But I use very few, I like the challenge with using only two or three layers.

Here are the tools I use in Painter.
I don't know of any analogues in Photoshop or so, you'd have to experiment a bit. Don't choose tools that are too 'perfect' though, like an airbrush. A bit of roughness in the final product is preferred over perfectly smooth transitions.

If you're going to join me in this drawing, then I'd love to see some results from you guys :).

STEP 1: The Sketch

Alright. Here I start with a blank canvas and very simply throw down some basic shapes. I don't care for prettiness, it needs to be recognizable, but that's it.
After that I throw down the opacity on that layer, create a new one above it, and start refining the sketch. I add in mountains, rivers, cities, cliffs, some small lakes. This need not be pretty either, it just has to be clear where the definite lines will go in the inking step.

In this step it's most important to think about the geography of the lands. It's where you build your world.
Another point to take into consideration is composition. Overall balance in the picture. I’m not great at this, but take a few steps back and look at the picture through half closed eyelids. Does it look good? Is there a balance between dark and light (mountains are much darker than plains in my case)? Is your eye drawn to the place you want it to?

I have made a coastal region, with a small mountain range ending up on a peninsula. I had Pompeii-like images in my mind, and thought a volcano would be awesome in several ways.
If you look at it, the mountain range sucks all the attention towards itself, and ‘flows’ more or less towards the peninsula and the volcano. This area is really the focal point of the map, so viewers are going to assume this is where the action takes place.
Also, it splits the lands in half, which is usually not a really good thing. However, you can make it work, and I hope I will here ;). Perhaps the mountain range provides a natural boundary between the two lands, and they fight wars in those same mountains, which could be enough justification to make it the most important part of the map.

You may notice my lack of woods. That's because I have not yet discovered a relatively easy way to draw these without being frustrated :P. I would love to draw every single tree, but it just takes so much time, while the resulting pattern is not really regular enough for my tastes. So I'm leaving them out now..

Next up are the inks!

02-08-2008, 04:22 PM
STEP 2: The Inks

Usually I don't really like this step, because it takes away some of the 'flow' of the initial sketch. But to make a somewhat representable map, it's necessary. There are two methods I use: either I clean up my sketch or I put the opacity lower and draw on a new layer.
In this case I used the second option. I've uploaded the sketch+inks and only the ink version. I will draw the rivers when we move onto the colouring. My mountains usually have two elements: the outlines and the shading, as you can see.

I don't have much to say. Make sure you work big, so you can be a bit sloppy and don't have to worry about every single pixel. It doesn't need to be perfect, especially if it doesn't add anything when zoomed out.
I've also uploaded a 100% zoom shot from the inked version. You see, it's rather sloppy, while on the resized version these little variations go pretty much unnoticed. If you'd want to post a high resolution file somewhere, then I'd be a little neater, but this time not so :)
My point is: make a nice line art, but don't spend your time on details that don't matter that much :)

Next: 'flat' colours, preparing to paint and possibly textures
I'll post that later on, I think, I want to paint it a bit more before posting my progress again.

02-09-2008, 07:18 AM
This is fantastic, thanks Sirith! Thank you so much for posting - as a matter of interest, how large do you make your initial canvas? I love your mountain style and might be emulating this very soon!



02-09-2008, 07:54 AM
The initial canvas was 900x800 (this fits at 100% exactly in my workspace in Painter with some room to spare, so I usually use this size when sketching). When I started refining the sketch I made it twice as big.
If I'm doing something that needs to look good on high res, it might go up to 3000x3000 pixels or larger.

Glad you like it, I'm curious what you'll come up with :)

02-09-2008, 10:15 AM
This is great, Sirith, just great. You make it so simple. Keep it coming!

02-20-2008, 01:59 PM
Okay, that's been far too long since I posted. Time flies!

STEP 3: Setting up to paint

I use two layers for painting: one for the oceans/seas and one for the land with everything in it. The waterlayer is put under the landlayer. I usually select exactly the landmasses along the coastlines, fill it up with a base colour, and let the Painter layer setting of 'preserve transparency' do the rest (so I can paint wherever I want, but the areas where I did not select&fill will remain untouched).

Colours choice is something thing to think about now. I believe there are some links on the site somewhere to colour scheme generators. You could you photos to pick a colour and adjust as needed. But this is a general issue with coloured maps anyway, so suffice to say you just have to fool around until you find something you like.
Using a colourchart on a separate layer will help remember what base colours you used. You'll see my colour chart expand as the painting goes on.

A note on base colours. I have uploaded two versions, one with completely flat colours, and one with a very little bit of variance in the colours. You can see that last one looks WAY better already. All I did was paint the plains just a little lighter and the mountains a little darker, and blend where these colours meet. In this way, within minutes, your map will already look presentable, if a little empty ;)

This is also the complete basis of how I paint these things. Get a basic colour, a lighter and a darker variant, paint, blend, done. I'll talk more about that in my next post :)

02-20-2008, 02:27 PM
STEP 4: Painting

Now that the base is done, now it's time to refine it. Using my sketch (which I still have on a layer for reference underneath it all, remember that I didn't ink my rivers ;)) I start to add some more colours to the lands, to deepen the area around the mountains and lighten the plains and coastal areas.
I like to keep my palette simple, by the way. I might add in a colour to spice it up, but I'm not comfortable with colour theory (how one colour behaves next to another, for example) enough to apply all kinds of subtle colours.

Now it's finally time to paint the mountains, which is often my favourite part of doing maps =).
I have a progress shot uploaded, starting from the left:
- put in the base colour for the mountains, a dark grey in my case
- determine where the light comes from, paint that side of the mountain a slightly lighter grey
- paint the area around the mountains darkgreen (I like to imagine valleys and the like)
- blend it a bit
- highlight the mountains with an even lighter grey, then go around that with a little darker grey (my highlights are usually really big, so I have to contain a little)
- blend it a bit again
After that I refined the mountains a bit more, and painted over some of the green parts around the mountains (I thought it was a bit too much).
You don't have to blend to the point where there are no hard transitions between colours, a little roughness often looks better than perfectly smooth areas.

So yes, that's the basis of how I paint these maps really: pick some colours (lighter and darker), paint, blend, repeat. It takes time, but because it's so easy, it's also quite relaxing (to me anyway ;))

Next time, I'll refine it more, add the details (lava, towns, rivers, etc)

02-20-2008, 02:40 PM
Hi Sirith, what do you mean when you say 'blend it a bit'? Do you mean using a smudge or similar or using a blend layer? Not sure I follow.



02-20-2008, 07:55 PM
Hi Sirith, what do you mean when you say 'blend it a bit'? Do you mean using a smudge or similar or using a blend layer? Not sure I follow.

Thats the same question I had! What would the equivalent to this mysterious painter blending be in other programs?

-Rob A>

02-21-2008, 01:17 AM
to be honest this has been a style that has always escaped my "understanding" I think its just due to the fact that I don't have the patience like most actual painters to blend in the colors (assuming thats how you did it, have the 2 colors and keep going back and forth with a low opacity(PS) or a low pen pressure, until the colors blend instead of smudge blurring it, or using layers where one has the base and a slight increase of color on another layer...) These are just 3 techinques I've actually seen used not only in maps, but in a lot of paintings, especially digital art... I could be wrong but I hope thats what you mean by blend :)

02-21-2008, 02:47 AM
Woops, kind of assumed it would be clear :oops:

What I mean by blending, is taking a blender-brush in Painter, or another smudge tool, and lightly going over the edges of the colours so that edge fades and a somewhat smooth transition is made.

In Painter this specific tool mostly fades the edge between two colours. In PSP or Photoshop the smudge tool really pulls the colours when you use it (or at least that's been my experience), so you have to work a bit harder to get a smoother transition.
I think at least Photoshop gives the option to use a brush kind of like a smudge tool. Perhaps it's what Yandor mentioned. My experience with the program is quite limited, so I wouldn't know for sure, sorry :/

03-09-2008, 08:22 AM
I was just messing around trying to get my mountain skills down and used your tutorial to create some... I was just pleased I actually completed something (well.. the mountain part anyway) ... if you knew me better, you would know this was quite a feat in and of itself. Anyway... thought I'd show ya'll my mountains :D

It isn't anywhere near the level Sirith is at, but I was happy with it for a first time... thanx Sirith


04-15-2008, 12:38 AM
i enjoyed your tutorial very much. you have provided some very useful tips. thought i'd show a zoomed out version of a top-down map i've been working on. just to clarify, this map was also done in painter using a tablet and pen. as you can see, it's still very much in progress. to give you an idea of scale, this is a major portion of a continent. the small color swatches you see up in the corner are on a separate layer... that's my color palate. i mixed the colors there till i got them pretty much where i wanted them, and then i keep them there so that i can eyedropper them and have a consistent color scheme for this continent.

04-23-2008, 11:45 AM
Hey there, sorry for my absence from this place for quite a while, mapmaking isn't the only creative activity I do :)

delgondahntelius >
Nice try! I don't have much to say, other than practise makes perfect :)

nijineko >
Also very nice! I like the top down view, and it looks like you're packing in quite a bit of detail in there.

Glad I was able to provide some tips, even though I haven't actually finished the walkthrough yet :oops:

03-11-2009, 07:40 PM
Dude. You haven't finished this tutorial, and it's already an award winner?! For heaven's sake, man, stop having a life and get back on this forum already!


03-20-2009, 08:19 PM
Wow, this is very nice. Very helpful. I'm looking forward to seeing what's next!