My Account     Contact Us     Cart

Articles

Exploring Shaded Relief Techniques in Geographic Imager and Adobe Photoshop 3D

In the world of map-making, shaded relief refers to a visual technique that gives the illusion of three-dimensional terrain on an otherwise flat map. Cartographers use shaded relief to draw the viewer’s eye to prominent topographic features such as mountains, valleys and canyons. Using imaginary illumination sources and digital elevation data to cast directional light on a map, the cartographer can give the illusion of depth, casting shadows into valleys and lowlands, and highlighting ridgelines and peaks as if they are bathed in sunlight. 

Historically, this technique was achieved entirely by hand and was extremely labour intensive. Now, with modern graphical software and digital mapping technologies, relief shading can be accomplished right on the desktop. 

To demonstrate this, we are going to use the powerful spatial imagery tools and graphical design capabilities of the Geographic Imager plug-in for Adobe Photoshop to explore relief shading using a really interesting 19th-century historical map. Here is a sneak peek to show what the final product will look like.

Let’s start with our original map. We have taken an absolutely stunning United States Geological Survey Map of the world-renowned Grand Teton National Park in Wyoming. Originally drafted by hand in the year 1899, the map features beautifully drawn contour lines and colour work showing the mountainous topography of the park and its surrounding area. The map, and thousands of others like it, are available in full-resolution on the USGS Historical Map Catalogue. Our goal will be to bring the map to life using three-dimensional (3D) relief shading techniques available with Geographic Imager and Adobe Photoshop.

First, we need to bring in some elevation data. Elevation data is critical for creating shaded relief, as it determines how light and shadows will behave in different parts of the map. We can obtain high-resolution digital elevation models (DEM) for our region from the USGS EarthExplorer.

Those of your familiar with spatial imagery data and DEMs will know that our first challenge will be working with tiled (discontinuous) imagery data products. In its raw form, DEMs are often stored as identically sized tiles, with each tile representing a specific indexed region of the earth’s surface. It is an unfortunate reality that many times the spatial extent of each DEM tile rarely matches the exact extent of the area you are interested in mapping. As a result, map-makers and spatial imagery specialists need to implement tools to import, merge, and crop these tiles to a more useful format and size.

 

In our case, the elevation data for the area shown by the original 1899 topo-map is now represented by four separate DEM tiles, with roughly one tile for each quadrant of the map. To handle this problem, we can use the powerful Advanced Import tool within the Geographic Imager toolbar. The tool is a one-stop solution to easily import and mosaic our DEM datasets directly into Photoshop, all while retaining the spatial awareness we need to georeference or transform our data layers.

By combining each of the four raw DEM datasets, the tool will mosaic the tiles into a single merged, continuous, and geographically accurate elevation layer covering the entire extent of the map. Even more impressive is that Geographic Imager can use the spatial referencing information in the data to automatically align and overlay the original 1899 topo map onto the elevation layer, removing the need to perform manual georeferencing. (If the imagery data you are using does not have spatial referencing information already, don’t worry – our support team has crafted some excellent, easy to follow georeferencing in Geographic Imager tutorials).

With our DEM data imported into Photoshop, we can start to explore different techniques for creating shaded relief. We will start by using the Terrain Shader tool located on the Geographic Imager toolbar. Terrain shader is a one-click technique to create simple shaded relief instantly. It allows you to configure the angle and intensity of the simulated illumination source to control the prominence and direction of casted shadows. Additionally, you can apply customized colour gradients to easily produce stylized elevation maps or apply hypsometric tints. 

In many situations, the Terrain Shader tool is an all-in-one, quick and easy way to create shaded relief. The output of the tool makes it easy to distinguish topographic features and can be used to quickly produce a shaded-relief backdrop for your map.

One of the greatest benefits of using Geographic Imager is that we retain all the imagery manipulation and spatial referencing capabilities of a GIS while still having access to the massive inventory of powerful image editing tools provided by Photoshop. This allows us to take our shaded relief technique up a notch by incorporating the advanced 3D rendering and lighting tools of Photoshop 3D to truly bring our 1899 Grand Teton survey map to life.

To start, we first need to trim the DEM layer down to our specific area of interest. We used the GeoCrop tool to crop our mosaiced DEM layer down to the exact extent of our topo map (it is important that both layers are the exact same extent – you’ll see why later). Next, we can open up the Photoshop 3D toolbar, and convert our flat DEM into an extruded 3D “Depth Map”. 

To enhance the shaded relief effect, we need to apply a vertical exaggeration to the model. In 3D mode, we can drag the z-axis scaling slider to exaggerate the prominence of the topographical features in our map. By creating vertical exaggeration, we can create more pronounced shaded relief, as canyons and lowlands will capture shadows more effectively.

In 3D mode, we can use the mouse cursor to pan and rotate our “camera” to get different perspectives of our elevation model. This can be useful for creating orthographic or oblique perspective map styles.

Now that we have a configured 3D model of our map area, we can apply our simulated illumination source. Much like the Terrain Shader tool, we can control the illumination intensity and angle of approach. Since we are working in a 3D environment however, we now have three different axes that control where our light is coming from. Notice how the angle is important for affecting the length and intensity of shadows in our relief map. This includes the prominent mountain silhouettes that can be created when we set the light source to approach from a low angle on the horizon.

Next, we can configure the surface properties and apply a texture overlay to our 3D model. Experimenting with these settings changes how light interacts with the surface and can be refined to produce different relief shading effects. Using these surface properties, we can also drape the original 1899 Topo map onto our surface model (this is why it is important for both the DEM and the topo-map to share the exact same extent, otherwise the topo map will be distorted once it is draped over the surface).

