Results 1 to 10 of 89

Thread: [Award Winner] Battlemaps in Photoshop

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Guild Artisan madcowchef's Avatar
    Join Date
    Feb 2012
    Location
    Pacific Northwest USA
    Posts
    682

    Tutorial

    Stone Magic: Inscriptions and glowy bits.
    We decided that those walls at the top of the hill are from a magic tower that clearly suffered one of those frequent magical accidents so we are going to add some more magical stone work.
    -first we draw in a stone circle on our stone work layer, roughing up the edges with our funky brush like we did before.
    Click image for larger version. 

Name:	Tutb2.jpg 
Views:	215 
Size:	172.1 KB 
ID:	63982

    -We have an image with appropriate permissions for our use of some magic symbol, in this case a protective pentagram we want to use so we copy it on over.
    Click image for larger version. 

Name:	Tutb3.jpg 
Views:	195 
Size:	175.8 KB 
ID:	63983
    -Add it to the stack with the other clipping masks on our stone work layer ctr+alt+g
    -Place it above our brick line layer
    -Ctr+E to merge down
    Click image for larger version. 

Name:	Tutb4.jpg 
Views:	221 
Size:	174.7 KB 
ID:	63984

    We know have an inscribed stone, fancy. But we decide that isn’t quite what we want, we need something more glowy and magicy! We want the inscription but we need it to glow so we want it on its own layer.
    -Ctr+Z to unmerge
    -move it to the top of your layer clipping mask stack
    -Ctr+Alt+G removes it from your layer clipping mask stack.
    -Select your brick line layer
    -Right click on the Fx symbol in the layer Tab⇨copy layer style
    -Select your pentagram layer right click on the far right side⇨paste layer style.

    -Back to where we started, but now its time to add some glow. We want to to be blue so we’ll do a color overlay, we want some inner glow for the bright center part, and we want some outer glow to light up the area with fancy blue glowing light. Here’s the settings I chose:
    Click image for larger version. 

Name:	Tutb5.jpg 
Views:	192 
Size:	314.9 KB 
ID:	63985
    -go back to the damage layer and use our funky brush to damage the edges of the stone circle just like we did the walls.
    Click image for larger version. 

Name:	Tutb6.jpg 
Views:	184 
Size:	164.3 KB 
ID:	63986
    That glow looks like it should be banishing more shadows, we can do that.
    -select your master shadow layer
    -with a big soft brush well just delete some of the shadows around the circle (I had to use the select tool to show how big a soft brush I was using)
    Click image for larger version. 

Name:	Tutb7.jpg 
Views:	163 
Size:	207.0 KB 
ID:	63987

    Now we have a flat circle of protection as a slab, but what if we want some obelisk? We could search for a map element that looks like what we want, but lets just make our own.
    -Select your stone work layer
    -select a square and use the paint bucket to fill it with white (optionally with white selected as your background color you can just hit delete)
    Click image for larger version. 

Name:	Tutb8.jpg 
Views:	176 
Size:	136.2 KB 
ID:	63988

    -Select your funky brush
    -select black as your foreground color (in case you’ve forgotten hitting D will bring back black and white as your default colors and you can hit X to switch between them)
    -Rough up the outside to make the square look imperfect.
    -Now on the Shadow and highlight template draw in your light and shadow on it. The top part of the image shows my plan of how the light will fall
    Click image for larger version. 

Name:	Tutb9.jpg 
Views:	159 
Size:	89.7 KB 
ID:	63989

    Not bad but not deep enough a shadow for what we want. Lets use the same method we used on the cliff to deepen it.
    -Create a new layer
    -Ctr+Alt+G to create a layer clipping mask
    -We could go to Fx in the layer tab and copy the layer style for the extra shadows on the cliff, by right clicking, or just set the layer style to multiply, and take opacity down to 22%.
    -Select a soft brush
    -Draw some more shadows
    Click image for larger version. 

Name:	Tutb10.jpg 
Views:	169 
Size:	90.8 KB 
ID:	63990

    We want some fancy glowing script on this one too.
    -Select your glow layer (the same one you used for your glowing protective circle
    -With a small hard brush make some squiggles on the side of your pillar
    Click image for larger version. 

Name:	Tutb11.jpg 
Views:	170 
Size:	128.3 KB 
ID:	63991
    Lookin’ good, lets just add shadows the same way we did for making our walls by drawing them in on our master shadow layer, then we will use the eraser to remove them closest to our glowing script, same as we did for our magic circle.
    Click image for larger version. 

Name:	Tutb12.jpg 
Views:	176 
Size:	95.6 KB 
ID:	63992

    We could leave it at that and have some pretty fancy stuff, but lets get extra fancy and pick up the glow on the vertical surfaces near our glowing objects.
    -hold down Ctr while clicking on the layer mask for your stone work. this will select only the active parts of your layer mask (the white visible stuff). This assures we don’t draw on the wrong part
    -Chose the color of your glowing magic stuff for your foreground color.
    -select your master highlight layer.
    -select a soft brush
    -turn brush opacity to 30% (you can just hit 3 on your keyboard to do this)
    -Draw a bit of blue glow onto the surfaces nearest to the light. It will be subtle but help carry the color and create a convincing illusion of our light sources emitting light.
    Click image for larger version. 

Name:	Tutb13.jpg 
Views:	315 
Size:	270.5 KB 
ID:	63993

  2. #2

    Default

    Quote Originally Posted by madcowchef View Post
    I might add more later if people have specific requests.
    My only request, after being the one who seems to have nudged you into doing a tutorial or three, would be for trees that don't look like hedges, like in the map I posted in the other thread. Is it simply a matter of picking a certain pattern? Because there are a lot of patterns on CGTextures.com, and really, others that can be found just by doing a google search for seamless tree pattern or tile. And most of those seem great for the overland or regional map forests, but may not be fine for the scale of a battle map.

    Now, just because that's my only request doesn't mean I wouldn't like to learn all your secrets.

  3. #3

    Default

    Alright, maybe not my only request. Interiors would be useful, too, when you can get to them. I don't mean to sound like, "Gimme more! Gimme more!", but I like the whole learning to fish part (Right? Give a man a fish -- teach a man to fish).

    Thanks again for doing this.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •