Conquer Club

Add grunge to bring maps to life

How to make a map. Official Handbook, Guides, Tutorials and more...

Moderator: Cartographers

Forum rules
Please read the Community Guidelines before posting.

Add grunge to bring maps to life

Postby RjBeals on Sun Feb 01, 2009 9:38 pm

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
Image
User avatar
Private RjBeals
 
Posts: 2506
Joined: Mon Nov 20, 2006 5:17 pm
Location: South Carolina, USA

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

Postby hecter on Sun Feb 01, 2009 9:41 pm

That's very impressive that you're able to turn that extremely boring first draft into the final picture with so few steps.
In heaven... Everything is fine, in heaven... Everything is fine, in heaven... Everything is fine... You got your things, and I've got mine.
Image
User avatar
Private 1st Class hecter
 
Posts: 14632
Joined: Tue Jan 09, 2007 6:27 pm
Location: Tying somebody up on the third floor

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

Postby gimil on Sun Feb 01, 2009 9:58 pm

Beautiful beals =D>

Another fine technique to add to the arsenal!
What do you know about map making, bitch?

natty_dread wrote:I was wrong


Top Score:2403
User avatar
Corporal 1st Class gimil
 
Posts: 8599
Joined: Sat Mar 03, 2007 12:42 pm
Location: United Kingdom (Scotland)

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

Postby the.killing.44 on Sun Feb 01, 2009 9:58 pm

Another great one, Rj. Thanks =D>

.44
User avatar
Captain the.killing.44
 
Posts: 4724
Joined: Thu Oct 23, 2008 7:43 pm
Location: now tell me what got two gums and knows how to spit rhymes

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

Postby sailorseal on Sun Feb 01, 2009 10:00 pm

That's awesome thanks for sharing... :D
User avatar
Cook sailorseal
 
Posts: 2735
Joined: Sun May 25, 2008 1:49 pm
Location: conquerclub.com

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

Postby ZeakCytho on Sun Feb 01, 2009 10:14 pm

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 :)
User avatar
Captain ZeakCytho
 
Posts: 1251
Joined: Wed Sep 12, 2007 4:36 pm

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

Postby wcaclimbing on Mon Feb 02, 2009 5:15 am

: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.
Last edited by wcaclimbing on Mon Feb 02, 2009 5:30 am, edited 1 time in total.
Image
User avatar
Private 1st Class wcaclimbing
 
Posts: 5598
Joined: Fri May 12, 2006 10:09 pm
Location: In your quantum box....Maybe.

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

Postby gimil on Mon Feb 02, 2009 5:28 am

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!
What do you know about map making, bitch?

natty_dread wrote:I was wrong


Top Score:2403
User avatar
Corporal 1st Class gimil
 
Posts: 8599
Joined: Sat Mar 03, 2007 12:42 pm
Location: United Kingdom (Scotland)

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

Postby RjBeals on Mon Feb 02, 2009 9:02 am

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.
Image
User avatar
Private RjBeals
 
Posts: 2506
Joined: Mon Nov 20, 2006 5:17 pm
Location: South Carolina, USA

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

Postby AndyDufresne on Mon Feb 02, 2009 1:43 pm

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


--Andy
User avatar
Corporal 1st Class AndyDufresne
 
Posts: 24919
Joined: Fri Mar 03, 2006 8:22 pm
Location: A Banana Palm in Zihuatanejo

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

Postby RjBeals on Mon Feb 02, 2009 1:47 pm

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.
Image
User avatar
Private RjBeals
 
Posts: 2506
Joined: Mon Nov 20, 2006 5:17 pm
Location: South Carolina, USA

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

Postby lgoasklucyl on Mon Feb 02, 2009 1:48 pm

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 :)
Image
User avatar
Sergeant 1st Class lgoasklucyl
 
Posts: 526
Joined: Mon Apr 07, 2008 8:49 pm
Location: Somewhere in the 20th century.

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

Postby InkL0sed on Mon Feb 02, 2009 1:49 pm

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 :(
User avatar
Lieutenant InkL0sed
 
Posts: 2370
Joined: Sat Jun 23, 2007 4:06 pm
Location: underwater

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

Postby Ffraid on Wed Feb 04, 2009 9:01 pm

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.
User avatar
Colonel Ffraid
 
Posts: 217
Joined: Thu Feb 07, 2008 11:57 am
Location: UTC - 6 (+1 if we're in DST)

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

Postby wcaclimbing on Fri Feb 06, 2009 5:48 pm

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
Image
User avatar
Private 1st Class wcaclimbing
 
Posts: 5598
Joined: Fri May 12, 2006 10:09 pm
Location: In your quantum box....Maybe.

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

Postby natty dread on Sun Jan 24, 2010 5:51 pm

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>
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

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

Postby captainwalrus on Sun Jan 24, 2010 7:01 pm

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?
~ CaptainWalrus
User avatar
Private 1st Class captainwalrus
 
Posts: 1018
Joined: Sun Nov 11, 2007 3:19 pm
Location: Finnmark

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

Postby natty dread on Sun Jan 24, 2010 7:14 pm

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
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

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

Postby captainwalrus on Sun Jan 24, 2010 7:22 pm

One of the main problems is size.
The second two are both too small for a large map.
~ CaptainWalrus
User avatar
Private 1st Class captainwalrus
 
Posts: 1018
Joined: Sun Nov 11, 2007 3:19 pm
Location: Finnmark

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

Postby natty dread on Sun Jan 24, 2010 8:38 pm

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.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

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

Postby captainwalrus on Mon Jan 25, 2010 7:00 am

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.
~ CaptainWalrus
User avatar
Private 1st Class captainwalrus
 
Posts: 1018
Joined: Sun Nov 11, 2007 3:19 pm
Location: Finnmark

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

Postby natty dread on Mon Jan 25, 2010 7:19 am

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
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

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

Postby captainwalrus on Mon Jan 25, 2010 8:43 pm

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
~ CaptainWalrus
User avatar
Private 1st Class captainwalrus
 
Posts: 1018
Joined: Sun Nov 11, 2007 3:19 pm
Location: Finnmark

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

Postby natty dread on Tue Jan 26, 2010 5:13 am

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.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

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

Postby natty dread on Tue Jan 26, 2010 6:38 am

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

Click image to enlarge.
image
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Next

Return to Tools & Guides

Who is online

Users browsing this forum: No registered users

cron