Fine-tuning the map at this stage can take some time and experimentation. We can add some additional light sources with different casting angles and intensity to help create a multi-directional hillshade effect. We can also configure the light settings to produce softer, less pronounced shadows that look more realistic. After spending some time adjusting the lighting and surface settings, as well as configuring the camera view angle,  we can hit the “render” button and sit back while it creates a full-resolution rendering of our 3D model (this part can be very computationally intensive, and may require a high-performance machine to process efficiently).

Since we are still creating our map entirely within the Photoshop environment, we can immediately fine-tune the brightness, contrast, and colour of our map before exporting the final product. 

You can see some renders of the final map below. Thanks to the powerful spatial import and manipulation tools of Geographic Imager, and the ability to work entirely within the advanced image editing environment of Photoshop, we were able to create a dramatic 3D shaded relief effect that brings our 1899 USGS Grand Teton Survey map to life.

 

Mapping Class: Creating Orthographic Locator Maps with Steve Spindler

 

We are proud to announce the start of a new video-focused blog series called Mapping Class. This blog series will curate tutorials and workflows created by cartographers and Avenza software users from around the world. We begin with a mapping workflow from Steve Spindler, a longtime MAPublisher user, and expert cartographer. He has shared with us his own take on creating Orthographic locator maps by applying some neat design tricks and utilizing MAPublisher’s powerful projection tools to create a simple, yet effective map.

Steve has produced a short video walkthrough demonstrating his process and has summarized the technique in the written article below.

***

Creating Orthographic Locator Maps
by Steve Spindler

An orthographic map is like a view from space. It’s useful for directing attention to someplace on the planet.
This video shows how an orthographic locator map is made in Illustrator using MAPublisher. The template illustrator file I use in the video is here.

 

We’ll start off by locating Paris on the map using Find Places. We need the latitude and longitude to create two projections.
Next, get the Latitude and Longitude from Map Attributes. You’ll have to turn MapX and MapY fields on. MapX is longitude. MapY is Latitude.

In Map Views, click on the projection, (ne_110m_land), and then select “Perform Coordinate System Projection”.
Select Projected Coordinate Systems and search for Azimuthal Equal Area. Duplicate, rename and set the definitions for the central meridian and the latitude of origin. There might be more than one. Pick one.

Select Projected Coordinate Systems and search for Orthographic. Duplicate, rename and set the definitions for the central meridian and the latitude of origin. There might be more than one. Pick one.

Select the new azimuthal projection, the one you created, and click OK to use it.
We use the azimuthal projection to crop data before creating the orthographic projection. Otherwise, there will be overlapping imagery. Next, create a buffer for the Paris point that is 10002.5 km around the point. This will be located on a new layer.

Use the path utilities tool to convert the bezier circle into polylines. Then reproject the map to the orthographic projection. Once completed, crop again with your circular buffer layer and delete the water layer. It will be replaced with a gradient.

Finally, add a radial gradient to the circular buffer layer and move the circle below the other layers.
Now you have an orthographic locator map that you can continue to style and label for your purposes.

***

About the Author

Steve Spindler has been designing compelling cartographic pieces for over 20 years. His company, Steve Spindler Cartography, has developed map products for governments, city planning organizations, and non-profits from across the country. He also manages wikimapping.com, a public engagement tool that allows city-planners to connect and receive input from their community using maps. To learn more about Steve Spindler’s spectacular cartography work, visit his personal website. To see the original tutorial article, or view Steve’s other mapping demonstrations, visit cartographyclass.com

Labelling Made Easy with MAPublisher Label Tools and the MAPublisher LabelPro Add-on

Maps are a fusion of art and science, presenting complex geographical data in a way that is both visually appealing and informative. Cartographers use maps to convey a story, drawing attention to important information using carefully crafted design choices and curated map elements that engage the viewer. Although cartographers employ a variety of specialised techniques to present this meaningful information on a map, one of the simplest, yet most effective methods is through map labels.

Quite simply, map labels are symbols or texts strategically placed at specific locations on a map to identify important geographical features, locations, or areas of interest. To a map viewer, labels are a quick and easy way to know exactly what is shown on a map. To a map maker, however, the task of creating labels is not often quick and generally isn’t easy. This is especially true when there are a large number of labels that need to be placed, or when labels need to follow complex paths such as roadways, rivers, or trails. Map-makers must also consider the issue of label crowding and collisions, ensuring labels are not overlapping each other, covering or distracting from other important features of the map. Combined, these challenges can be a significant time-sink in the map-making process, requiring both time and effort on the part of the cartographer.

Labelling doesn’t have to be difficult though, and in this blog, we will show you how built-in MAPublisher label tools and the MAPublisher LabelPro add-on can make labelling simple.

Let’s start with our unlabelled map. We have taken a collection of openly available geo-data depicting the small mountain town of Ouray, Colorado (home of National Geographic Cartographer and last month’s Avenza Cartographer Chronicles feature, Mike Boruta). We have stylized the data to show rivers, parks, streets and trails all throughout the town, but we feel labels would help a user to better understand the information being shown. We are going to approach the labelling process in a few different ways.

Manual Label Placement with the MAP Tagger Tool

