Perhaps you are a designer. Perhaps from time to time you need to design maps. Perhaps you don’t quite have the time right now to learn how to be a full-blown cartographer.
Never fear. All you need is ArcGIS Maps for Adobe Creative Cloud. This is a free extension for Adobe Illustrator or Photoshop that lets you pull geographic data into your design documents.
This product is most often used with vector data in Adobe Illustrator (it’s currently Illustrator’s fourth most popular extension). But it works great for Photoshop, too.
This blog will walk you through creating a map of the ocean’s deepest trenches (the hadopelagic zone) using ArcGIS map data in Adobe Photoshop.
Note: If you want to learn how to complete a similar workflow with this product in Illustrator, check out the lesson Get Started with ArcGIS Maps for Adobe Creative Cloud.
MAKE A MAP
First things first, you need to decide on your artboard size. And because this is a map, that means choosing two important map properties: scale and extent.
2. Open Photoshop.
3. From the Window menu, point to Extensions and click ArcGIS Maps for Adobe Creative Cloud.
You’ll be prompted to choose a method to access the extension. There are three choices:
- Complimentary Account—Access publicly available content from the ArcGIS system.
- Plus Account—This method requires payment and provides access to advance mapping features and many of Esri’s premium datasets.
- ArcGIS Online—This method requires that you already have an ArcGIS Online account. ArcGIS Online is Esri’s mapping platform with abilities to manage and share geographic datasets and maps.
More details about the functionalities available with each account type can be found here.
4. You need to use ArcGIS Online or a Plus account to access the data used in this lesson. If you don’t have an account, you can sign up for a free trial of ArcGIS.
Once you’ve signed in, the Mapboards window appears.
While you may be eager to start mapping, it’s important to first decide on your map’s extent. Here you are forced into making this smart choice up front, thus preventing much frustration and lost time later in your project.
The Mapboards window has a handy yellow banner near the top. Watch this banner to receive hints on what you need to do next.
In this case you have two choices: import an extent from existing data or draw an extent. A map’s extent is the area on the ground that you want the map to cover.
5. Zoom and pan on the map to find your desired extent. I zoomed out to see the whole world.
6. In the Mapboards window, click the Draw button and drag it over the map to declare your mapping area.
7. The Mapboard Options window opens. Choose Set Map Level of Detail to, and for Scale, choose Continent – High Detail.
Not a cartographer? Level of detail is also called LOD, and in the mapping world it is closely tied to scale. Scale is the relationship between distances on the map and distances on the ground in the real world, and it is often expressed with a scale bar. Scale, extent and artboard size all affect one another. You can’t show twice as much land on the same size paper without also changing the scale. For this reason, the width and height of your artboard size will automatically adjust as you change the LOD. You can think of scale like resolution, but for geography.
The County LOD will give you detailed data, since it is designed for mapping a smaller area, while the World LOD will give you a much more generalized layer. Continent – High Detail will give you more detail than you need, but it’s better to start detailed and downgrade later if you need to.
8. Click OK.
Congratulations—you’ve defined the scale, extent, and artboard size of your map. Next you need to add data.
9. Click the Preview and add content button.
Tip: This button exists in three places. It doesn’t matter which one you click.
The Compilation window appears. This is where you add layers.
10. Click Add content and click Add Layers.
11. In the Add Layers window, choose Browse from ArcGIS location. There are a few different repositories to choose from. Choose Living Atlas of the World.
12. In the search bar, type bathymetry.
13. Click the TopoBathy tile. A description appears underneath. Scroll down and click the Full Description link.
This launches the TopoBathy layer’s item details page in ArcGIS Online. This layer combines topography (land elevation) with bathymetry (ocean depths).
Optionally, click Open in Web Map viewer to view and explore this layer on a map. This is a good way to decide if you want to use a layer in your project or not. Just remember that if you are zooming around in the Map Viewer you will see all the LODs (the map will appear more detailed as you zoom in), but only one LOD will be added to your mapboard.
14. Return to the Add Layers window in Photoshop.
15. Click the Add button on the TopoBathy tile and click Close.
The Compilation window now shows two layers in the Contents list: WorldElevation/TopoBathy and Topographic, which is a basemap that you get by default. You can also see a preview of the map.
16. Zoom out on the preview map. It is a square.
Not a cartographer? This map is square because it uses the Web Mercator projection. Perhaps you’ve heard that this is a “bad” projection, specifically because it makes Greenland look larger than South America. In fact, it is a very useful projection some purposes—just not all. Because the world is round and paper is flat, all projections must distort some aspect of the earth in order to draw it on a piece of paper (or a computer screen). Mercator distorts size to preserve shape.
Next, you’ll pick a projection that displays areas equally and also provides largely uninterrupted views of the oceans.
17. Click the gear-shaped Current map settings button at the top.
In the Projection search bar, type goode.
18. Select World Goode Homolosine Ocean and click OK.
Now your preview map is shaped like an orange peel. This projection distorts shape to preserve area.
There is an error at the top: “Map layer(s) loaded with an error.” That’s OK. It’s referring to the fact that the basemap can’t be reprojected. You don’t need the basemap, so you can ignore the error.
19. At last, it’s time to create your map project. Click the Sync button.
20. Click OK on the Sync Map dialog box and wait for generation.
Note: If this takes too long, you can return to the Mapboards window, click Modify map and output properties, and choose a different LOD—for example, World – High Detail.
Now you have a Photoshop document named Mapboard.tif.
21. Collapse the ArcGIS Maps windows and open the Layers window. There are layers here for the Esri logo, copyright info, and background (the TopoBathy layer).
ADD MORE LAYERS
It is tempting to add many layers at once. But if you do, they will all be flattened into one. They need to be added one at a time.
1. Reopen the ArcGIS Maps: Compilation window.
Tip: If it is not already open, click Window > Extensions > ArcGIS Maps for Adobe Creative Cloud. Then click the Preview and add content button.
2. Click Add Content and Add Layers. This time, in Living Atlas of the World, search for and add TopoBathy Hillshade.
3. Click Close. There are now two layers in the Contents list named WorldElevation/TopoBathy. The bottom one is the layer you’ve already added. It no longer has a download arrow icon next to it since it has already been synced. You can delete it if you like, but you don’t have to. Only layers with download arrow icons will be synced.
4. Click Sync and click OK.
5. In the Layers window, remove the ScaleInfo and EsriLogo layers.
6. Repeat steps 2 through 4 to add two more layers:
- Marine Deep Trenches
- World Continents
7. In the Photoshop Layers window, rename the layers so you can more easily tell which is which.
I won’t go into too much detail in this section or pretend that I am a Photoshop expert. I’ll just share a few tips and suggestions.
1. Select the continents layer.
Currently, this layer is covering all the others, when you only want it to cover the continents.
2. From the Select menu, choose Color Range. Click somewhere in the white space of the map and change Fuzziness to 0.
3. Click OK, and on the keyboard, press Delete.
Now you have land without a background.
4. Press Ctrl + D (or Command + D) to deselect and then Ctrl + L (or Command + L) to open the Levels window.
Under Output Levels, change 0 to 255 and click OK.
Now the land is white instead of green.
5. Follow the same workflow to remove the white space on the marine deep trenches layer.
6. Press Ctrl + U to access the Hue/Saturation controls and change the color of the trenches.
But it is with the bathymetry layers where you can really have some fun.
Not a cartographer? The bathymetry layer is a kind of DEM, or digital elevation model. This is a raster that stores a different elevation value in every pixel. The brightest pixels are for the highest mountains, and the darkest are for the deepest ocean trenches. This means you can make copies of the bathymetry layer, each with their levels adjusted differently to map different depth ranges of the ocean.
7. Apply different color gradients to each copy of the bathymetry layer, use select by color range to delete depths you don’t want, combine all with transparencies and blend modes, and finally use the hillshade layer to give it all a classy texture:
8. Turn on the continents and trenches layers and make some labels. I found the names of the trenches on the Esri World Ocean Basemap and added them to my map manually.
You probably want to stop here: a classy-looking map of the ocean’s deepest trenches. But why not add a film grain texture? And while you’re at it, some sea monsters? All the best maps have sea monsters, right?
Okay, so I had a bit too much fun with this map. I was going for a sci-fi book cover theme.
But to keep things balanced between fact and fiction, I brought the map into Illustrator to create a textbook-inspired version as well.
Not a cartographer? Don’t let it stop you from making some fantastic maps.