Results 1 to 8 of 8
Like Tree1Likes
  • 1 Post By captive411

Thread: Photoshop and Map Overlays

  1. #1
      Katerek is offline
    Guild Member Katerek's Avatar
    Join Date
    Jul 2008
    Location
    Hobbitt Estates, Greater Kansas City Metro Area, Kansas, USA
    Posts
    80

    Default Photoshop and Map Overlays

    Hey all.

    I want to do a hex-based map of my existing campaign map. Does anyone know of a quick and/or easy way to do this inside photoshop? Im running CS4 if that matters.

    EDIT: To clarify, ideally I would like to do a hex overlay of an existing map.
    ------------------------------------------------------
    City of Opal Island Map (Featured Map Winner...yay!): http://www.cartographersguild.com/finished-maps/5966-city-map-opal-island.html

    Various maps from my Homebrew Game: http://www.cartographersguild.com/regional-world-mapping/5407-maps-my-homebrew-dnd-game.html
    ------------------------------------------------------
    CURRENT PROJECT: Map Design for an Indy Nintendo (PC-Based) Retro-Clone RPG

  2. #2
      DevinNight is offline
    Professional Artist DevinNight's Avatar
    Join Date
    Feb 2009
    Location
    Ohio
    Posts
    364

    Default

    There might be a better way, but what you'll want to find or create a hex grid pattern. The create a pattern in photoshop. Create a new top layer, fill with white and go to layer styles. Fill the layer with your pattern, size to your liking and then multiply the top layer with the layers below. If you can want a different look for your overlay, you can always flatten that layer with another newly created layer, then select the white and delete it, leaving you with a black line overlay that you can now try using other blending options.

  3. #3
      RobA is offline
    Administrator RobA's Avatar
    Join Date
    Apr 2007
    Location
    Niagara, Canada
    Posts
    5,532

    Default

    Here is a resource to generate hex pdf grids:
    http://incompetech.com/graphpaper/hexagonal/

    Just create and import the appropriate size page into your image as a new layer.

    -Rob A>

  4. #4
      tilt is offline
    Community Leader Facebook Connected tilt's Avatar
    Join Date
    May 2010
    Location
    Trelleborg, Sweden
    Posts
    4,657
    Blog Entries
    2

    Default

    and remember you can also delete (or mask out) part of the hexes that you don't need, like on top of trees and such - that often makes a better looking map
    regs tilt
    :: My art on Deviant Art :: My mapping blog tilts fantasy maps :: My work Catapult - Perry & Gehrke - EasyTruckIT ::
    :: Finished Maps :: WIP Cartographia - Breakwater -Market -Lands of Twilight -Battle City :: Competion maps Iron Giant ::
    :: FREE Tiles - Compasses :: Other Taking a commision - Copyright & Creative Commons ::
    Works under CC licence unless mentioned otherwise

  5. #5

  6. #6
    Community Leader Facebook Connected Steel General's Avatar
    Join Date
    Jun 2008
    Location
    Ft. Wayne, IN
    Posts
    9,463

    Default

    There should be some here in the Map Elements forum as well.
    My Finished Maps | My Challenge Maps | Ghoraja Juun, my largely stagnated campaign setting.

    Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.



  7. #7
      AlanShutko is offline
    Guild Novice
    Join Date
    Feb 2008
    Location
    St Louis, MO, USA
    Posts
    23

    Default

    There are a bunch of hex resources available at The Piazza. I did some quick checks, though, and they didn't seem to have a whole lot of useful stuff for photoshop. If you have Illustrator as well, though, they have vector symbols and a setup that makes doing hex mapping very easy.

  8. #8
      captive411 is offline
    Guild Novice
    Join Date
    Feb 2013
    Posts
    15

    Default

    I know this topic is really old but it still comes up when you google this issue. I've found a quick and easy solution. Download the hex PDF from Free Online Graph Paper / Hexagonal (thanks to RobA). Open the PDF in Photoshop. Then, zoom way in to select an area EXACTLY like the attached (or just used the attached jpeg). Then go to Edit>Define Pattern. Then, open your map image in photoshop. Go to the layers window and find the little semi-circle button on the bottom of the window called "create new fill or adjustment layer". Select "Pattern" from the list of adjustment layers. Your Hex pattern should show up by default - if not, select it. You can choose the scale before placing the adjustment layer. If you keep the image layered, you can go back at any time to change the scale by double clicking your pattern layer. Good luck and have fun! Name:  Hex Square.jpg
Views: 1591
Size:  19.5 KB
    vorropohaiah likes 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
  •