For small labelling tasks, where a map maker might need to place only a handful of precisely located labels, the MAP Tagger tool is perfect for the job. MAP Tagger allows us to configure a basic set of options that control the character style of our label as well as general label placement rules. From there, we can simply click on a map feature and have the tool automatically detect and apply a label from attribute information contained in the selected layer. As we have direct control over the placement of every individual label, we can be extremely precise in choosing label placements that work for our map. Best of all, the tool automatically detects and applies text pathing for line features, meaning text labels can follow the form of any road, river, trail in your map!

When working with a small number of map features, the MAP Tagger tool is often just what you need to add well-placed labels to your map. For larger labelling tasks, such as our Ouray map, where there are many layers and several different features to be labelled, a manual approach such as this would be very time-consuming. Instead, we need to implement a more automated, batch labelling technique to speed-up the map-making process.

Batch label placement with the Label Features Tool

When you are working with several map layers, or have a large number of geographic features that each need to be labelled, it can be more efficient to create your labels all at once. The Label Features tool comes built-in with MAPublisher, and can handle batch labelling of map features with only a few clicks. The tool is designed similarly to MAP tagger, and automatically populates the map with precise, path-aligned labels, while offering the flexibility to define unique character styles for each map layer.

Taking a look at the tool, we were able to quickly generate over a hundred labels, for every road, trail, river, and park layer in our Ouray map. By nature, the tool will present you with a large number of labels for each feature, allowing us to examine and choose the labels we wish to retain and remove those that we don’t. With a little bit of clean-up to remove those extra or unwanted labels (see the animation below), we can already see our labelled map is coming together!

The Label Features tool is great for getting a head start on large labelling projects, but you might notice that the output of the labelling tool still requires some manual intervention to clean-up the output. For example, notice how “4th Street” and “5th Street” labels are repeated several times over the length of the street, with some labels colliding with others to create an overlap. This is a common problem in many labelling tasks and is due to the way our input data is structured. The dataset we obtained presents each road in the town as a line, but rather than present each road as a single continuous feature, it breaks up each street into several linked segments. Although this can be corrected with manual editing, it can still be time-consuming when working with a high number of labelled features. To avoid this, we need a method of achieving smarter batch label placement that can detect and reduce instances of label collision or redundancy. 

Fortunately, we have one last trick up our sleeves that makes even the most complex labelling tasks a breeze. We can use MAPublisher LabelPro for collision-free, rules-based label placement.

Better Labelling with MAPublisher LabelPro

The MAPublisher LabelPro add-on allows the user to customize a wide variety of enhanced labelling options that result in smarter, more efficient label placement. LabelPro comes with a powerful purpose-built labelling engine that handles not only label placement, styling, and pathing, but also optimizes the grouping, fitting, and collision avoidance of labels to reduce crowding, avoid label overlap, and eliminate label redundancies. 

Remember those overlapping labels we ran into with the Ouray map? With LabelPro we can set rules that treat street segments as contiguous features in a single line, meaning the labelling engine will efficiently place labels that are representative of the entire street, rather than just for each segment. The intelligent collision and fitting rules mean we can also prevent labels from overlapping each other or crowding the map, saving us time and effort by letting the tool handle precise label placement with minimal clean-up. By setting layer priorities designating certain layers as obstacles we can make sure our important labels are unobstructed, and other labels do not cross other features in a way that would confuse the map viewer. 

With LabelPro, we can also create expressions to apply conditional character styles and rules based on attribute values in the data. In our map, we created label filters for “Residential Roads”, “Service Roads”, and “Alleyways”, allowing us to label (or not label) certain road types differently, even though they are all contained in the same “secondary roads” map layer. These are only a few examples of the robust collection of configurable rules and smart labelling options available to tackle even the most complex labelling tasks.

With our rules set up and all character styles defined, in very short order we could automatically generate labels for all rivers, roads, highways, parks and trails in our Ouray map. The smart placement with LabelPro means we spend less time manually correcting label placement and allows us to produce maps more efficiently and easily. If you want to read a more in-depth, tutorial style article that shows you the exact steps we used to easily create our simple map of Ouray, check out this great workflow article produced by our support team – Here!

 

Data sources: All datasets were obtained from OpenStreetMap and the Ouray County Open Data portal.

What’s New in Geographic Imager 6.3

Geographic Imager 6.3 - Avenza Systems

What’s New? Geographic Imager 6.3

We are happy to announce that Geographic Imager 6.3 is now available. This release brings continued improvements to compatibility with Adobe Photoshop 2021, and now offers full compatibility with the latest Mac OS 11 Big Sur release. We are also excited to introduce a brand new and easy way to access floating licenses directly from the cloud!

Here is what you can expect with the latest Geographic Imager 6.3 release:

macOS 11 Big Sur Compatibility

Users will be delighted to see that Geographic Imager 6.3 is now fully compatible with macOS 11 Big Sur. This means new and existing users can transition to the latest macOS without any interruption in their Geographic Imager capabilities.

Cloud Floating Licenses: A Better Way to Manage and Checkout Licenses

We have worked hard to deliver a newly improved floating license management system as part of Geographic Imager 6.3. This new license management system greatly improves on previous versions and allows users and administrators within an organization to efficiently and seamlessly access floating licenses directly from the cloud. The new licensing system is built on the RLM Cloud platform and means floating licenses can be implemented without the challenges of setting up, deploying, and managing a local server. Contact our Sales team to learn how you can set up your cloud floating licensing.

See the new cloud licensing options by accessing the license management panel within Geographic Imager 6.3

UXP Implementation for Chinese Versions of Geographic Imager 6.3

The Chinese version of Geographic Imager 6.3 now implements Adobe’s new powerful Unified Extensibility Platform. Which provides user interface improvements and flexibility to develop new tools in the future.

Geographic Imager Available Now

All active maintenance subscribers can upgrade to Geographic Imager 6.3 today for free. Users without an active maintenance subscription or on a previous Geographic Imager version can still upgrade.

 

Cartographer Chronicles: Mike Boruta

Colorado-based cartographer Mike Boruta knows a thing or two about making maps. In fact, this award-winning cartographer has been designing spectacular maps and trail guides for more than a decade. His work can be seen in the National Geographic Trails Illustrated series, in mountain biking guides released by Fixed Pin Publishing, fly-fishing reference maps curated by Stonefly Press, or most recently in the hiking trails guide for the mountainous town of Ouray, Colorado, where he currently lives. Always fascinated with viewing the world from above, Boruta has dedicated his career to capturing the beauty of mountain landscapes through well-designed maps, and captivating cartographic styles.

Following several years of post-university travel, Boruta found himself living in the tiny tourist-driven town of Ouray. Seeking more opportunities for career advancement, he moved to Arcata, located on the north-western coast of California. He considered returning to school to pursue a computer science degree but realized the subject matter did not entirely excite him. That was when a coworker of his first told him about the excellent Geography and Cartography programs at Humboldt State University nearby. He learned about a subject-stream called Geographic Information Systems (GIS), and although having never heard of GIS before, the concept immediately interested him. His years of travel had given him quite an appreciation for maps, and the GIS and Cartography programs at HSU would allow him to combine this appreciation with an interest in computer technology. 

He quickly developed a passion for cartography and decided to pursue graduate schooling in Athens (OH), where he studied under established cartographer Dr. Margaret Pearce. Forever drawn back to the rugged mountain landscapes where he had lived in the past, Boruta found a particular interest in studying relief representation in cartography, the technique used to create the illusion of 3D-terrain on a 2D map. He fell in love with the work of renowned Austrian cartographer Heinrich Berann, whose painterly style “birdseye” mountain maps continue to inspire him today.

 “Anytime I had to choose a place to use for projects in my cartography or GIS classes I found myself pulled back West, usually to Ouray, Colorado. I grew increasingly interested in mapping mountainous places”

In 2009, Mike Boruta first began using Avenza MAPublisher in his work. He had recently won the Arthur Robinson Award for Best Printed Map, part of the CaGIS Map Design Competition, for his entry “The Million Dollar Highway”, which explored a scenic stretch of road connecting Ouray to Silverton, Colorado. The award included a student license for Avenza MAPublisher software and allowed him to seamlessly integrate its suite of cartography tools into his already Adobe Illustrator-heavy mapping workflows. Shortly after, he began working with the publishing company Fixed Pin to create a mountain-biking guidebook for the entire state of Colorado. The project was extensive and would require the creation of several complete and detailed map sets, each describing a unique part of the state. Recognizing the vast scale of work ahead of him, Boruta sought out mapping solutions that would help him enhance the efficiency of his cartographic workflow. 

 “This was the first time I really got to work with MAPublisher, and it was a joy to learn and to use. I immediately found out how useful it was to set up all my graphic styles and character styles since I was having to create 118 maps with the same look and feel.” 

As Boruta found himself less and less dependent on dedicated GIS software, he opted to focus on completing his projects from start to finish directly in Adobe Illustrator using the many data import and manipulation tools of MAPublisher. This environment, he felt, “lent itself to so much more creativity”. Integrating these mapping tools into his workflow also meant he did not have to continuously replicate shared design features between each map, instead organizing and stylizing his data into a series of 15 “master maps” and using the MAPublisher Vector Crop tool to create separate individual maps for specific regions. 

By 2011, Boruta had begun contract work with National Geographic to help produce maps for the Trails Illustrated line of topographic map products. Incredibly, in 2013 things aligned in such a way that he was able to once again move back to Ouray, the mountain-town he had fallen in love with many years earlier. There, he began meeting with the volunteer-run Ouray Trail Group (OTG) to discuss how he could help them improve their existing trail map, which is a major source of funding for the non-profit group. The first project was getting their map into the Avenza Map Store so that hikers could use the map on their phones and tablets. After that, it was clear that the newly created and extremely popular hiking route called the “Ouray Perimeter Trail” needed its own high-quality map. 

Finding some free time in the summer of 2020, Boruta dedicated himself to fully revising the Ouray Trail Group’s main trail map and also creating an all-new map for the Ouray Perimeter Trail. His vision included a highly-detailed, topographic map showing the entirety of the county’s vast trail system. He set to work collecting datasets and planning the map production, first using dedicated GIS software, before reverting to a more design-focused workflow in Illustrator. 

“I quickly moved things into Illustrator and MAPublisher and never looked back. There are certain tasks I’ve grown used to doing in MAPublisher that I just find so much faster and simpler to do than if I were in ArcGIS or QGIS”. 

As is common with many mapping workflows, working from mixed data sources can be a constant challenge for many cartographers, especially when data from different public agencies do not share the same projection and coordinate systems. Boruta found this to be a common occurrence while working on his OTG trail maps and highlighted his fondness for being able to drag and drop data into different Map Views directly within Illustrator. In this way, he allowed the software to automatically reproject datasets to a shared projection without having to open up any sort of tool or repeatedly configure data parameters. 

