I’m sure you have seen those dotted world maps that are utilized across dozens of business based websites these days. I was playing around with Photoshop one day and found the following when I was testing out the DingMap font (available free here). If you type “4” with this font selected, you get the following image:

Screen Shot 2013-07-05 at 11.49.03 AM

This gives us an interesting looking map of the world; and a great starter image to create our own dotted world map. First off, we need to create a pattern which we will utilize to fill in this map. So go ahead and create a new image. Depending on the font-size that you used to create the original map, you’ll want to either create a 2×2 sized image for anything less than 165px in size, and a 4×4 sized image for anything larger. Fill in one corner of your image, and then go to Edit > Define Pattern and save your new pattern.

Screen Shot 2013-07-05 at 11.48.10 AM

Back to your original image with the image of the world map, select your text layer, right click on it and select Rasterize Type.

Screen Shot 2013-07-05 at 11.50.54 AM

 

Now select just the world map. You can easily do this by going over Select > Color Range and selecting the Shadows range to be selected.

Screen Shot 2013-07-05 at 11.52.33 AM

 

With your world map selected grab your Paint Bucket Tool and in the top menu select Pattern as your filler. From the drop down select the pattern that we previously defined, and fill the selected area with this.

Screen Shot 2013-07-05 at 11.53.05 AM

 

This will give you the following outcome:

Screen Shot 2013-07-05 at 11.54.42 AM

Published by Michael Boguslavskiy

Michael Boguslavskiy is a full-stack developer & online presence consultant based out of New York City. He's been offering freelance marketing & development services for over a decade. He currently manages Rapid Purple - and online webmaster resources center; and Media Explode - a full service marketing agency.

Leave a comment

Your email address will not be published. Required fields are marked *