Tag Archives: photoshop

How to use brush dynamics to draw buildings

Drawing Buildings with Dynamic Brushes

Earlier in the week I posted a tutorial on how to draw buildings with the pen tool. But sometimes drawing each building just takes too long. For whole cities, you probably want a quick way to lay in whole blocks of buildings. Photoshop can help – using dynamic brushes. Continue reading

Quick Tip – Isometric Rivers

Isometric River Tutorial for maps

How to draw isometric rivers

This tip is a quick one. Isometric maps are fun, and can have a large impact. The side on view gives the option for more detail and a more illustrative style.

Rivers can break or make an isometric map. On a top down map, a rivers travel in all directions. On an isometric map they should travel further left to right, than up and down. If a river travels straight up and down on an isometric map it’ll look out of place. In the map above I’ve pulled the curves of the rivers further out when they travel left and right. This helps sell the idea that you’re looking down on the map from an angle. This, combined with the same trick on the coasts, can sell the perspective and foreshortening that the isometric map requires.

How to Draw Icons – and a Free Ship!

Free Ship Icon for Pirate Maps

Free Ship Icon

At the start of the month I released the Iconic Island – a map pack with an island map and a load of individual map icons indicating things like castles, cities and ruins. Today I’m covering how to create your own icons. This is a slightly longer tutorial than normal and will cover some new Photoshop techniques, specifically using the pen tool, and more on layer blend modes. There’s also a video at the end of the tutorial to help illustrate the steps in more detail.

Continue reading

How to draw flagstones

This isn’t quite as formal as previous tutorials. After I created the tutorial for drawing water, I carried on and quickly coloured and shaded the flagstones. Here’s the video of that process, which fills in a lot of my standard working method – base colour and then a collection of overlay layers to add detailed light and shade.

Converting a Phone Photo to Digital Line Art

How to scan a document with your phone

Lots of people are jumping into the #fridayfiveminutemap and posting phone snaps of their maps. A couple have asked how to take a picture of their map and clean it up a little. This mini tutorial should help with that. The basic idea also works for cleaning up scans, and the techniques are useful in a whole range of places (you can find a version of this geared to Gimp users here).

Continue reading

How to Draw Grassland

Grasslands are tricky to map. They’re large empty open expanses. But if you just flood fill an area with light green it’ll stand out like a sore thumb against your beautifully rendered mountains and lovingly painted rivers and forests. The colour is tough too – you want it to be a light green without being fluorescent.

How to draw grassland
I’ve found that the following works well for grasslands: Continue reading