Boruta also emphasized how powerful the Vector Crop tools and “spatial filter on import” capabilities were, allowing him to quickly specify or delineate a region of interest and immediately crop all data layers to that area, retaining topology and attribute integrity, all within the Illustrator environment. When handling the reference maps used to guide the creation of the OTG trail maps, he implemented the Georeferencing tools in the Avenza Geographic Imager plug-in for Adobe Photoshop to efficiently georeference and georectify unprojected reference map images before integrating them back into his Illustrator project. After a large chunk of the summer working on the map, he delivered the finished trail map. On completing the project, he noted “It was one of the most satisfying projects I’ve ever worked on since I was literally mapping my own beloved backyard.”

The completed Hiking Trails of Ouray County and the Uncompahgre Wilderness map is available in printed form, and users can also purchase digital forms of that map and the new Ouray Perimeter Trail Map in the Avenza Map Store. The digital maps are fully geo-enabled and support offline use for navigation and GPS-location on mobile devices using the Avenza Maps app. 

Mike Boruta still lives in his beloved town of Ouray. He spends his free time enjoying the trails and mountains which he has helped to map. He continues his work for National Geographic and has branched out his interests to include drone photography and videography. He operates the website OuraybyFlight.com, which showcases some of his spectacular drone photography work. His dream is to combine these dramatic landscape panoramas with overlaid symbols and text to create those iconic “birdseye” mountain maps that inspired him years ago. 

“I envision something that would hopefully be more aesthetically pleasing, something that aims to capture the soul of these San Juan Mountains while also illustrating the geography. And just maybe it might also be something pretty enough to hang on the wall.”

People, Parks, and the Pandemic: Designing Infographics with Avenza MAPublisher

Here at Avenza, we love finding interesting data and using it to create engaging maps. In this blog, we show you how we used the powerful spatial data manipulation and cartographic styling tools found in MAPublisher for Adobe Illustrator to create an infographic exploring how park visitor patterns changed in the United States in 2020 using a truly interesting openly available dataset.

Recently, Google made its COVID-19 Community Mobility Reports public. These reports use aggregated anonymous mobile GPS data to explore how global human activity patterns in specific location categories (parks, retail, transit, residential, workplaces, and grocery) changed as a result of the ongoing pandemic. The U.S. dataset is massive, containing estimates of daily visitor activity for each location category in every county. Each data point provides an estimate of that day’s percentage increase or decrease in visitors relative to a pre-pandemic baseline period, meaning the data reflects how pandemic restrictions on that day may have impacted park space usage in that specific location.  Below shows a sample of the raw dataset, listing five data points covering Feb 15-19th activity patterns in a single Colorado county.

We downloaded the complete dataset (February to November 2020) from Google’s mobility reports data portal. The dataset contains nearly 900,000 records of all 3,143 counties in the U.S.  We wanted our infographic to focus on the parks category, which includes every national, state, and local park, as well as public forests, campgrounds, beaches, marinas, dog parks, and gardens. Using the open-source statistical programming language R, we were able to aggregate the dataset into a more manageable size. Below, you can see how some basic filtering of these “cleaned” datasets already shows evidence of some interesting patterns, but we felt that mapping the dataset would be much more engaging.

Maps are powerful story-telling tools, and we felt this data would be more interesting if you could see how park visitor patterns changed not only with time but also with geography. To make working with map data in Adobe Illustrator easier, we used the MAPublisher Import tool to load in a shapefile of U.S. state boundaries. The tool allows us to treat our dataset as a fully functional graphic element in Illustrator while still retaining all geographic properties integral to spatial data (attributes, topology, and coordinate systems). 

To visualize the data as a map, we needed a way to associate each record in our tabular dataset to a specific location (in this case, a State). To do this, we used the Join tool, which takes our “cleaned” tabular parks dataset (stored as a CSV file), and links it to our mapped states shapefile using the shared State names column. 

We started to think about how to design the layout of the infographic (this is where having a mapping environment in Illustrator really shines). We wanted it to consist of three main parts: a large labelled map showing the average change in park visits over the entire year; a vertical series of maps showing how park visits varied month to month; and a handful of pop-out maps with insets highlighting specific points in the year and specific regions of the country.

We chose to stylize the data into thematic maps, which use colour to represent specific values in the data at different locations. Instead of tediously configuring individual colour fills, we used MAP Themes to establish a rules-based stylesheet that applies a colour automatically to each State based on the monthly park visitor columns stored in the map layer’s attribute table. We chose a “thematic map” colour group from the included ColorBrewer 2 swatch library to best show positive and negative changes in park usage. 

Next, we populated our main map with labels showing the percentage change in park use for each state. As many cartographers know, placing and configuring labels can be a significant time sink. Fortunately, we could use the MAPublisher LabelPro add-on to provide collision-free, rules-based label placement. We could configure the label rules to automatically handle collisions, alignment, and placement of labels for each state. Using the leader lines option in the LabelPro Rules panel, we were even able to create offset labels that prevent crowding the map.

Finally, we decided that to create some insets to highlight specific parts of the country.  From a “master” map,  we used the Crop to Shape tool to crop the map data to our desired inset extents. Using Crop to Shape is quick, and also retains the styling elements (colours, labels, strokes), topology, and attribute integrity of the cropped map layers. 

With most of the maps completed, all that was left was to populate the infographic with text and graphics. Using the MAPublisher layout tools, we added a functional North Arrow and customized the automatically generated legend layer to suit our infographic’s design. Lastly, we used an Illustrator graph tool to create a vertical line graph of park activity along the left side of the infographic.

