Add grunge to bring maps to life

[RjBeals]

I think a lot of people can draw shapes to make a map, but they are lacking those tricks of how to take the map to the next graphic level. To give it that something extra. I like to use grunge overlays on my maps to give them a gritty natural feel. Here's how I do it (I use photoshop CS3, but the technique can be used in other software as well).

First do a google search for GRUNGE or better yet, a DeviantART search. I did, and found this on the first page of results:





At this point, you should have the map drawn. This simple map has a border layer and a land layer. The ocean was the background layer.



Here I've added 2 grunge layers. One for the land, and one for the ocean. For the land, I added a layer mask to mask out just the land. Check out the blending settings also. Experiment with different styles - depending on the hue of your land, the settings will have different results.



Then add some layer styles to give the map some flare.



And you end up with this. The grunge layer is not overwhelming. Just enough to make the map a little more realistic.



Good Luck!

[DOWNLOAD ZIPPED PSD HERE]
http://www.rjbeals.com/files/grunge/grunge-00.zip

[hecter]

That's very impressive that you're able to turn that extremely boring first draft into the final picture with so few steps.

[gimil]

Beautiful beals

Another fine technique to add to the arsenal!

[the.killing.44]

Another great one, Rj. Thanks

.44

[sailorseal]

That's awesome thanks for sharing...

[ZeakCytho]

As an addendum, you can also get some very nice grunge brushes online and use them to either hand draw the grunge or stroke a path with it. This can be useful at certain times

[wcaclimbing]

And I went through the trouble to figure out how you did the texture on your maps just a day ago.
You'll be able to see my results in the next WCA's Tablet. I think I did ok without the tutorial.

As an alternative to Google and dA, I'd like to suggest http://www.cgtextures.com/.
Its got thousands of free, huge textures. Most on the scale of 3k-4k pixels across. Try the Stone, Leather, cement, and metal sections. Those are good for maps. Or try the other sections also. There's good stuff everywhere on that site.

[gimil]

As an alternative to Google and dA, I'd like to suggest http://www.cgtextures.com/.
Its got thousands of free, huge textures. Most on the scale of 3k-4k pixels across. Try the Stone, Leather, cement, and metal sections. Or try the other sections also. There's good stuff everywhere on that site.

Excellent resource there wca. I jsut bookmarked the page!

[RjBeals]

:roll:
And I went through the trouble to figure out how you did the texture on your maps just a day ago.
You'll be able to see my results in the next WCA's Tablet. I think I did ok without the tutorial.

As an alternative to Google and dA, I'd like to suggest http://www.cgtextures.com/.
Its got thousands of free, huge textures. Most on the scale of 3k-4k pixels across. Try the Stone, Leather, cement, and metal sections. Those are good for maps. Or try the other sections also. There's good stuff everywhere on that site.

Sorry wca, but glad you figured it out on your own. And nice link. I've not come across that page. Thanks. I hope that some of our newer cartos will use (but not over-use) this technique for the newer maps in development.

[AndyDufresne]

And to think I thought you were some sort of graphics magical deity, but really, you are just all smoke and mirrors!


--Andy

[RjBeals]

And to think I thought you were some sort of graphics magical deity, but really, you are just all smoke and mirrors!

Ha. Even you Mr D. can make a map, if you just know the secrets to it.

[lgoasklucyl]

Gorgeous =)

I've used the overlay function in the Central America map I'm working on, but I'm not sure I like the texture I chose. It was a larger texture but I scaled it down to make it fit better.

Thanks for the quick tutorial and all the links that have made there way into this page. Perhaps I'll grab a new texture from one

[InkL0sed]

You can always photograph a texture yourself. I once took a picture of the wooden tiling of my floor, and used it to make the wood texture for my pirate ship on Pinjas.

I liked it, but no one else did

[Ffraid]

As an alternative to Google and dA, I'd like to suggest http://www.cgtextures.com/.

Thanks for the reference! I don't have a creative bone in my body, unfortunately, but my partner is into digital scrapbooking and I thought that she might enjoy that site, if she didn't know about it already. She didn't (know) and she did (like). Points for me and CC, which can only be a good thing.

Btw, I would just like to say how much I appreciate all the work that the mapmakers do. I'm sure it's a labor of love but, still, the variety and great quality of maps available here is what makes this site what it is, imo.

[wcaclimbing]

Btw, I would just like to say how much I appreciate all the work that the mapmakers do. I'm sure it's a labor of love but, still, the variety and great quality of maps available here is what makes this site what it is, imo.

Thanks (from myself and all the other mapmakers)

-----------------------
Here's the image I made for the Tablet, in case you didn't go and read it.
Do you guys think I did ok with the grunge effect?
The only thing I don't like is the thick black border around the land. I messed it up and didn't want to take the time to go back and fix it.

[natty dread]

Wow. All this time I've thought "grunge" was some kind of advanced PS effect... now I realize I can do them myself! Thanks Beals!

[captainwalrus]

I have used grunge textures for many things and i have liked the way they turned out, but I have a hard time finding good grunge textures that work well on maps.
Does anyone have any good sites besides deviant art (which sometimes gives you viruses, btw) or just Google?

[natty dread]

I googled "grunge texture" in google image search and found several good ones (i think).

Click image to enlarge.

Click image to enlarge.

Click image to enlarge.

[captainwalrus]

One of the main problems is size.
The second two are both too small for a large map.

[natty dread]

You can increase the size to 4x by tiling 4 mirror images in a "circle"... like this:


Original ------ Flipped horizontal
|
|
|
Flipped vert.------Flipped horiz. & vert.

[captainwalrus]

You can increase the size to 4x by tiling 4 mirror images in a "circle"... like this:


Original ------ Flipped horizontal
|
|
|
Flipped vert.------Flipped horiz. & vert.

Are you sure? I have tried similar things, and it often doesn't look good. A lot of Grunge textures are darker around the edges, and so they can't really be grouped together and look like one piece.

[natty dread]

In that case you only select a part of the grunge texture, so that the darker outer edge doesn't go in the middle.

In the case of my example, where the original is in the top left corner, you select a part of the texture that leaves out the right and bottom edges.

here example

Click image to enlarge.

[captainwalrus]

No offense, but I would never use that in a map, unless I am going to have it at less than 20% opacity. It doesn't look natural

[natty dread]

No offense, but I would never use that in a map, unless I am going to have it at less than 20% opacity. It doesn't look natural

That's just an example. It's just to show that the process is feasible, if you pay a little more attention to the details than I did with this one...

Of course you can also make your own grunge textures. Take a digital camera and take a photo of any surface that looks interesting... then play with the HSV settings, possibly invert colours if it's too light or dark, and there you go... I'm going to try it today.

[natty dread]

OK here my first attempt at making my own grunge texture:

Click image to enlarge.