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:
europe.jpg
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.
001.jpg
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.
002.jpg
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..."
003.jpg
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:
004.jpg
Bryan Ray, visual effects artist
http://www.bryanray.name
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:
005.jpg
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:
texture parchment 3.bmp
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.
006.jpg
Last edited by Midgardsormr; 01-29-2009 at 12:59 PM. Reason: forgot the last image.
Bryan Ray, visual effects artist
http://www.bryanray.name
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.
Thanks for the rep.
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.
Bryan Ray, visual effects artist
http://www.bryanray.name
Thanks very much Midgardsormr, i got it... .
Another question about that map... how can i make that sea pattern? those crrosed lines...
That's pretty easy. The first thing to do is to set your foreground color to black (D resets your colors to foreground black and background white). Now, select the Line Tool. It will be in the flyout with the Rectangle, Ellipse, and Polygon tools. Make a new layer and draw a line the width of your image, holding down shift to constrain it to horizontal. Select the Move tool and stretch the line out beyond the edges of your image, then copy the layer three times. You will now have four identical lines on top of one another.
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:
008.jpg
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"
009.jpg
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.
010.jpg
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:
011.jpg
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 07:34 PM.
Bryan Ray, visual effects artist
http://www.bryanray.name
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