Presenting the dataset in this way makes it much easier to extract insights and craft a story from the data. Some patterns are immediately noticeable, such as the overall increase in park space usage that is observed for most of the US during the pandemic period. This isn’t exactly unexpected, as parks were one of the most accessible forms of leisure activity and recreation amid widespread social distancing and retail/entertainment closures. We also see how state-specific factors may have affected park usage in different regions of the country at different times. Some states, such as South Dakota, had eased restrictions on out-of-state visitors to their park systems, resulting in a spring season surge in park usage earlier than their neighbours. Conversely, states which typically draw a high proportion of international tourists, such as California, Hawaii, and Florida, saw more of a decrease in average park usage as a result of global air travel decline. These patterns and stories are one of many that can be identified, providing compelling examples of why maps are such powerful tools for visualizing data.

The beauty of working with MAPublisher to create this map-heavy infographic is that we were able to implement the powerful mapping and data manipulation tools of a dedicated GIS while seamlessly integrating the advanced art and design tools offered by the Adobe Illustrator graphical environment. Together, these tools turned what would have been a complex workflow of importing and exporting data between different software, and allowed us to create the entire infographic in a single mapping and design-focused fully integrated workspace.

See the Full infographic below:

 

References:

Data – https://www.google.com/covid19/mobility/
Pandemic Timeline – https://www.ajmc.com/view/a-timeline-of-covid19-developments-in-2020
Raw Park Visitor Stats – https://irma.nps.gov/STATS/
Camping Stats – https://koa.com/north-american-camping-report/

News Reports and Park/State-Specific Articles

“Camping in Tennessee’s State Parks Increase during Pandemic.” Wreg, AP, 9 Dec. 2020, wreg.com/news/camping-in-tennessees-state-parks-increase-during-pandemic.

Marcus Schneck. “Camping at Pennsylvania State Parks ‘Going through the Roof’ as Coronavirus Restrictions Ease.” Pennlive, 1 July 2020, www.pennlive.com/coronavirus/2020/07/camping-at-pennsylvania-state-parks-going-through-the-roof-as-coronavirus-restrictions-ease.html.

Anderson, Patrick. “National Parks in South Dakota Remain Open as Others Close across the Country.” Argus Leader, 17 Apr. 2020, eu.argusleader.com/story/news/business-journal/2020/04/17/coronavirus-south-dakota-national-parks-remain-open-others-close/2981675001.

Henderson, Catherine. “Having a Hard Time Finding a Campsite in Colorado This Summer? You’re Not Alone.” The Know Outdoors, 15 July 2020, theknow.denverpost.com/2020/07/15/colorado-camping-covid-national-parks-state-parks/241704.

Wiley, Melissa. “What the 10 Most Visited National Parks in the US Have Said about Their Plans to Reopen, from Opening in Phases to Implementing Social Distancing Guidelines.” Business Insider, 21 May 2020, www.businessinsider.nl/are-national-parks-open-covid-19-coronavirus-united-states-nps-2020-5?international=true&r=US.

Cartographer Chronicles: Robert Simmon

Rob Simmon for Avenza Systems

The visual portrayal of quantitative and qualitative data is a process that requires the right tools. You want your audience to be able to make sense of the data you are sharing and be able to weave that data into a compelling and inspiring story. Here is how Avenza MAPublisher and Geographic Imager assisted Robert Simmon, Senior Data Visualization Engineer at Planet.

Robert isn’t your typical data visualization engineer who had formal training in scientific graphic design or cartography. His passion and interest in computer graphics and a master’s degree in materials science gave him the technical skills to start turning numbers into pictures that eventually helped him communicate with research scientists in his professional career.

Robert’s stepping stone into the fields of cartography, design, and data visualization happened during his work at NASA, where one of his first projects was creating a CD-ROM that would allow students and the interested public to explore a global ozone dataset. During his work there, he began to realize that the graphics published and used by NASA were made more for other scientists than for a broad audience. He also realized that good design was a powerful tool to improve communication. So, he tried to re-create scientific graphics in a more user-friendly form, with mixed success. “It wasn’t until I attended a talk by a popular lecturer on visualization that I learned there was a theory behind good design, and a big lightbulb went off in my head,” says Robert. “I began to read everything I could get my hands on about design, data visualization, and cartography—particularly map projections and the use of colour to encode information, since so much visualization at NASA revolved around satellite remote sensing data, which is quantitative and inherently geospatial.”

Eventually, Robert went on to found the Earth Observatory to share the breadth of NASA’s Earth science research with the interested public. After more than a decade with NASA, he received the chance to join the exciting startup—Planet—and work with an unprecedented, high-resolution, global dataset.

Robert developed a fairly unconventional workflow centred around Adobe design tools rather than GIS or scientific visualization software. This is where the Geographic Imager plugin for Adobe Photoshop and MAPublisher plugin for Adobe Illustrator proved invaluable to bridge the gap between data and visualization.

Map created using MAPublisher and Geographic Imager by Robert Simmon

Today, Robert’s day-to-day work largely revolves around processing visible and near-infrared imagery. Every image he works with gets imported into Photoshop with Geographic Imager. Creating maps in Adobe has proven to be effective and highly efficient as software like Adobe Photoshop possess powerful colour-correction tools, fast previews, layers, high bit-depth support, and undo history options.

This aids highly competent visualizers to work seamlessly and flexibly until an image is made perfect. Robert uses Geographic Imager to merge multiple adjacent image scenes or align a time series to make an animation (even if they’re in different projections), all with a single “import” step. He then exports the file as a GeoTIFF, so the image can later be combined with other, complementary data.

Robert Simmon uses Avenza Plugins

