Page 1 of 2

Add grunge to bring maps to life

PostPosted: Sun Feb 01, 2009 9:38 pm
by 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:

Image

Image

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.


Image

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.

Image

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


Image

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

Image

Good Luck!

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

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Feb 01, 2009 9:41 pm
by hecter
That's very impressive that you're able to turn that extremely boring first draft into the final picture with so few steps.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Feb 01, 2009 9:58 pm
by gimil
Beautiful beals =D>

Another fine technique to add to the arsenal!

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Feb 01, 2009 9:58 pm
by the.killing.44
Another great one, Rj. Thanks =D>

.44

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Feb 01, 2009 10:00 pm
by sailorseal
That's awesome thanks for sharing... :D

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Feb 01, 2009 10:14 pm
by 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 :)

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Feb 02, 2009 5:15 am
by wcaclimbing
: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.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Feb 02, 2009 5:28 am
by gimil
wcaclimbing wrote: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!

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Feb 02, 2009 9:02 am
by RjBeals
wcaclimbing wrote::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.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Feb 02, 2009 1:43 pm
by AndyDufresne
And to think I thought you were some sort of graphics magical deity, but really, you are just all smoke and mirrors! ;)


--Andy

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Feb 02, 2009 1:47 pm
by RjBeals
AndyDufresne wrote: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.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Feb 02, 2009 1:48 pm
by 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 :)

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Feb 02, 2009 1:49 pm
by 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 :(

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Wed Feb 04, 2009 9:01 pm
by Ffraid
wcaclimbing wrote: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.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Fri Feb 06, 2009 5:48 pm
by wcaclimbing
Ffraid wrote: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 :D (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.
Image

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Jan 24, 2010 5:51 pm
by natty dread
Wow. All this time I've thought "grunge" was some kind of advanced PS effect... :oops: now I realize I can do them myself! Thanks Beals! =D>

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Jan 24, 2010 7:01 pm
by 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?

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Jan 24, 2010 7:14 pm
by natty dread
I googled "grunge texture" in google image search and found several good ones (i think).

Click image to enlarge.
image


Click image to enlarge.
image


Click image to enlarge.
image

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Jan 24, 2010 7:22 pm
by captainwalrus
One of the main problems is size.
The second two are both too small for a large map.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Sun Jan 24, 2010 8:38 pm
by 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.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Jan 25, 2010 7:00 am
by captainwalrus
natty_dread wrote: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.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Jan 25, 2010 7:19 am
by 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.
image

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Mon Jan 25, 2010 8:43 pm
by 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

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Tue Jan 26, 2010 5:13 am
by natty dread
captainwalrus wrote: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.

Re: Map Tutorial: Add grunge to bring maps to life

PostPosted: Tue Jan 26, 2010 6:38 am
by natty dread
OK here my first attempt at making my own grunge texture:

Click image to enlarge.
image