Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Photoshop and Map Overlays

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

    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/showthread.php?t=5966
    *
    Various maps from my Homebrew Game: http://www.cartographersguild.com/showthread.php?t=5407
    *
    Unless I explicitly state otherwise you have my permission to use my maps in any capacity needed just give me credit. If you make money off them somehow, that's awesome - let me know! In fact, I LOVE to hear about the ways maps I make are used.

  2. #2

    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

  4. #4
    Community Leader Facebook Connected tilt's Avatar
    Join Date
    May 2010
    Location
    Trelleborg, Sweden
    Posts
    5,784
    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 DnD page Encounter Depot free stuff for your game :: My work page Catapult ::
    :: Finished Maps :: Competion maps - The Island of Dr. Rorshach ::
    :: 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,530

    Default

    There should be some here in the Map Elements forum as well.
    My Finished Maps | My Challenge Maps | Still poking around occasionally...

    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
    Guild Novice
    Join Date
    Feb 2008
    Location
    St Louis, MO, USA
    Posts
    24

    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

    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: 24233
Size:  19.5 KB

  9. #9

    Default

    I've done this but now I've encountered the issue that I can't remove the white background from the layer resulting in my map being blotted out. I've tried adjusting the layer opacity to still get the grid I want but unfortunately it doesn't have quite the desired effect. How would I go about removing the white from between the hexes?

  10. #10
    Community Leader Guild Sponsor - Max -'s Avatar
    Join Date
    Dec 2012
    Location
    France
    Posts
    4,220

    Default

    Set the layer to multiply mode and you're done.

Page 1 of 2 12 LastLast

Posting Permissions

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