View Full Version : Tutorial Request

10-11-2009, 12:40 PM
I am making buildings for a map in Photoshop CS4, and I want them to have like a gradient and a texture so they look realistic, rather than just one colored blocks. Can somebody please make a tutorial on this, or post a link to a tutorial or something? Heres an example of what im talking about:http://www.cartographersguild.com/feature/WolfdellVillageMap.jpg

10-11-2009, 12:42 PM
Except I dont want the texture to be scribbly lines like that, I want like shingles sort of.

10-11-2009, 12:49 PM
Ah, Wolfdell by Delgondahntelius. That's a hand-drawn style on paper with pen. I believe that he colored it in Photoshop but that's all. You can read his tut here (http://www.cartographersguild.com/showthread.php?t=3013). Recreating that completely in PS would be difficult without a tablet, I've tried. He hasn't been around in a while so hopefully he's in lurk mode and will see this.

10-11-2009, 01:35 PM
Wow, I never thought it would be a hand drawn map. Thats impressive. I am not that much into hand drawn, all I have is a few pencils and pens, but not half that much.

10-11-2009, 03:36 PM
This is pretty much what I'm looking for, but I want to do it in Photoshop and not hand draw it unless its with a drawing tablet.

10-11-2009, 03:37 PM
Ok the map in this link, since posting that pic didnt work.

10-11-2009, 03:43 PM
That's a Torstan map. He draws his maps with a tablet. There isn't any easy way to replicate that without practice, practice, practice. Basically, sketch it out, refine it, then "ink" it, then color it. If you can sketch faster with paper and pencil (like me) then do that and then scan it in for the ink and color. I always start with some terrain...hills, mountains, rivers, ponds, etc. That will give me an idea as to where to place my roads. Once the roads are in I have a better idea of how the town will be laid out. Then I put in the various sections for nobles, merchants, etc. and lastly pretty it all up.

10-11-2009, 04:04 PM
So basically the only way I can get my desired effect is to hand draw it , and figure out some way to put the gradient in?

10-11-2009, 04:36 PM
You can always do shading with the burn tool. It just darkens up the underlying color.

Mark Oliva
10-11-2009, 11:30 PM
I don't use Photoshop, but I suspect you can paste PNG and JPG images into it. If so, you can find large collections of buildings of the type you're seeking on the forums at


in the libraries at:


and finally in our own growing collection of clay tile, slate and wood shingle roofs at:


So ... no, I don't think you have to draw all of them yourself.

10-15-2009, 03:51 AM
Oh, shingle textures in Photoshop are easy. Or bricks or whatever have ye. It's all about BRUSHES.

Go wander off to a texture site like http://cgtextures.com/ and download some shingle textures. Open them into Photoshop. Go to EDIT, then DEFINE PATTERN and save it as a pattern. Now select your brush tool. Open up the brushes tab (shortcut is F5 in CS2) and look at the dropdown. There's one that says 'texture'. Click on that, not on the checkbox (check the checkbox too) but on the word that says texture, which will bring you to the textures menu. There's a thumbnail with a little arrow beside it. Click the arrow, scroll down, and pick your newly saved shingles texture. Now your brush is a shingle texture and you can draw with it over top of your gradient to get a texture.

Other options include drawing some shingles by hand, or with the mouse or a tablet, saving them as a brush and using it as a stamp.

So you can always use the gradient tool to set down a gradient and draw overtop of it with a texture. :)