Although Robert enjoys working with imagery, he has had the most fun combining multiple data sources, especially raster and vector. Delving into his design workflow a bit deeper, he involves both Adobe Photoshop and Illustrator together. In Adobe Photoshop/Geographic Imager he works on the initial colour work and crops his desired map extents, then imports it into Illustrator/MAPublisher to overlay with vector data and create masks. “It’s particularly useful to be able to crop the imported vector data to match the area of interest, rather than having to manually select and delete objects that lie outside the Illustrator artboard,” says Robert. After setting up his vector layers, he then exports them as a layered Photoshop file and re-combines them with the original raster imagery, to ensure pixel-perfect accuracy.

Data Visualization with Avenza Systems

Robert’s love for MAPublisher goes back to 2006 when he first used it to make maps with Landsat data. He used MAPublisher to create a water mask with ZIP code data, which was the only data source he could find with high enough resolution to accurately capture the jutting piers of lower Manhattan. Robert also used MAPublisher to create a map of Amazonia (one of his personal favourites from his portfolio) with the help of MAPublisher’s powerful attribute tools, which allowed him to select and merge data vector data of Amazon biome, distinct from the Political Amazon, for which data is readily available. He continued to create variations on this theme at Planet, including a map of the vegetation of Germany. It was derived from a Planet Surface Reflectance Basemap and given context with Natural Earth boundary, urban area, and transportation data.

Robert continues to tweak his colour palette for his vegetation maps since just being ‘good enough’ has never really been his forte.

_______

In collaboration with Robert Simmon, Senior Data Visualization Engineer at Planet.

Introducing the Updated Geographic Imager Plugin for Adobe Photoshop, Built on UXP

Editing geospatial imagery like aerial photos or images taken from satellites is usually a difficult task and requires a certain level of technical knowledge. However, the Geographic Imager plugin for Adobe Photoshop makes GIS accessible to a growing group of graphics professionals who can quickly and easily edit geospatial images. Cartographers, design-focused users and image editors can combine the geospatial editing tools of Geographic Imager with the Adobe Photoshop design environment.

With the Geographic Imager plugin for Adobe Photoshop, you gain access to all the tools and spatial information related to the image quickly and easily through a seamlessly integrated panel. Easily and quickly import various data formats, transform coordinate systems, and crop, mosaic or tile images. Save images to several industry-standard geospatial formats or export as web tiles to use in web applications.

The latest Geographic Imager plugin release provides tremendous performance and user interface improvements as it was built on Adobe’s Unified Extensibility Platform (UXP) in Photoshop. This platform offers more flexibility and opens up opportunities to develop new tools.

Geographic Imager features include:

  • Extensive geospatial image support
  • True spatial-awareness by georeferencing images
  • Extensive support for thousands of geographic and projected coordinate systems, maintaining accurate map projections during image editing
  • Mosaic individual images to create a seamless image
  • Tile an image into multiple images by tile size or count and automatically save them using sequential naming
  • Import digital elevation models (DEM) and create shaded relief maps using the Terrain Shader tool
  • Save spatial images to many industry-standard formats, including GeoTIFF
  • Export to web tiles to generate images that are compatible with Google Maps, OpenStreetMap, MapBox and more
  • Ability to use Geographic Imager tools with Adobe Photoshop scripting

 

 

How to get Geographic Imager for Adobe Photoshop

Geographic Imager for Adobe Photoshop is now available in the Adobe Marketplace for both Mac and Windows. Alternatively, you can try Geographic Imager by registering for a free trial.

Users ready to purchase can use the code AVENZAMAX10 at checkout on www.avenza.com for a 10% discount.

For additional information about the Geographic Imager plugin for Adobe Photoshop, please refer to the following resources:

Where to begin when you don’t have any data

Unless you are a GIS professional or a professional cartographer, finding the raw data to make a map may seem like a rather large barrier to success. However, there is plenty of publically available free map data out there to be used by graphic designers, and any cartographer that doesn’t have the means to generate their own data. Free map data is a great place to start when making a map, using MAPublisher and Adobe Illustrator to make it your own.    

First, You Have to Find It

Depending on what kind of map you want to make, and for what region or country, finding map data can be easy. There are plenty of governments and other agencies that make their geospatial data available for free. You just have to know where to look for it. Here is a list of the five that, in our opinion, are among the most useful.   

USGS Earth Explorer

The USGS Earth Explorer is an amazing resource for free satellite and aerial imagery. You can download imagery simply by creating a free account. The available imagery covers most of the globe and is often updated. The Earth Explorer user interface is relatively user-friendly so you can find what you need without too much effort. Among other sources, Earth Explorer includes high-quality Landsat and Sentinel 2 imagery.   

FreeGISData

By far the most complete compilation of free map data, FreeGISData contains links to over 500 data sets, categorized for easy browsing by data type and country. The list is maintained by Dr. Robin Wilson, an expert in remote sensing and GIS. This website is a great place to start if you don’t know exactly what you need or want to see what options are available to you in a particular region.  

Open Street Maps

Open Street Maps (OSM) is a crowdsourcing platform for GIS data meaning that all of the data is created by the public, so the accuracy can vary based on who created it and how. However, as with most crowdsourcing efforts, the quality is generally pretty good for most use cases, and the amount of data available is impressive. 

Natural Earth Data

Natural Earth Data offers vector and raster datasets that are in the public domain so you can modify them, use them and distribute them in any way you want without worrying about infringing copyrights or attribution. This is a great place to look if you simply want a base map to start your project. The available data spans the globe and includes the key cultural and physical data you may need for your map. The raster datasets also provide hillshade relief for aesthetically pleasing maps. 

