0% found this document useful (0 votes)
90 views12 pages

How To Make Non-Destructive Textured Maps in Photoshop: Let'S Get Started

This tutorial teaches how to create non-destructive, editable texture maps in Photoshop using layers, layer styles, and masks. Key steps include: (1) Creating a base land outline layer that can be edited to change coastlines and rivers. (2) Adding texture layers above the land outline and using layer styles like patterns, blurs, and layer masks to build up land textures like deserts while keeping them editable. (3) Using techniques like the "jiggle" filter, cloud masks, and layer style adjustments to blend textures together seamlessly and allow changes with minimal additional editing. The resulting map layers can be easily updated by editing the underlying shapes or adjusting layer

Uploaded by

Amit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
90 views12 pages

How To Make Non-Destructive Textured Maps in Photoshop: Let'S Get Started

This tutorial teaches how to create non-destructive, editable texture maps in Photoshop using layers, layer styles, and masks. Key steps include: (1) Creating a base land outline layer that can be edited to change coastlines and rivers. (2) Adding texture layers above the land outline and using layer styles like patterns, blurs, and layer masks to build up land textures like deserts while keeping them editable. (3) Using techniques like the "jiggle" filter, cloud masks, and layer style adjustments to blend textures together seamlessly and allow changes with minimal additional editing. The resulting map layers can be easily updated by editing the underlying shapes or adjusting layer

Uploaded by

Amit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

How to make non-destructive

textured maps in Photoshop


This tutorial assumes that you are reasonably familiar with using photoshop. E.g. You know how to create
layers, layer styles, masks etc.
After you complete this tutorial you should be able to make maps which are easily editable:
(a)
you will be able to change textures
(b)
You will be able to edit coastlines
(c)
You will be able to edit rivers
all with a few button clicks or strokes.
By editing one element on the map, you will have to make few or no consequential edits to other parts of the
map - they will just fall into line. The advantages of this are easier to see than to explain, so lets get started.
Preparation
Get some good textures.
This form of mapmaking relies heavily on textures, so it is useful to have an easily available source. A good
place to find tiling textures of earth-like surfaces is Genetica. You can download a free viewer from the internet (google to find it) which comes with a number of preset textures which I will be using in this tutorial. Of
course you can use any source of textures you like, although I would recommend that you find textures
which seamlessly tile which is preferable but not essential. If you choose to download Genetica, then have a
play with it to get used to how it works.
Get the Eye Candy Filters
Go here: http://www.geocities.com/why2kspace/ and download the free version of eye-candy filters. We
will be relying heavily on the jiggle filter. Install it so that you can run the filters directly from Photoshop.
Use a Tablet and Pen
Not essential but highly recommended.
The more advanced mappers will see that there is nothing original in this tutorial. Once youve been through
it a couple of times and have built up a bank of pattern fills, you should be able to produce maps within an
hour or less.
Remember: Experiment Experiment Experiment

LETS GET STARTED

OVERVIEW
The Layers Tab of the Finished Map
A single coloured texture as the top layer set to multiply or similar
will unite all the colours and give your map a dominant
colour theme
The only colour you use is white against a transparent background
This makes the shapes easy to edit. All you need is a white brush
And an eraser.
Use the jiggle and blur filters to break up the edges of your
Elements so they merge into surrounding elements.
Use layer masks with clouds to overlay one texture on
top of another to break up a texture so that the texture below shows
through in parts
Use layer effects to give your layers texture and colour. This makes
Them very easy to scale and edit.
The land outline on a single layer allows you to to easily
Edit your coastline and rivers. If a land texture overlaps into the
Sea just select the sea on this layer, to to the texture layer with the
Selection active and hit delete.
Use Folders to organise your layers (optional!)

Finished Map

Creates a new layer


Creates a folder
Allows selective colour
adjustments
Creates a layer mask
Creates layer effects

The Sea/River Layers


Render clouds on a white flood filled background
Flood fill with plain white.
Blue with some noise rendered on top.
Sea 1 Layer Style Options

Sea 2 Layer Style Options

Play with these settings to edit the textures

How to create new pattern fills:


Load a seamless texture into photoshop as a new image.
Select Edit > Define Pattern and close the texture.
In the layer style menu, click on the little triangle. Your new pattern will be the last on list of thumbnails.

The Land Outline


Create a new layer. Use the lasso tool to make a rough selection of your land
mass (you can edit it to a more precise shape in step 2) and then flood fill the
selection with white. Note that you can see the sea layer below because the sea
part of this layer is transparent.
Optional: If you want to roughen up the land outline, you can use the jiggle filter.
Zoom in reasonably close to the land mass in the preview pane so you can get an
idea. I find that the bubbles movement type is the best to use. Keep the bubble
size smallish and the twist low, and play with the warp amount. You may need to
play with the settings a bit until you find something you like. Again dont worry
if it is not perfect, you can still make finer adjustments in the next step.

