Results 1 to 3 of 3

Thread: Fast Dungeon Maps in Photoshop

  1. #1
    Guild Novice
    Join Date
    Aug 2010
    Location
    NEO
    Posts
    10

    Tutorial Fast Dungeon Maps in Photoshop

    After looking through the tutorials and such around, there was a particular look of a dungeon I wanted and finally I decided to take a crack at making my own tutorial. What follows I hope is helpful.

    Click image for larger version. 

Name:	FloorplanDrawnWeb.jpg 
Views:	566 
Size:	199.3 KB 
ID:	45663 After step 9
    Click image for larger version. 

Name:	GridRevealedWeb.jpg 
Views:	530 
Size:	242.6 KB 
ID:	45664 After step 11(note I already have the grid inserted on mine, you wont unless you follow the Extra step.)
    Click image for larger version. 

Name:	FinishedWeb.jpg 
Views:	1437 
Size:	258.9 KB 
ID:	45665 and the Final
    Fast Dungeons In Photoshop Tutorial:

    Setup: Create a new document, 8.5x11, 300dpi, background transparent.
    1) Select your first layer and Rename it Background, Filter>Render>Clouds; then Filter>Stylize Emboss; then Image>Adjustment>Hue and Saturation - select Colorize.
    2) Duplicate this layer and name it Walls
    3) Create a new layer and name it FloorPlan
    4) (Optional) Create a new layer and name it Grid
    5) Move the Grid layer between your Background layer and Walls.
    6) Select your Walls layer, Add Layer Style>Stroke: Size: 5, Position: Outside, Blend mode: Overlay, Color: Black
    7) Select your FloorPlan layer, Add Layer Style> Stroke: Size: 50, Position: Outside, Blend mode: Overlay, Fill Type: Pattern (select the pattern you want to appear outside the walls (for this tutorial I used a crosshatch pattern).
    With the FloorPlan layer still selected, set the layers Fill property to 0%

    **At this point you should have a layer structure from Top to Bottom of FloorPlan, Walls, Grid, Background. (If you are planning on using this method for multiple dungeons, save the file before going further.

    9) Now paint your dungeon on the floor plan layer, you will notice that only the border of the rooms and walls appear. You can also you the Marquee tool to create rooms and halls, to do so, create the room with the Marquee tool, then right click>Fill:White. You can overlap your halls, rooms etc.
    10) Use the Magic Wand tool and select inside your floor plan.
    11) Select your Walls Layer (the selection of your floorplan should still be active) and hit Ctrl-X (or Edit>Cut). And your done. If you want to add additional rooms to the floor plan just repeat steps 9-11.

    Extra: You remember we created a Grid layer earlier that at the moment is doing nothing.
    You can create a transparent grid to fill in here. Create a new project: 75x75 (for a 4sq per inch grid, 60x60 for a 5sq per inch grid). Fill it with Black, then Ctrl +A to select all. Use your arrow keys to move the selection 1px down and 1px right, Ctrl+X, then Edit>Define Pattern. (Credit for this goes to: http://www.cartographersguild.com/sh...th-(Photoshop) )

    Once you have the pattern saved, you can select your Grid Layer then Edit>Fill: Pattern (select the transparent grid you just defined) and there's your grid. For purely style I set the blend mode to the Grid layer to Overlay.

    Additionally: Create a new layer, Rename it Dressing, Set the layer blend mode to Overlay. Then move the layer to between the Grid and Wall layers. Use this layer to paint on any dressings you would like, doors, statues, etc.
    Those in the example map are from the brush pack I made for Photoshop that you can find here: http://www.cartographersguild.com/sh...hes-(Photoshop)

  2. #2
    Guild Artisan damonjynx's Avatar
    Join Date
    Aug 2012
    Location
    Sydney, Australia
    Posts
    811

    Default

    I'll have to have a look for that cross hatch pattern! Is it one that's native to Photoshop (I can't find it on my version CS4) or did you download/create it? If the former, where is it located, if the latter can you please advise where to obtain it or how to create it.

    Cheers,
    Last edited by damonjynx; 12-04-2016 at 06:25 AM.
    Glory is the reward of valour.

    My blog at: damonjynx.blogspot.com.au

    Finished Maps

  3. #3
    Guild Artisan damonjynx's Avatar
    Join Date
    Aug 2012
    Location
    Sydney, Australia
    Posts
    811

    Default

    I've tried setting up a document like this (larger, on international size A1 33x23 inches paper for battle mats) but for some reason my grid (layer 2) covers the entire work area... see attached screenshot. Any idea of what I've done differently? Or is there a step missing form your Tut?

    Mine has an additional grid layer, currently hidden on the screen shot) that is a pattern fill with an inverted mask, so the grid can be "painted" on the floor plan...thanks to Butch Curry for how to do that! Insert a new fill/adjustment layer, select the type of fill you want, colour, pattern (whatever you want, trees, water, grid) and so on then hit ok. There will be a white layer mask next to your chosen fill, click on that and hit on a Mac cmd+i, I think it's ctrl+i on a Windows PC. When your ready to "paint" your pattern select your brush make sure foreground colour is white and paint away.

    Click image for larger version. 

Name:	Screenshot 2016-12-04 22.15.08.png 
Views:	166 
Size:	827.4 KB 
ID:	89917
    Last edited by damonjynx; 12-04-2016 at 06:22 AM.
    Glory is the reward of valour.

    My blog at: damonjynx.blogspot.com.au

    Finished Maps

Posting Permissions

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