Making An Atlas Style Map in Photoshop
Making An Atlas Style Map in Photoshop
Introduction ..................................................................................................................................... 3 Basic Elevations .............................................................................................................................. 4 Adding Color to the Land ............................................................................................................. 10 Adding Color to the Polar Regions ............................................................................................... 15 Creating the Continental Shelf ...................................................................................................... 18 Adding Rivers ............................................................................................................................... 20 Adding latitude and Longitude Lines ........................................................................................... 23 Adding Countries .......................................................................................................................... 25 Naming the Countries ................................................................................................................... 29 Adding Capitals, Cities and Towns .............................................................................................. 30 Adding Captials ........................................................................................................................ 30 Adding Cities, Towns, Villages, Etc. ........................................................................................ 31 Naming the Map and its Parts ....................................................................................................... 34 Extra Information .......................................................................................................................... 36 Photoshop Hard Mix What is the Photoshop Elements Equivalent? ..................................... 36 Brush leave marks throughout the map. ................................................................................... 37
Page 2
Introduction
I might be giving away the farm on this one, since I consider this to be my best style, but since I like to teach and make a tutorial for just about everything -- I present to you my atlas style. It's not meant to be the end-all be-all but rather an introductory course where you can take it and adapt and change things as you see fit. I know my tutorials tend to be lengthy and sometimes difficult so I'll do my best to help you out with any questions / problems you might have. Ive done a few maps in the atlas style so it may grow and change in time as nothing is ever final. While there are others who do it better with other software, this is a relatively simple venture with Photoshop. (Im not sure if the details of the techniques translate to other programs but it should be fairly easy to make whatever changes as these techniques and tools are pretty standard). Those of you who have read my other tutorials will find that a lot of this is familiar ground, so to speak. The main characteristics of this style are bright but subdued colors (to represent terrain elevations) and very legible fonts (no artsy-fartsy hard to read stuff). Heres what the final image looks like:
Page 3
Basic Elevations
So lets set up the document 2000 x 2000 pixels at 300 PPI, RGB mode, 8bit. Make sure the colors are black and white then select Filter > Render > Clouds.
Copy this layer and rename it Ocean. Create a new layer then Edit > Fill = 50% gray.
Page 4
Set the layers mode to hard mix. Rename this layer Base.
Page 5
Click back on the Ocean layer (on the layers palette). Grab a big airbrush and at the top of the screen reduce the flow to 10%. I start with the 300-pixel airbrush and work my way down as needed. Use black to define the ocean and white to define the land.
When happy, copy this layer and click on the Base layer. Link the Base and Ocean Copy layers together then merge down.
Page 6
Select > Color Range = black and fuzziness at 200. Hit the delete key then deselect. Hide the Base layer and click on the Ocean layer. Copy this layer and rename it Hills. Filter > Render > Difference Clouds. Hit Ctrl + F to repeat this filter a second time. Copy this layer and rename it Mountains.
Page 7
Hide the Mountains layer and click on the Hills layer. Filter > Noise > Add Noise = 5% Gaussian and Monochromatic. Click on the mountains layer. Filter > Render > Lighting Effects and use the following settings:
Page 8
Hide the Mountains layer and click on the Hills layer. Filter > Render > Lighting Effects and use the following settings:
Hide the Hills layer and click on the Ocean layer. Copy this layer and rename it Land. Hit Ctrl + F to repeat the last lighting effects again. You should have 6 layers; from top to bottom: Base, Mountains and Hills (all hidden) then Land, Ocean and Background (all visible) Make sure you are still on the land layer. Now we have our basic elevations set up so lets add some color.
Page 9
Page 10
Page 11
Grab the eraser tool and use a big airbrush tip. I start with the 300-pixel tip and work my way down as needed. Make sure that the mode is in brush and not pencil and set the flow to 20%. Erase mountains that you dont want but do save some so that we can move them around into better places. Grab the lasso tool and at the top of the screen and set the feather to 25 px (this will make sure that when we move anything that it will chop out the chunk and not leave any lines behind). Draw a shape around whichever mountain part you want to move (do one part at a time). Grab the move tool and drag the shape to a new place, when happy deselect. Dont rotate these shapes any since it will ruin the results of the lighting effects. After moving things around there might be some mountain bits sticking out into the ocean which you cant see so Ctrl + Click on the Base layer, Select > Inverse, hit delete then deselect. Here, I moved a chunk out of the plains and into the desert and erased some other bits that I didnt like.
Page 12
Hide the Mountains layer and click on the Hills layer. Make sure that black is the foreground color then Select > Color Range = Black with a fuzziness of 150. Hit delete then deselect. Ctrl-click on the Base layer then Select > Modify > Contract = 10. Select > Feather = 10. Select > Inverse. Hit delete then deselect. Add the same color overlay as in the mountains. For the bevel and emboss, were going to use the following settings: style is emboss, technique is chisel soft, size is 5, reduce the opacity of both highlight and shadow to 50%. Lastly, set the mode of the layer itself to soft light and opacity to 50%.
Page 13
Unhide the Mountains layer then click on the Land layer and create a new layer. Rename it Adjust 1. Change the black to the dark olive green we used before and change the white to the papyrus we used before. Ctrl + Click the Base layer to prevent us from painting on the ocean. Filter > Render > Clouds. Set the layers blend mode to color dodge and opacity at 25%. This gives us some variation of color on our land. This next step involves a bit of artistic creativity but not too much. Create a new layer and rename it Adjust 2. Grab an airbrush and keep the flow at 10%. Brush in some green around the edges, on the western sides of mountains, around lakes, and wherever you want to cover up some deserts. Brush in some papyrus wherever you want to extend your deserts and plains and on the eastern sides of mountains. If you want, you can add in some swamps with black, tweak the mountains with white and add some tundra with gray or brown.
Page 14
Page 15
Hide this layer and click on the Mountains layer. Copy the Mountains layer and rename it Mountains Snow. Copy the Hills layer and rename it Hills Snow. Ctrl + click on the Change layer. Select > Modify > Expand = 20. Select > Feather = 20. Click on the Mountains layer and hit delete (this erases mountains on the Mountains layer in the polar regions). Click on the Hills layer and hit delete. Click on the Mountains Snow layer then Select > Inverse and hit delete (this erases mountains on the Mountains Snow layer leaving only mountains in the polar regions). Click on the Hills Snow layer and hit delete then deselect. Now then, on the Mountains Snow layer change the color overlay from brown to gray and do the same on the Hills Snow layer. I use a medium-dark gray, color code 505050 (RGBb 80, 80, 80) although you could add a hint of blue in if you want. Lastly, delete the layer with the large ugly shape on it.
Page 16
Now lets work on the ocean so click on that layer. First, hide every layer above then Filter > Render > Lighting effects and use what comes up since it was the same as the previous renditions of the filter. Next, unhide everything (except the Base layer). Add a layer style of color overlay; using a light blue with a hint of green and gray, color code 6EA0C8 (RGB 110, 160, 200). Set the opacity of the color overlay at 75% (this lets our clouds peek through a little bit and breaks up the large flat blue space although you can certainly leave it at 100% if you like). Copy the Ocean layer and clear the layer style. Finally, set the layers blend mode to overlay at 25% opacity (this gives us a bit of underwater elevation).
Page 17
Page 18
If we were to use the soften option on the chisel soft bevel (in the previous step), that only blurs everything and we want it sharp so by defining a contour and then lowering the depth we keep the ridges crisp but it also transitions smoothly from seafloor to shelf.
Page 19
Adding Rivers
The last major thing we have to do is add some rivers. Click on the Mountains Snow layer and create a new layer. Rename it Layout. Grab the pencil tool and choose a tip that you can see when zoomed out. (I chose the 19-pixel hard round.) Draw in some squiggly lightning bolts, start at the sea and work your way inland. Think of your river as a tree. Its going to be wider at the base (near the sea) and as it goes up and branches out the branches get smaller and thinner and more numerous. Well worry about thinness later. For now we just want to do up a general layout of how the river systems will look. Since our river is a tree, its not going to have numerous fat trunks that join as it grows upwards. Sure, its possible to make trees do that but that requires the hand of man to bind them in such a way. Nature does not bind her children in such ways just make your river be a tree. You can make your own bonsai rivers after doing this tutorial Since were working on a rather large scale here, our rivers are going to be quite thin in actuality something like 1 or 2 pixels so put a 1 or 2-pixel tip on your pencil. Create a new layer and rename it Rivers. Ctrl + Click on the Base layer so that we dont draw our rivers out in the ocean. Zoom in to 200% or more so that we can see our little hills. Hide the Layout layer and draw a river that has lots of squiggles but generally follows the shape we want. Unhide the Layout layer if you get lost and as you fill the River layer, use an eraser on the Layout layer.
Page 20
I have two words of advice for this step as it can get very tedious and time-consuming: Start with the largest river system first, once you get that done it all gets easier and faster and Dont get carried away with adding all kinds of tributaries. Youll go mad I tell ya! Just stick to major branches (except in swamps then add as many as you like).
Page 21
When done, delete the Layout layer and set this layers fill at 0. Add a layer style of color overlay. I use a medium gray-teal, color code 406480 (RGB 64, 100, 128) then set the blend mode of the color overlay to multiply at 33%. This doesnt let the rivers overpower our deserts and can still be seen in the darker areas.
Page 22
Page 23
I then go back to the Land layer and add a stroke of 1 to 3 pixels (depending on overall image size) set to multiply at 67%. Here I went with 1 pixel. I also used a gradient as the stroke, from gray to black to gray color code A0A0A0 (RGB 160, 160, 160). This allows the stroke to be seen around the green land and doesnt overpower the snow and sand.
Page 24
Adding Countries
At this point, the map is basically done. All thats left to do is decorate countries, cities, labels, graphics, etc. If you want, you can stop and play around with it but if you read on, Ill go into the decorating stuff. For countries, well pretty much copy the steps we did for the rivers; i.e. layout some basic shapes then refine. Create a new layer and rename it to Layout. Move it under the Base and Lines layers. Ctrl + Click on the Base layer so that we dont draw out into the ocean. Use a decent size pencil to draw out some baSic shapes. Here is where we have to start thinking: how would the geography contribute to the placement of borders? Well, mountains are natural boundaries so thats a good place to start. Just following the mountains I can easily get ten countries here, if you want more countries then subdivide the areas along rivers.
Page 25
Create a new layer and rename it to Borders. Grab the 1-pixel pencil and hide the Layout layer. Zoom in to 100% to 400%, depending on how accurate you want to be, and draw in some lines that follow your layout. Erase on the Layout layer as you go along. When done, deselect.
Page 26
Click on the Base layer and copy it then hide the Base layer and move the Base Copy layer underneath. Grab the magic wand tool and click somewhere inside the main continent then Select > Inverse, hit delete and deselect. (Im not going to worry about the islands for this tutorial but, if youd like, you can click on as many islands as you want while holding down the shift key to add them to the selection). Ctrl-click on the Borders layer then hit delete and deselect. Rename this layer to Countries. Since my continent has ten countries, I need to copy this layer nine more times. To help me keep track of what Im doing, I go back and rename each of these layers with numbers (1, 2, 3, etc. with 1 at the top). On Layer 1 use the magic wand on a country then Select > Inverse then hit delete and deselect. On layer 2 click on a different country and repeat the process. Continue until you have each country on its own layer. Next, go back and set the fill on each layer to 0. Lastly, each country gets its own color of inner glow: red, orange, yellow, green, blue, purple, brown, black, gray, and white. Set the mode of the color overlay to normal at 25% opacity with a size of 16. (brown and gray have an opacity of 50% so that they can be seen).
Page 27
Once you have this all done, link the country layers together and merge down then rename to countries.
Page 28
Page 29
Page 30
Page 31
Create a new layer and rename it Towns. Each country will get twice as many towns as it has cities and this is where the earls will live. Again, I use a black stroke but use a light gray color. If youre a glutton for punishment (because you have to name all of that stuff) then make three times as many towns instead of my twice as many, or four times, or whatever you choose. Create a new layer and rename it Villages. This is where the counts live. Use the black stroke again and a medium gray color. I generally, go with twice as many villages as towns, but you can go with whatever you like.
Page 32
If I have 5 cites then Ill have 10 towns and 20 villages. Thats 36 names I have to come up with (dont forget the capital). As you can see, that process gets very tedious, but in the end more cities / towns / etc really makes for a better-looking map aesthetically. I would suggest, however, that you dont overcrowd you map so that the terrain gets all covered up. Thinking in terms of politics, Ill also have 5 dukes, 10 earls, and 20 counts. If you really want to put in all sorts of city-sizes and get real orderly about it then I have a list with a noble title to correspond with each type of city, although; its probably not historically accurate. It does help me to map out the hierarchy of the nobility and thus a ruler for each type of city-size: emperor, king, prince, archduke, duke, marquis, earl, count, viscount, baron, baronet, coronet, vidame, castellan, steward, seigneur, lord, and knight. I also have similar lists for clergy, military, mercantile, thieves, etc. (Im one of those orderly people) so that I know which type of clergyman runs his town and which type of merchant runs the town and which type of military man runs the town and who the local head of the thieves guild is. For some reason, it helps me to have an orderly hierarchy (1 emperor, 2 kings, 4 princes, 8 archdukes, 16 dukes, etc). This way I can plan things out more efficiently. For the sake of expediency, however, I never put that much detail in because Ive done that many times and it drives me crazy. Ill spend 2 weeks just coming up with names of towns and people.
Page 33
Page 34
I like to do my text over water in a low-opacity white with a low-opacity black stroke but you can certainly use black, blue, or green text. For my text on land, I use a medium-opacity black, gray, or brown. If the text is going on top of a dark green swamp then Ill switch it to white. I also like to do my water bodies at twice whatever size I used for cites. However, for rivers, Ill italicize at whatever the second smallest point size in use is (so for this, the smallest is 2 point for villages so my rivers will be 3 point, as in the towns).
Page 35
Extra Information
Photoshop Hard Mix What is the Photoshop Elements Equivalent?
VANDY asked: I'm working through your tutorial (actually just got started) and I have a question already. I'm currently using PhotoShop Elements. In Step 4, I don't have an option for Hard Mix. Is there a compatible choice (I've tried them all and I don't get the black and white "cow" picture like you show) or do I need the full-blown PhotoShop? STEEL GENERAL answered: You may try something with 'Threshold' (if you have it), not sure if that will give you the same effect or not. NOMADIC answered: It should, threshold is actually how I do my coastlines. Just fill with black then do clouds > difference clouds >threshold. Then tweak threshold to get the shapes you like and piece them together like a puzzle (it helps to select the color you aren't using and delete it). DOLENORE answered: Not sure if this will produce the exact same results, but if memory serves me you could: copy the layer again Image > Adjustments > Posterize (levels: 2) EGFY answered: You need to use two layers instead of the Hard Mix, one 50% grey and set to Dodge and the other should be black and set to Burn.
Page 36
Page 37
ASCENSION answered: Looks great!...other than those strokes It looks like you have the brush properties set to something other than normal. First click on the brush tool, then at the top you will see the word "Mode" in the box next to that, make sure it says Normal and not something like multiply or difference. It could be that you did the airbrushing on it's own layer and never merged it down onto the clouds layer, thus you're getting some artifacts from that. If that's not it lemme know and I'll see if I can replicate this effect (might take me a while since I'll be experimenting a lot to find the needle in the haystack). CHADWICK replied: It looks like that fixed it, I had it set to normal before but I had an airbrush button pressed. I just tried again with the airbrush button not on and it didn't leave the marks as far as I can tell with just doing up to the land step. ^^ Thanks a ton CHADWICK continued: I've gone through the tutorial a few more times and the brush strokes still seem to show up. They make their appearance after copying "Ocean" and making "Land". When I apply the lighting affect they become very prominent. I thought it would just be me clicking int he same spot a few times when trying to get my land mass how I want it but it seems even long held down brush strokes create the problem. Any ideas? ASCENSION answered: All right, got it. After much experimenting I finally got it just like what you show. What I did was to take a hard round brush tip, then scale it up to 300...when I then paint it leaves the rings. What you need is the airbrush tip and not a hard round tip set to airbrush in the brush control panel. Use the Airbrush Soft Round 300 tip (or 100 or whatever). Just clicking on the airbrush button in the brush control panel does not give it an airbrush quality.
Page 38
CHADWICK replied: Ah it must have been the hard round that was doing it to me because I tried it with airbrush both on and off. Thanks a ton Ascension ^^ Really appreciate you taking the time to help me out. --edit-That was definitely it ^^ Just went through and did one that's much better I think. I also realized I had the lighting for the hills set up incorrectly and the color is much better this time around.
Page 39