To make fine adjustments use the pencil tool (NOT THE BRUSH TOOL)
and a 100% hard eraser. The reason
for not using the brush tool is that is
that this layer will be used to make
selections...a lot. A selection will follow the outline of a pencil tool line precisely but not a brush tool which is anti-aliased to look smooth which
means a selection will not quite go flush to the edge.
Use the square brackets [ ] to adjust the size of the brush and eraser. Clean up the coastline and cut in rivers
and lakes. If you need to edit the coastline later, add or take away rivers and lakes, all you need to do is to
use the white brush and a 100% hard eraser. Note that this is where having a tablet comes into its own. If
you select shape dynamics for your brush and set the size jitter to pen pressure you can have a lot of control this is particularly helpful in making tapered rivers where you can ease off the pressure as you draw.
Use the white pencil tool to add islands and add to
the coastline.
Use the eraser tool to cut out rivers and lakes
Use the eraser tool and pencil tool to carve out
island chains from the landmass.
Tip! You may end up with some very small islands you dont want. To find them, select the
magic wand tool and click on the white landmass, the marching ants will show the little islands clearly. Use the eraser to delete them.

Texturing the
Land Outline
Heres where you get to make some choices depending on the style you want to shoot for. Im not going to
go through all the alternatives, but just remember - if you want to make a style adjustment do it in the layer
styles not on your white landmass. This will make editing much easier. Click on the layer Style button to
create a new layer style for the white outline you just created. Here are the choices I made in layer styles and
the result.
To get the black
contour lines around
the continent use an outer glow with the spiky
contour editor pattern as
shown. You will have to
click on the pattern window and make your own
custom spiky pattern.
Play with all the sliders.

I have chosen a Genetica seamless tile to use as a base fill


pattern for the continent. Choose something which represents
the dominant texture for the map. In my case, greenish lowlands with some textures. Adjust the scale so it textures to an
acceptable level. If theres some repeat tiling, dont worry too
much, when we make our next layer we will break up the texture a bit to give it some variety. Notice how you change the
pattern fill to whatever you want with minimum fuss.

A one pixel black stroke gives a nice black edge to the map.

The Power of Layer Styles


You can still adjust the outline of this map using the
white pencil and the eraser. Try it - the rest of the
styles will follow without you having to adjust them
too.
5

Land Outline
Landmass Copy
Duplicate the landmass layer (shortcut ctrl J) and for the time being, uncheck all the layer style boxes.
Create a layer mask and then render clouds on it.
Now choose some new layer styles to break up the texture below. The cloud mask will blend the textures
together. Dont forget to run through the blends for the layer (overlay, multiply etc) to see what happens.
Here is what I chose:

When you render the clouds you can increase and


decrease the effect of how much they hide by
making sure the layer mask is selected and going
to image >adjustments>levels and playing with
the slider at the bottom.
Here is the result:

Tip!
One of the drawbacks to the native photoshop
clouds filter is that it renders the clouds at just
one size. If you want clouds that are scalable,
then you can pay for Alienskin Xenofex 2 little
fluffy clouds filter, or you want to go for free
try the Blots 2 filter from Mehdis filters and
use black and white as your colour choices. This
gives you more control over the layer mask.

Land Textures
Desert 1
By now you should be getting the hang of how all this
works. Lets put in a desert.
Create a new Folder, call it Land Textures and create a
new layer inside the folder. Call it Desert 1. Use the
the lasso tool to make a selection of where you roughly want the main area of your desert to be and flood
fill it with white.
Notice that I have not tried to trace around the river or
coastline. I want the desert to follow the coastline and
rivers and I will delete the bits of desert which I dont
need later.
Use the jiggle filter again. Try Brownian motion selection and play with the sliders. I got this:
Then apply a little gaussian blur just to take the hard
edge off.
Click on your landmass layer to make it active and select the sea area using the magic wand. Click back on
your Desert layer to make it active and hit delete. The
rivers and coastline are now back in the picture.
Note that I can now use the white brush and eraser to
edit the desert. If it overlaps the coast or a river all I
need to do is go to the landmass layer, select sea with
magic wand, go back to the desert layer and delete.
Now its just a question of applying layer styles to get
the desert texture. Im not going to show screenshots,
of the layer styles. you should have a pretty good idea
of what I am doing here and how it works. Keep experimenting with the layer styles - the joy is that you can
just amend them by changing the settings on the layer
styles. Here is what my desert looks like with a desert
pattern fill and a cloud mask adjusted with levels.
Remember to apply the levels adjustment to the layer
mask not the white layer to make your desert mask
more or less opaque. If you want to soften the edge of
the desert even more, apply more blur to the white
painted layer or use a large soft eraser brush. You
dont need the pencil tool here so you can experiment
with different brushes.
You can use a white brush and eraser on the white
painted layer to edit the boundaries of the desert.

