Menu
News
All News
Dungeons & Dragons
Level Up: Advanced 5th Edition
Pathfinder
Starfinder
Warhammer
2d20 System
Year Zero Engine
Industry News
Reviews
Dragon Reflections
White Dwarf Reflections
Columns
Weekly Digests
Weekly News Digest
Freebies, Sales & Bundles
RPG Print News
RPG Crowdfunding News
Game Content
ENterplanetary DimENsions
Mythological Figures
Opinion
Worlds of Design
Peregrine's Nest
RPG Evolution
Other Columns
From the Freelancing Frontline
Monster ENcyclopedia
WotC/TSR Alumni Look Back
4 Hours w/RSD (Ryan Dancey)
The Road to 3E (Jonathan Tweet)
Greenwood's Realms (Ed Greenwood)
Drawmij's TSR (Jim Ward)
Community
Forums & Topics
Forum List
Latest Posts
Forum list
*Dungeons & Dragons
Level Up: Advanced 5th Edition
D&D Older Editions, OSR, & D&D Variants
*TTRPGs General
*Pathfinder & Starfinder
EN Publishing
*Geek Talk & Media
Search forums
Chat/Discord
Resources
Wiki
Pages
Latest activity
Media
New media
New comments
Search media
Downloads
Latest reviews
Search resources
EN Publishing
Store
EN5ider
Adventures in ZEITGEIST
Awfully Cheerful Engine
What's OLD is NEW
Judge Dredd & The Worlds Of 2000AD
War of the Burning Sky
Level Up: Advanced 5E
Events & Releases
Upcoming Events
Private Events
Featured Events
Socials!
EN Publishing
Twitter
BlueSky
Facebook
Instagram
EN World
BlueSky
YouTube
Facebook
Twitter
Twitch
Podcast
Features
Top 5 RPGs Compiled Charts 2004-Present
Adventure Game Industry Market Research Summary (RPGs) V1.0
Ryan Dancey: Acquiring TSR
Q&A With Gary Gygax
D&D Rules FAQs
TSR, WotC, & Paizo: A Comparative History
D&D Pronunciation Guide
Million Dollar TTRPG Kickstarters
Tabletop RPG Podcast Hall of Fame
Eric Noah's Unofficial D&D 3rd Edition News
D&D in the Mainstream
D&D & RPG History
About Morrus
Log in
Register
What's new
Search
Search
Search titles only
By:
Forums & Topics
Forum List
Latest Posts
Forum list
*Dungeons & Dragons
Level Up: Advanced 5th Edition
D&D Older Editions, OSR, & D&D Variants
*TTRPGs General
*Pathfinder & Starfinder
EN Publishing
*Geek Talk & Media
Search forums
Chat/Discord
Menu
Log in
Register
Install the app
Install
NOW LIVE! Today's the day you meet your new best friend. You don’t have to leave Wolfy behind... In 'Pets & Sidekicks' your companions level up with you!
Community
General Tabletop Discussion
*Pathfinder & Starfinder
A Quick Map Tutorial (using Photoshop)
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="weem" data-source="post: 4895998" data-attributes="member: 9470"><p>Hey all,</p><p></p><p>I made a map while I was on a lunch break earlier today and was just thinking (here on a break) that I might as well make a very quick tutorial for the heck of it - since it was all right here in front of me.</p><p></p><p>I use Photoshop for this and this tutorial is basically the process I use to crap out a map when I want one done in a hurry) less than an hour. Because it is so quick, that means I could drop a tutorial in here that isn't TOO long. So again, this is very quick n dirty, no touch up or detail work - just the basic idea <img src="https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f609.png" class="smilie smilie--emoji" loading="lazy" width="64" height="64" alt=";)" title="Wink ;)" data-smilie="2"data-shortname=";)" /></p><p></p><p>So, here we go...</p><p></p><p>First things first, you need a floor. I work from the floor up. You can find textures online and then lighten/darken them as needed - but an image with some kind of texture is best...</p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step01.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Next up, we put some lines down on a new layer. These I do dark-ish grey and place them every 50 pixels. I then apply a layer style "strok" (layer > layer style > stroke ) of 1 pixel width and a light/white color. I then set it's transparency down to 50% or so. This gives the squares a slight beveled look...</p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step02.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Next, we add a new layer and fill it with a dark grey or brown. This will be the walls once we cut out rooms. You want to see the grid below so lower the transparency down on this layer to 50% (<a href="http://www.lastlands.com/upload/map_tutorial/step03.jpg" target="_blank">see here</a>). Once you do this, you can use the marquee tools to select and cut out hallways, rooms etc...</p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step04.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Once you have your rooms cut out, bring the transparency back up to 100% on the "walls" layer. </p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step05.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Then, you will need a "rock" or "stone" texture of some kind (or even parchment). This image you will drag into its own layer above the wall layer. </p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step06.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Set the blend mode to "overlay" (or play with it to get the desired look). Once there, use the Magic Wand tool (see it in the image below, it's the selected button on the left toolbar) and highlight the empy area of the walls layer (layer 1). </p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step07.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Once highlighted, select the "rock" layer (layer 2) and hit "delete"</p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step08.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>At this point, I might throw in some details. I grab the paint brush with a small point and dark color - I then scribble lines along the walls. Don't worry about staying in the lines - you can use the Magic Wand again, select the empty areas of the wall layer, then move back to the sketch layer and delete that extra stuff... </p><p></p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step09.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p>and poof...</p><p></p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/step10.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Spending more time in the varying stages and really giving it your all you can come up with even cooler looking maps - this is just the skeleton process to show point A to point B as quickly as possible. After upping the brightness a bit (and adding some bevelling) to the rock layer, I ended up with this...</p><p></p><p></p><p><img src="http://www.lastlands.com/upload/map_tutorial/full.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></p><p></p><p></p><p>Enjoy <img src="https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f609.png" class="smilie smilie--emoji" loading="lazy" width="64" height="64" alt=";)" title="Wink ;)" data-smilie="2"data-shortname=";)" /></p></blockquote><p></p>
[QUOTE="weem, post: 4895998, member: 9470"] Hey all, I made a map while I was on a lunch break earlier today and was just thinking (here on a break) that I might as well make a very quick tutorial for the heck of it - since it was all right here in front of me. I use Photoshop for this and this tutorial is basically the process I use to crap out a map when I want one done in a hurry) less than an hour. Because it is so quick, that means I could drop a tutorial in here that isn't TOO long. So again, this is very quick n dirty, no touch up or detail work - just the basic idea ;) So, here we go... First things first, you need a floor. I work from the floor up. You can find textures online and then lighten/darken them as needed - but an image with some kind of texture is best... [IMG]http://www.lastlands.com/upload/map_tutorial/step01.jpg[/IMG] Next up, we put some lines down on a new layer. These I do dark-ish grey and place them every 50 pixels. I then apply a layer style "strok" (layer > layer style > stroke ) of 1 pixel width and a light/white color. I then set it's transparency down to 50% or so. This gives the squares a slight beveled look... [IMG]http://www.lastlands.com/upload/map_tutorial/step02.jpg[/IMG] Next, we add a new layer and fill it with a dark grey or brown. This will be the walls once we cut out rooms. You want to see the grid below so lower the transparency down on this layer to 50% ([URL="http://www.lastlands.com/upload/map_tutorial/step03.jpg"]see here[/URL]). Once you do this, you can use the marquee tools to select and cut out hallways, rooms etc... [IMG]http://www.lastlands.com/upload/map_tutorial/step04.jpg[/IMG] Once you have your rooms cut out, bring the transparency back up to 100% on the "walls" layer. [IMG]http://www.lastlands.com/upload/map_tutorial/step05.jpg[/IMG] Then, you will need a "rock" or "stone" texture of some kind (or even parchment). This image you will drag into its own layer above the wall layer. [IMG]http://www.lastlands.com/upload/map_tutorial/step06.jpg[/IMG] Set the blend mode to "overlay" (or play with it to get the desired look). Once there, use the Magic Wand tool (see it in the image below, it's the selected button on the left toolbar) and highlight the empy area of the walls layer (layer 1). [IMG]http://www.lastlands.com/upload/map_tutorial/step07.jpg[/IMG] Once highlighted, select the "rock" layer (layer 2) and hit "delete" [IMG]http://www.lastlands.com/upload/map_tutorial/step08.jpg[/IMG] At this point, I might throw in some details. I grab the paint brush with a small point and dark color - I then scribble lines along the walls. Don't worry about staying in the lines - you can use the Magic Wand again, select the empty areas of the wall layer, then move back to the sketch layer and delete that extra stuff... [IMG]http://www.lastlands.com/upload/map_tutorial/step09.jpg[/IMG] and poof... [IMG]http://www.lastlands.com/upload/map_tutorial/step10.jpg[/IMG] Spending more time in the varying stages and really giving it your all you can come up with even cooler looking maps - this is just the skeleton process to show point A to point B as quickly as possible. After upping the brightness a bit (and adding some bevelling) to the rock layer, I ended up with this... [IMG]http://www.lastlands.com/upload/map_tutorial/full.jpg[/IMG] Enjoy ;) [/QUOTE]
Insert quotes…
Verification
Post reply
Community
General Tabletop Discussion
*Pathfinder & Starfinder
A Quick Map Tutorial (using Photoshop)
Top