[Award Winner] Using the mosaic filter to make towns in Gimp

[torstan]

Now we'll put in some colour to finish the whole thing off. First of all, let's put in some grass background.

1. Create a new layer
2. Place it under your Colours layer and your Roads layer
3. Fill it with a nice grass texture (select a grass texture and then hit ctrl-.

Now it will look something like this - its starting to come together:



We also want roads that aren't black lines. For this take the following steps:
1. Create a new layer and call it Street Colour
2. Fill it with a nice street texture - I've found that the default Gimp pattern Slate is actually not too bad as a starting point.

Now this makes everything grey - we don't want that. We want to create a layer mask that will show only the areas we want.
3. Right click Street Colour in the layers dialogue and go to Add Layer Mask...
4. Select Black - full transparency in the Layer Mask Dialogue.
5. Select your Roads layer.
6. Select the Magic Wand tool and make sure the selection mode is Replace Current Selection
7. Click on the road to select all your roads (if you have disconnected road sections it is better to use the Select by Colour Tool here instead).

You should now have something that looks like this:



8. Select the layer mask for the Street Colour layer in the layers dialogue
9. Go to Select->Shrink and pick 2 pixels
10. Fill the selection with white.
11. Edit->Select none (ctrl-shift-a).

Now this gives a very hard edged road network. I personally think this is a little too clean. To fix this, still with the layer mask selected, do the following:
12. Go to Filters->Blur->Gaussian blur
13. Accept the defaults and hit okay.

You should now have something that looks like this:



Now the roads are a bit dark, so I used the Colours->Brightness/Contrast dialogue to up the brightness of the roads a bit:

[torstan]

Okay, so now we want to add some shadows.

1. Go back to your black and white buildings layer
2. Use the Select By Colour Tool to get a selection of all the buildings
3. Go to Filters->Light and Shadow->Drop Shadow
4. Pick the following options in the dialogue:



5. Hit okay and move the layer under your Colours Layer

That's it done. The town is finished and the houses are all there. My final screen looks like this:



and the final map looks like this



Now there are lots of things that can be done to tweak this process - if you fiddle with the settings in the mosaic filter specifically you will be able to get more or less spaced out houses and different shapes. Equally you can posterise the colours layer and apply a stroke to the houses to make it look more hand drawn. Here I also put all the colour layers over a parchment background and changed them to multiply, overlay, or hard light, to get a less intense feel. I added an overlay layer with some broad regions of light and dark for the hills. I also used the bump map layer as an overlay layer to give a bit more light and shade to the buildings.



Here's the layer layout for that map:

[bryguy]

love the tutorial! and I think that the random village shapes look cool




btw, what did you do for that last pic? it looks awesome

[torstan]

I'm glad you liked it. I'd urge all that read through it to rate it, if you like it or not.

The steps I took to make it look pretty are:
1. Add a parchment texture as the background.
2. Change the layers above in the following way:
a. Duplicate the layer
b. Set the blend mode of the bottom of the two copies to overlay
c. Reduce the opacity of the top layer to between 50-80% depending on the result

This softens the colours and blends the colour scheme together a little more. Now to create some light and dark regions:

3. Create a new layer over the map and set the mode to overlay.
4. Fill with precisely 50% grey (you will see no effect at this stage as 50% grey does nothing for overlay layers. Don't worry, it will be important later).
5. Go to the dodge/burn tool and take a nice large fuzzy brush. Make sure you have the tool set to burn and the range set to shadow:

6. Now run the brush over those regions that you would like to be dark - essentially hill-sides away from your sun.
7. Now switch to dodge, and set the range to midtones.
8. Run the brush over those regions that are in the light - hill tops and the sides of hills facing the sun.

You will now have soft highlights and shadows on your map. This will give the impression of hills. Repeat these steps to get deeper shadows and feel free to use the smudge tool with a large fuzzy brush to smooth out any shadows that are too dark.

If you set your overlay layer to normal you'll see that you've really got a grey layer with lighter and darker regions on it. For the map above, my overlay layer looks like this:


That's all there is to it.

I've also uploaded the .xcf file in a zip for people who want to see the breakdown of all the layers and blending modes for that final image. I hope its useful!

village2.zip

[Sagenlicht]

Nice tutorial torstan

Repped and rated

[torstan]

Thanks for the bump and the 5 stars That's quite a thread ressurection you achieved there.

[Sagenlicht]

Heh - I had close to no time in december, so I try to catch up a bit

[Vandy]

Hi, All.

Here is torstan's excellent tutorial as a PDF document.

Regards,

Gary