How could I do these type of international borders with photoshop?
How could I do these type of international borders with photoshop?
Starting from a simple outline map of Europe:
The first thing I did was to constrain the map to black-and-white only so I could get clean selections. Image > Adjustments > Levels (Ctrl-L), and pull the handles on the histogram inward so that the grayscale information is removed.
Now I change the Mode to RGB so I can work with color later on: Image > Mode > RGB Color. If you already have more than one layer at this point, make sure you click "Don't Merge" in the dialogue box that pops up.
Select a country you want to add color to. I'm going to use England for this demonstration. For convenience in trying several techniques, I'll first save the selection: Select > Save Selection... and give it the name "England." The selection will now appear in the channels palette so I can reload it any time I want.
I'm also going to copy England into a new layer so I can experiment with that, too. Layer > New > Layer via Copy (Ctrl-J).
I name my original map layer "Europe" and the new layer "England" so I can keep track of what I'm doing.
The simplest way to accomplish the goal is to apply an Inner Glow layer style to the England layer. Select the layer, and click on the Layer Styles button. Choose "Inner Glow..."
In the dialogue box that follows, make sure "Preview" is checked and start playing with the options until you see something you like. Here are my settings:
At this point, it's probably a good idea to set a border stroke. Click the layer styles button and choose "Stroke..." I'm using a 1pt black stroke on each country.
Continue that process for all of the countries you want to appear on your map, making sure that no two adjacent countries have the same border color.
The easiest way to do this fast is to make all your layers, right-click on England, and choose "Copy Layer Style." Then select all your other layers (click on the top one and then shift-click on the bottom to select all of them), right-click on the selected layers, and choose "Paste Layer Style." All of the countries will receive the same inner glow and black stroke.
Now you simply need to go in and adjust the effect for each layer individually by double-clicking on the "Inner Glow" effect.
About 30 minutes later, I have this:
I've obviously been a bit sloppy. A bit more time spent in selections, and a better source image, would make this look a lot nicer. Now, I want to put this onto a nice parchment, so I go looking for a texture:
I place the texture behind all my country layers, and change the blending mode of each one to darken, so the white vanishes, leaving only the stroke and colored border behind.
Last edited by Midgardsormr; 01-29-2009 at 01:59 PM. Reason: forgot the last image.
Awesome tut midgard... have some rep.
Might I suggest perhaps fading the inner glow farther in and filling the countries with a slightly off white version of their glow color.
Good idea. If this were a serious map, I'd adjust the size of the glow for each country. It's just about perfect for Denmark, but way too small for France. The fill I could take or leave, depending on how I felt; I've done it both ways, though this is the first time I've used Photoshop for this style.
Thanks very much Midgardsormr, i got it... .
Another question about that map... how can i make that sea pattern? those crrosed lines...
Now, you're going to rotate all but one of your layers to form a radiating pattern. Go to Edit > Transform > Rotate (Ctrl-T). Now, in the tool's settings at the top, you'll see a row of controls. The one you want to manipulate looks like a little angle diagram:
Enter 45 in that box, and the line you have selected will rotate to a 45 degree angle related to the others.
Select another of your copied line layers and do the same thing, but enter 90 in the box. Once more, only enter -45 to get the last line you need.
Now you want to select all four of the line layers (click the top one, then shift-click the bottom one) and Layer > Merge Layers (Ctrl-E).
Now you can move your new layer to where ever you want the lines to radiate from. Give the layer a meaningful name, like "Nav lines" and move it to just above your parchment.
If you want more complex lines, you can add more at whatever angles you like and merge them into your existing layer.
Unfortunately, you'll notice that the lines are visible beneath the countries, too, because the countries themselves are transparent. To fix that, we'll learn about layer masks. At the bottom of your layers palette, there is a button called "Add Layer Mask"
Make sure your Nav lines layer is still selected, and click that button once. You'll see a white box appear in the Layers list next to the Nav lines thumbnail. This is the layer mask. If you paint black onto the mask, portions of the layer will become transparent. We could just paint out the lines we don't want to see, but there's a far more efficient way to go about it.
Select your original map layer (it's still at the bottom of your layers, right?) Using the Magic Wand tool (W), click once on the ocean, the go to Select > Save Selection... Enter a name, like "Ocean," and click OK.
Now, go to the Channels palette. You can reach it with the tab at the top of the Layers.
In the list of channels that appears, find your Ocean channel and click once on it. You should see your image vanish to be replaced by a black-and-white silhouette of the continent. The water should be white and the land black. If that is not the case, go to Image > Adjustments > Invert (Ctrl-I).
Now, Select > All (Ctrl-A) will put the marching ants around the entire canvas. Copy it with Edit > Copy (Ctrl-C). Go back to your Layers palette and select the layer mask you made earlier (the white box in the Nav lines layer). Back to the Channels palette, and you will see a new Channel called Nav lines Mask. The mask is currently hidden, so click the empty box to the left of its name to activate the eye icon. Now paste the ocean channel into the mask channel with Edit > Paste (Ctrl-V). The continent will turn pink, which indicates where the pixels will be turned transparent.
Go back to the Layers Palette and click your Nav lines layer to deselect the mask. Hopefully, you'll now see the Nav lines stop at the edge of the continent.
The final step is to adjust the opacity until the lines look right. Here's the quickie image I made while composing this:
HR: I agree, good to have you pop in on us again. Multiply works similarly to Darken, but it tends to remove more of the glow. On the other hand, it would probably make the glow look more like it was painted on the parchment. Good tip. As for the thickness of the border glow, I hadn't really looked any other maps to see how it was usually done, but it makes sense that it would be uniform. It would look odd if the glow were much smaller on one side of the border than the other.
I notice that the sample map doesn't give a glow to the Ottoman empire at all.
edit: NICE, ravs! Thanks for contributing, and have some rep!
Last edited by Midgardsormr; 01-30-2009 at 08:34 PM.
Excellent lessons sirs .... i´m learning a lot with you
how did you get that parchment paper texture like that?
Photoshop comes with a star in the custom shapes. For rounding off corners: copy the shape into a new channel, then gaussian blur it a few pixels, up the contrast and voila...just copy it and paste it back into a new layer. By the way, this looks great.
If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
-J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)
My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps