Results 1 to 10 of 51

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

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Community Leader Facebook Connected torstan's Avatar
    Join Date
    Jul 2007
    Posts
    4,199

    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.

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

    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:	687 
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:	453 
Size:	144.8 KB 
ID:	3988
    Click image for larger version. 

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

Name:	sketch3.jpg 
Views:	1192 
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.

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

    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:	908 
Size:	179.2 KB 
ID:	3993

  4. #4

    Post

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

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

    Post

    Welcome over here Harchunk - another victim of RPMiller I guess.

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

    Post

    An alternative way to get a line drawing into gimp is to scan a hand drawn map. For example here's the hand drawn map of Dragonford:

    Click image for larger version. 

Name:	Dragonford.jpg 
Views:	2512 
Size:	351.7 KB 
ID:	4028

    If you have a scan like this you can place it over your parchment in a number of ways.

    First open the base image of a parchment background as above. Now open your scanned image in a separate window. Scale the scanned image so that its dimensions are within the size of the parchment image you will be using as your background. Select-all and copy the scanned image. Now go to your parchment image and create a new transparent layer.

    ---Useful tangent---
    Note that shift-clicking the new layer button in the layers dialogue creates a new layer with the last used values. This saves ages when creating lots of new layers like we will be doing here.
    ---end of tangent

    Paste the copied image into this new layer. You will now have something that looks like this:

    Click image for larger version. 

Name:	handrawn2.jpg 
Views:	487 
Size:	166.4 KB 
ID:	4025

    Now this is no use to anyone right now. We need to get rid of the white background. The easiest way to do this is to change the layer mode from normal to multiply.

    Click image for larger version. 

Name:	multiply.jpg 
Views:	433 
Size:	25.0 KB 
ID:	4027

    This gives something that looks like this:

    Click image for larger version. 

Name:	multiply2.jpg 
Views:	1322 
Size:	432.4 KB 
ID:	4026

    Note that there is a strange artefact around the edge of the old white image. This is there because the background wasn't as white as it looked. To get rid of this we need to mess with the levels. Make sure the layer with the scanned image is selected. Go to Color->Levels. There is a histogram under which there is a black triangle (far left), a grey triangle (middle) and a white triangle (far right). If your histogram looks anything like mine then there should be a large peak in the histogram at the right hand side. This is just saying that most of the image is white - not surprising for a scanned image on white paper. The width of this peak shows that there is a spread of 'whites' away from the true white marked by the white triangle. This is what causes the artefacts seen above. Slide the white triangle to the left of this large peak. Now every region that was just off-white will be pure white. Your artefacts should have disappeared, leaving you with an image something like this:


    Click image for larger version. 

Name:	example1.jpg 
Views:	462 
Size:	411.3 KB 
ID:	4024

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

    Post

    The second way to do this is as follows.

    Follow the same process as before so that you have a pasted layer with a white background above your parchment layer. However don't set the layer mode to multiply.

    Before going further, use the layers dialogue to correct the whites as described above. Now we are ready to move on.

    With the scanned image selected go to Layer->Transparency->Color to alpha...

    Make sure that the box beside "From:" is white. This will turn all instances of white on this layer into a transparent image. Now you see why we needed to have the background as pure white as we could. Press okay and you will see your white background magically disappear. I prefer this to the multiply method because you aren't affecting any other layers with this. Multiply does affect the layers below it so it can create some wierd glitches further down the line. Plus it will be useful to be able to mess with the line layer modes later on which we can't do if we are relying on them being set to multiply at this stage.

    This should give you an image much as before:

    Click image for larger version. 

Name:	example2.jpg 
Views:	444 
Size:	412.5 KB 
ID:	4029

    Now this is a little light so we'd like to make it a bit darker. With the scanned layer selected press ctrl-shift-D or go to Layer->Duplicate Layer. This should darken the lines nicely. Play with the opacity of the new layer (using the opacity slider in the Layers Dialogue) until you decide it is dark enough. Then right click on the duplicated layer and go to Merge Layer Down. This gives you a lines layer as before. This now looks something like this:

    Click image for larger version. 

Name:	example3.jpg 
Views:	623 
Size:	465.5 KB 
ID:	4030

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
  •