Land Textures
Mountain Base & Peaks
Making the mountain base texture involves exactly the same principles as making the desert texture - just
with different layer styles.
In making the mountain base layer I have used quite an aggressive jiggle filter to get some good break up
and not used very little gaussian blur to make the mountains stand out. When you use a lot of jiggle, it will
impact on the edges of the map where your layer meets it. Use a white brush to clean up. You can lower the
opacity of the white if you like. Notice I have overlapped the mountain layer on desert layer so I can get a
smooth transition between the two. Experiment by using bevel and emboss layer styles and drop shadow.

Again if you want to adjust where the mountain base reaches, edit it by using a white brush and eraser in the
main white painted layer. Use the lasoo tool to jiggle more, try other filters. See what effects you get. Dont
forget to use the blend modes (multiply, overlay etc) on the layer to see if you can get more pleasing interactions with the layers below.
To make the mountain peak layer I created a new layer
above the Mountain base, selected the white areas using the magic wand on the mountain base layer and
then on the Mountain peak layer chose Selection>
modify>contract. I chose 40 pixels - play with your
choices and flood filled the result with white and then
used a white brush to paint where I wanted the peaks
to be. I used a pattern fill with a snowy mountain texture to get the white caps and then used the jiggle filter
to break up the clean edges. Gaussian blur, cloud mask
and levels adjustment to get this:
Again note that editing where you want your mountains to be involves editing the white bits. Editing what
you want your mountains to look like involves editing
the layer styles. At this stage experiment with lots of
brush styles on the white mountain layer to see what
you can find..
8

Land Textures
Soixante
Why Soixante? Because he posted a brilliant tutorial on making shadowed mountain peaks. Also check out
Pasiss tutorial too which would work well with this style. Im not going to repeat them here, click on the
links and feel the magic.
Soixantes tutorial: http://forum.cartographersguild.com/showthread.php?t=4319
Pasiss tutorial: http://forum.cartographersguild.com/showthread.php?t=4405
I used Soixantes layer style and brushes and got this (again editable) This deserves a big output map so you
can see the peak shading. Remember you can mix and match many tutorials on the cartographers guild and
find your own style. Note that if you use Soixantes tools you will have to change brush colour, opacity,
flow settings etc back to what you want on other layers.

Land Textures
Forests
Guess what? Same technique:
1. Make a new layer
2. Paint in your forests in white
3. Use the jiggle to break up the outline
4. Use gaussian blur or a soft eraser if you want soft edges
4. Select the sea on the landmass layer and then make the forest layer active and hit delete to keep the waters
clean.
5. Use layer styles to put in your forest texture.
6. Play with the blend modes of the layer.
Here are a couple of examples of different layer styles for the same forest area:

Dont forget to select the sea in the Landmass Layer and then select the forest
layer and hit delete to get rid of any forest overlapping the water areas.
10

Parchment Uniter
The Parchment Uniter layer does not have to be a parchment, it can be anything of a single dominant colour but notice the effect it has on the colours of the map with the blend mode set to multiply:

No Uniter
Notice how certain colours are richer and there is a grungy feel to the map. All it is, is a single texture fill
which covers the entire map. I call it a uniter because it unites all the colours on the map in a pleasing
way. I used this parchment texture....experiment with your own. The examples below use the different
uniter textures as shown in the boxes on the right. Each uniter gives the map a different mood - rich, hot,
cold etc.

11

Final Thoughts
What I really like about this approach to mapping is that with only a little experiment of different textures
and filters, the results can be incredibly different. You dont even have to use complex textures at all - this
technique can be used to make a black and white map in a Tolkien style.
What is really useful about it is that if you are mapping a large area and need to do it one map at a time, you
can simply duplicate an existing map and by changing the locations of the white fills, edit the map.
Of course its not 100% no problem editable...you will find problems like this. Let us say I have completed
the map and decide to delete the southern river. I go through the following steps:
1. Make landmass layer active and use the white pencil to fill in the rivers. Just to check Ive got them all I
do a quick magic wand select on the sea area to see if there are any marching ants where they shouldnt be.
2. I have to replicate this new layer on the landmass copy layer - easy enough: I just duplicate the layer.
Right click on the layer style button of the landmass copy layer, select copy layer style and then paste it
into the duplicated layer and delete the old landmass copy layer. If you want to reuse the same layer mask
you will have to go into channels to do that - or you could just create a new cloud layer mask.
3. Heres the problem. The overlaps on the water layers show in the land textures, because you have deleted
these.
4. To get rid of the remnants of the rivers on each of the land texture layers, you need to fill white into them
individually using a white brush. Bit of a pain but not difficult.

I hope you find this tutorial helpful and just a beginning. There are so many avenues to explore in creating a
great mapping style of your own. Make your own textures, put layers on top of layers, play with filters. Use
fill / adjustment layers. Most of all - have fun.
Happy Mapping and do check the Cartographers Guild for more tutorials. If you can find ways to improve
on this one, I would love to hear them. Go to: www.cartographersguild.com and join in.
All the best
Ravells.
12

You might also like