NASA’s Socioeconomic Data and Applications Center (SEDAC)

SEDAC is a data center in NASA’s Earth Observing System Data and Information System (EOSDIS). Its mission is to support the integration of socioeconomic and earth science data and to serve as an ‘Information Gateway’ between earth sciences and social sciences. In addition to the gallery of downloadable maps, which includes a gridded population of the world, SEDAC offers a variety of data sets of socioeconomic data. You can search the available data sets by theme such as agriculture, climate, infrastructure, population, poverty, etc., or choose to data sets that include historical data, reaching back to the 18th century and that look ahead to a century from now. Neat! 

Join Data Sets to Make Your Map

Often cartographers and GIS analysts use open-source or publically available map data as a starting point then add some other data or additional insight. For example, you downloaded population data obtained from SEDAC but you want to add in some national sales data generated by your company. It’s possible to do it when all datasets are in the same format. GIS platforms like qGIS or use a conversion tool like this one can do the trick. 

Import Data Into Illustrator Using MAPublisher

Once you have your data is in order, it is time to get down to the business of making your map! Import the data into Adobe Illustrator to manipulate the design elements that will make the map interesting and informative. MAPublisher makes it possible to import map data in almost any format into Illustrator, and also enables a plethora of cartography specific tools right in the Illustrator environment. With all of your data arranged in layers in Illustrator, it is easy to work with, turning on and off the data you don’t want. 

Pro Tip: MAPublisher uses import filters to limit the amount of data that you bring into Illustrator to a manageable amount before you start working with it.   

Design Your Map Without Losing Geospatial Integrity

You now have layers and layers of lovely map data in Adobe Illustrator but it doesn’t yet look the way you want it to. MAPublisher’s cartography tools can change all that!  

    • Reproject or change the coordinate systems to change the appearance of the map
    • Crop or edit the data on the artboard
    • Add/remove layers
    • Style features by creating rules for the attributes
    • Add more data as new layers
    • Add labels and symbols based on rules
    • Create North Arrows and accurate scale bars with just a few clicks.

Each of these could be the subject of its own blog, however, lots of helpful resources on how to use MAPublisher tools including tutorials and how-to videos are available on our website and YouTube channel

Make Your Vision Come to Life

One of the best things about the MAPublisher plug-in for Adobe Illustrator is that it supports hundreds of data formats, allowing you to import almost any map data you can find into Adobe Illustrator. Happily, there is plenty of publically available, open-source map data available on the internet. Whether you are a professional cartographer, a hobbyist, or a graphic designer under the gun to design a map, you can use free map data as a starting point for your own map. Download a trial of MAPublisher today and find a data set to experiment with and make something amazing!  

Never Trace Map Borders Again with MAPublisher

Never trace map borders again with MAPublisher

Making maps is a fairly common request made of graphic designers. After all, graphic design is about storytelling and visualization, and maps are about the same things. However, maps are some of the most difficult projects that designers can take on. Whether the goal of the project is to improve the aesthetic of an existing map or to create a new one from scratch, you know it is going to entail a lot of detailed and technical work such as composing layer hierarchies, setting appropriate map scales, and determining feature strokes and colours. Meanwhile your client’s last request of making a map required tracing things like country borders, following and drawing boundary lines and features. All tedious tasks that you don’t actually want to do ever again.

Handy Tools to Have in Your Graphic Design Toolkit

In a nutshell, designing maps can be frustrating for even some of the best graphic designers who know the tools of the trade inside and out. The problem is, the de facto tool of the trade, Adobe Illustrator, isn’t equipped to handle creating maps with data. Luckily, there is a plug-in that adds additional tools to Illustrator to help with making maps, while still allowing you to design in the platform that you are most comfortable with. These are good tools to know about and have in your kit so that when the next map project comes along, you are prepared to crush it while still maintaining productivity.

We May Be Biased But…

One such solution is our MAPublisher cartography plug-in for Adobe Illustrator. MAPublisher enables a variety of basic and advanced cartographic tools in Illustrator that enhance its ability to handle geospatial information, also known as map data. Imagine being able to crop, move, reshape, add, and remove pieces of the map data without losing other important features or geographic accuracy. MAPublisher also ensures that the relationships between map features and their attributes are held together by organizing everything into tables and layers. This allows you to design maps by adding labels and icons, changing colours, and editing other map elements (like north arrows or map scales) automatically, using attribute-based rules rather than having to manually create and place all of these elements.

Design Maps With Data

Focus on What You Do Best

With the right tools, creating a map in Adobe Illustrator won’t cost you days and your sanity. Instead, simply import map data from a free source or purchase MAPublisher-ready maps, manipulate geographic areas (by changing the map projection) if you need to and begin styling the elements the way you want them to be. Whether your map is thematic, like this transit system type map, an infographic like this one, where colours are automatically applied according to the feature attributes, or this one which uses custom-designed symbols. Adding other elements, such as labels can be accomplished with just a few clicks, without the anguish of having to place and re-place labels to avoid crowding and overlapping. 

Knowing how to use basic cartography tools is a good skill set for graphic designers to have in their back pocket. It puts you ahead of the curve in your ability to make beautiful, well-designed, and geographically accurate maps with a reasonable amount of time and effort.

Download a free trial of MAPublisher and find out how easy it can be to make maps with additional cartography functionality in Adobe Illustrator. Or, try our Geographic Imager plug-in for Adobe Photoshop to easily edit geospatial imagery such as satellite and drone images.