Results 1 to 10 of 51

Thread: [Award Winner] Drawing hand drawn maps in Gimp

Hybrid View

  1. #1
    Community Leader Facebook Connected torstan's Avatar
    Join Date
    Jul 2007
    Posts
    4,162

    Tutorial [Award Winner] Drawing hand drawn maps in Gimp

    After foolhardily promising to provide a tutorial for the style of my pirate cove map, and equally foolhardily implying I would pitch in for this month's contest, I have decided to kill two birds with one stone and do my May entry as a tutorial.

    I have decided to draw a ship-wreck as my tactical encounter map. There seems to be a sea theme to the current challenges so I thought I'd shamelessly pander the the audience and continue the pirate theme. I also need a ship-wreck for my current game so it seems to work.

    The first step in these maps is to get hold of a decent parchment background. There are many excellent tutorials on how to create such a thing from scratch and I will not go into this here. However, note that a lot of the colour of your map will come from this parchment colour, so make sure it has the tone you are looking for. If you are mapping for a dark game - Cthulhu being the obvious culprit - then dark tones, low saturation and the odd blood-stain are the order of the day. If you are mapping for a standard high-fantasy map then ramp up the saturation a bit, and lighten the parchment colours. The lighter the map, the more colourful it will be later on. If you find the colours are off later in the process, don't worry. We'll be keeping the parchment layer as the background so it can always be swapped out later to test different effects.

    Make sure you have a parchment background of the correct size for your final map. Set this to be your background and create a new transparent layer. Name it sketch.

    Now, I will be assuming the use of a tablet for this I am afraid. A mouse will also work, as will a scanned pen drawing - I'll add an aside on the pen drawing question a little later.

    The first order of the day is to sketch a rough layout of the drawing. This will be the base for the careful pen drawing that will come next. At this point it is all about getting the composition right. I now (after RobA's excellent tip) use the ink tool. This is highlighted in the following image. I set the size to 2.5 (or thereabouts) and have the size sensitivity ramped all the way up. Now sketch (on the sketch layer) a rough design for the map. Don't worry about mistakes, this will never see the light of day. You'll use it as a base for later on. You should now have something that looks like this:

    Click image for larger version. 

Name:	start.jpg 
Views:	2763 
Size:	215.3 KB 
ID:	3631

    Note that this is not neat. It should be quick to draw and quick to correct. It should show all the major areas clearly and every main feature should be in roughly the correct position.
    Fantasy Map Blog | My food illustration
    Everything I post is free for use and redistribution under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 licence, except where noted otherwise in the thread.

  2. #2

    Post

    torstan - I'm really looking forward to this, because hand-drawn maps are more my thing. Please continue with it.

  3. #3
    Community Leader Facebook Connected torstan's Avatar
    Join Date
    Jul 2007
    Posts
    4,162

    Post

    More coming. It's just that I ended up starting this while doing a two week tour from Poland back to the UK via Oxford for wedding prep and then to Barcelona (currently) for a physics conference. Real life has got a little in the way of more important matters! Not to worry, I have a whole day tomorrow of seminars so I'll have plenty of time to plot about plotting.
    Fantasy Map Blog | My food illustration
    Everything I post is free for use and redistribution under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 licence, except where noted otherwise in the thread.

  4. #4
    Community Leader Facebook Connected torstan's Avatar
    Join Date
    Jul 2007
    Posts
    4,162

    Post

    Now that the basic layout is there it is time to start inking in the final lines.

    First reduce the opacity of the sketch so that you can use it as a guide, but you can tell what is being drawn now and what is the sketch.

    Create a new layer and name it appropriately. I called mine DeckLines. This will hold the ink lines for one of the large objects in the image - in this case the ship's deck.

    Click image for larger version. 

Name:	sketch.jpg 
Views:	613 
Size:	155.0 KB 
ID:	3987

    Now before you go any further, it is quite likely that you want to refine your sketch. In this case, create a new layer called sketch2 over the desaturated sketch layer and begin a more careful sketch. Here's the progression of sketches I used to get to my final boat layout for this image:

    Click image for larger version. 

Name:	sketch1.jpg 
Views:	385 
Size:	144.8 KB 
ID:	3988
    Click image for larger version. 

Name:	sketch2.jpg 
Views:	287 
Size:	162.9 KB 
ID:	3989
    Click image for larger version. 

Name:	sketch3.jpg 
Views:	1121 
Size:	181.5 KB 
ID:	3990

    Each one was drawn on a new layer above the older one which was desaturated as shown. Once you have got a newer sketch then you can ditch the older one. The best way is just to hide the layer by clicking the eye that is beside it in the layers palette. You don't know when it will be worth going back to one of these older sketches.
    Fantasy Map Blog | My food illustration
    Everything I post is free for use and redistribution under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 licence, except where noted otherwise in the thread.

  5. #5
    Community Leader Facebook Connected torstan's Avatar
    Join Date
    Jul 2007
    Posts
    4,162

    Post

    When you are happy with your sketch, go to your ink layer, in this case called DeckLines, go back to the ink tool with your favourite setting and start carefully inking in the lines you want to have at the end. Don't be afraid to use ctrl-Z if you're a bit off. Also, make sure you are working at 100% zoom or above. Gimp can pixelate things if you work at lower zooms and what looks great at 50% doesn't always look good at 100%.

    Also, don't worry about areas that are below another object. I drew in the deck without the fallen masts first and went back to create the broken areas later. It's easy to erase a small portion of the line drawing later and redraw it as necessary.

    Don't be afraid to add new layers to start working on a separate object.

    Here's the finished line-drawing for this ship. Here I have been a little sloppy and deleted the old sketch now that it is no longer needed. Notice that there are 4 line layers that contain the overall ship and deck lines, the textures on the ship's deck - the woodeon planking and the hatch over the hold - and similar breakdowns for the area beneath the water.

    Click image for larger version. 

Name:	Lines.jpg 
Views:	810 
Size:	179.2 KB 
ID:	3993
    Fantasy Map Blog | My food illustration
    Everything I post is free for use and redistribution under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 licence, except where noted otherwise in the thread.

  6. #6

    Post

    Considering I cant draw at all I think the ship is nice

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •