Financial Transparency

As a freelancer, I often wonder how I am doing financially as compared to my colleagues. Not out of a sense of competition, but just to answer the persistent question: is this normal? Am I earning a “typical” living? Do I get an unusually small or large amount of money from selling prints? Things like that, born of curiosity. I can look at the great work of a colleague and think it’s valuable, but the big question is: does the rest of the world value their skills the way that I do?

I find the financial opacity of the freelance world a bit intimidating, and I suspect that some others do, too—particularly those who are interested in freelancing, but haven’t yet jumped in. So I’d like to do my part to lend transparency by laying out my financial picture for all of you. Maybe it’ll be valuable for someone, and if so, I’d be interested to hear about that in the comments.

Freelance Earnings

I have been freelancing since I took my Master’s degree from UW–Madison in May 2010. I pretty much exclusively make static maps. Perhaps someday I will become interested in making interactive maps, but for now I’ve focused on an ArcMap/QGIS and Illustrator/Photoshop workflow.

I had only a scant few projects before 2012, and in any case my pre-2012 records are a bit disorganized, so let’s start after that. My earnings from freelance cartography have been:

2012: $12,016.34
2013: $20,352.75
2014: $8,508.58
2015: $10,881.25
2016: $22,795.00

I have also earned money from some other non-mapping freelance work. I do editing and layout for Cartographic Perspectives, and I’ve done some bits of paid writing, other design work, etc. This income isn’t terribly relevant to those who are wondering about the mapmaking business, but I’ll include it here for the sake of completeness:

2012: $1,128.08
2013: $1,528.00
2014: $7,014.00
2015: $10,194.00
2016: $2,000.00

These bits of side work, as well as my teaching (below), have been very helpful in leaner years.

Teaching

I teach from time to time at UW–Madison, covering the Introductory Cartography course. Again, not too relevant to the subject of freelance earnings, but perhaps interesting if you’re curious about what adjunct teaching pays. My take-home pay for one semester of a 40% appointment is $6,954. This number seems to compare favorably with what I’ve seen posted at other institutions, or heard from colleagues elsewhere.

Sales of Prints

Finally, the last piece of the puzzle is sales of prints. Instead of making maps for clients, I sometimes (or often) spend time making maps for no one in particular. And then I’ll put them up on Zazzle in case anyone wants to buy them. I’ve also occasionally printed maps locally and sold them through an art store or by word of mouth. But Zazzle is where almost all of my sales happen.

My earnings from sales of prints:

2012: $772.39
2013: $678.68
2014: $270.19
2015: $116.52
2016: $797.54

I don’t usually do any sort of marketing other than a tweet or two, plus a link on the blog leading to the Zazzle item, so those figures could potentially be higher if I tried harder.

And, if you’re curious as to what sells and what doesn’t, here’s a breakdown of Zazzle sales:

Again, if I tried to market these, I might be able to push a few more. Getting them into local stores can be tough because printing costs are pretty high unless you want to order them in quantities of hundreds, and thus stores either have to accept a tiny margin or offer the posters at comparatively high prices.

Fame and exposure are generally free, and often much more plentiful than actual payment. It takes a lot of clicks before someone actually buys—I have also seen this behind the scenes with the Atlas of Design. I often see colleagues whose work gets a lot of attention, and who are offering cool prints, and wonder if they are receiving lots of praise with little money behind it.

Concluding Thoughts

I never really intended to be a freelancer, because I dislike instability, and the numbers above fluctuate wildly. But I fell into it accidentally anyway, and it’s been great, but it’s definitely not a life I would have been able to choose if I had to worry, for example, about dependents. I’ve also had the advantage of a safety net, in that my partner Kate earns much more than I do and, in the early years, carried well more than her fair share of our joint expenses.

I also haven’t been able to save for retirement very much these last few years, as I’ve been focused on more day-to-day expenses. Fortunately, a sizable recent contract has given me an extra boost that will soon let me finally put some money away.

I hope all this stuff above offers some useful insight as to one freelancer’s life. I’m sure some others earn more, and some others earn less. I’d encourage others who are comfortable doing so to share their own financial information, to make the picture a little broader.

An Arrangement of Islands

As per my usual modus operandi, here’s two versions of a little something I made for no other reason than love:

Classic Overview.png

“Classic” version — click to view a PDF

hip-overview

“Hip” version — click to view a PDF

It’s a very large poster — 24″ × 36″, in fact. So, I recommend clicking those images to browse around the PDF versions. Or just look at this quick pair of detail images, instead:

Details of the two styles

Details of the two styles

Notes on the Design

  • A few people have asked me if this poster shows all of the islands in the Great Lakes. The answer is no. There are roughly 35,000 others which I did not have space to include. I have shown the largest.
  • They’re not quite in order of size. I did a little shuffling within rows, to help things look a little more visually even.
  • There’s some room to quibble over what is an island in the Great Lakes. Wolfe Island is at the mouth of the St. Lawrence River as it enters Lake Ontario. Walpole Island is formed by the delta of the Saint Clair River, and in any case isn’t on one of the five Great Lakes proper. I erred on the side of inclusion.
  • Despite that inclusive stance, I did not include Copper Island, which owes its island-ness to a canal.
  • I love the three stages of waterline perception on the Classic version. From far enough away, it looks like a simple stroke around the islands. As you get closer, it looks like a shadow, instead. And closer still, you can see the parallel waterlines.
  • I started out with a very minimal design concept in my mind, then quickly started loading it up with unnecessary stuff. “Hey, what if I add towns, roads, parks, rivers, etc.?” Then I slowly, and thankfully, started dropping each of these elements, sometimes because it seemed like a big hassle, and sometimes because colleagues urged me to keep it simple and clean. Which was the entire point, as I had forgotten.
  • Lake Erie does have islands, but the largest, Pelee, was just a bit too small to make the cut. Perhaps I’ll someday do a “Part 2” poster, featuring the next group of islands in the size sequence.
  • I used Adobe Caslon for the Classy version because I knew it had great swashes.
  • I used Mostra Nuova for the Urban version because I paid too much for those fonts to not use them in every single project.
  • I used CanVec 250k data for Canada, and for the US I used TIGER/Line data that I simplified to match the Canada data.
  • Fun/annoying fact: I could not easily obtain land polygons, so I used waterbody polygons instead, then inverted everything to get land shapes.

As per usual, I’m putting these up on Zazzle, in case you are in the extremely small group of people who want to pay money for something like this (if you’re curious, I usually get zero sales from these projects, but I’m not really in it for the money so it doesn’t much matter). Or you can just go grab a PDF above and print one out yourself.

The Power of Appearances

The other day I managed to pull off a fairly complicated Illustrator effect that I was rather proud of, and I wanted to share it today with all of you and talk about how I did it. While you may not ever want to reproduce this exact effect, hopefully it will give you an idea of the power and flexibility of a couple of my favorite parts of Illustrator: appearance attributes and knockouts. I talked about these two particular things in a recent post, and so if you’d like a little background, head on over there first. Here, I’ll be working from the assumption that you’re familiar with these concepts.

Quick Background

I have been working on a series of ecological maps for a client, and one of the things they show is the range of various species: either their total annual range, or their range for a given season.

range-style-01

The client then asked me to develop a way to show both at once, where the seasonal range edge overlaps the total range edge. So, this is what I came up with, and what I’ll break down here.

range-style-02

Walkthrough

Let’s start with a blue dashed stroke. It my case, it’s 16pt, with 10pt dashes and 5p gaps. And I’ve set the dashes to align to corners and ends so that they look a little tidier.

range-style-03

I really only need an inside stroke here, rather than ones that goes on both sides of my path. But, you for some reason can’t do an inside stroke in Illustrator if you’re also using the “align dashes” setting. And I do want to keep the dashes aligned, because they tend to look a little nicer and more even in my opinion.

So, to work around that, I will add another stroke on top (9pt), this time solid and outside.

range-style-04

Then I’ll set it to 0% opacity, and turn on Knockout Group for the whole object appearance. So, now the outside portion of our dashed line is gone. If any of this is unfamiliar, I would again recommend reading this post, which will give you a hopefully-adequate sense of how appearance attributes and the Knockout Group setting work.

range-style-05

So, now I’ve got the blue portion of the stroke finished. Let’s add the grey portion on the outside. I’ll add another stroke, this one grey, 4pt, and with the same dash pattern.

range-style-06

Only the portion that’s inside the path shows up. The outer portion gets knocked out by that outside stroke we set up, above.

Here's what it looks like with the outside stroke turned off.

Here’s what it looks like with the outside stroke turned off.

Now, I want a little gap between the two strokes. Let’s start by creating a new, 0.5pt stroke. Color doesn’t matter, but I’ll make mine red to stand out.

range-style-08

Now, I use the Offset Path effect to shift this thing inward by 1.75pt.

range-style-09

And then I set it to 0% opacity. Since we’ve got Knockout Group on, it knocks out the stuff underneath, leaving a 0.5pt gap between our grey and blue strokes.

range-style-10

For the final portion, I want to make these dashes fade away as they get toward the center of the shape. I like the softness of the look, and to me it also imparts the idea of “the species stays on this side of the line,” which is important when the shape is large enough that the reader might not always be able to see the whole thing at once.

I start by adding a fill on top of everything, and offsetting it inward (2pt in this case). This means the fill doesn’t start until just after the gap. Right now it’s covering the blue stroke.

range-style-11

Next I apply a 4pt feather to the fill to cause it to fade at the edges. Make sure to add this feather after (below, in the order of appearance layers) the Offset Path effect.

range-style-12
And then I set the fill to 0% opacity. Because of the Knockout Group setting, the blue stroke fades out as the invisible fill fades in.

range-style-13

And that’s the effect! Here it is in use on an actual map:

Context.png

It does not always look great when going around hard bends or corners, but I don’t generally have those in the situations where I’m using it, so I don’t mind. Dashes often get pretty tricky in those situations.

range-style-14

The nice thing is that this is all one object. You could achieve a similar look by creating multiple paths all stacked on top of each other, but by doing it all on one object, it’s more flexible. If the shape needs to change, you don’t need to update multiple copies, each with its different stroke styles.

Again, I imagine that you probably won’t ever need to reproduce this exact style. But I hope this step-by-step gives you some ideas as to what sorts of cool things you can do by messing around with appearance attributes, knockouts, and effects.

A #PractiCarto Archive

For the past few months, on Twitter, I’ve been posting brief practical cartography tips every Tuesday using the #PractiCarto hashtag. You can click on the tweet below to read a thread with my whole rationale, but the short version is: by keeping it short, it makes it easy for me to share, and it makes it easy for the reader to pay attention — and thus, I hope, there are more chances to share knowledge.

This blog post is simply meant to collect my own #PractiCarto tweets all in one place. A few colleagues have also made use of the hashtag, which is great and exactly what I was hoping for.

Stephen Smith has put together a little notifier that will send you an email every time someone uses the hashtag, so that you’ll never miss out on useful mapping advice.

My #PractiCarto Archive

Even Fancier Type Knockouts in Illustrator

As longtime readers may know, I’m a big fan of label knockouts — see my previous tutorial on the subject here. I’d much rather have stuff underneath a label gracefully vanish vs. stepping on it with a halo. However, the downside with the technique I usually use is that you actually have multiple independent copies of the label: one you can see, and one (or more) that’s being used to make the linework invisible. If you move/change one, you have to do it with all the others.

MoveLabel

Note how the waterlines vanish to make room for Ardebil. Note also how I moved the visible label for Rasht, but didn’t move the copy of the label that was being used to mask the waterlines.


I’ve lately figured out an improved technique in Illustrator that lets me make labels that knock out map features underneath them, instead of requiring a second, separate knockout object. This means you can move a label, retype it, etc., and it automatically clears its own surroundings.

This technique actually doesn’t wholly supplant the technique in my previous tutorial, as it can’t be used in every circumstance (as we’ll see). But it’s pretty great when you can get away with it.
Before we look at how to do this, there are two pieces of Illustrator that we need to understand: the Knockout Group setting and appearance attributes. You can skip ahead if you’re familiar with these already.

Knockout Groups

Perhaps you’ve seen this little checkbox on the Transparency panel and wondered what it did.

knockout-group-option

May need to click (more than once) on the icon next to the word “Transparency” to get it to appear.

When you have two objects overlapping in Illustrator, it has to figure out which parts you can see, and which are hidden. So, we don’t see the entire red square below, because the blue circle is covering part of it. Illustrator has knocked out (made invisible) part of the red square. Remember, we’re not dealing with real physical objects, so for one thing to hide another, Illustrator has to figure out how to make a decision for each pixel on the screen (or page): “do I show red, blue, or some combination?”

squarecircle

If I turn the blue circle partly transparent, Illustrator figures out that part of the red square should show through, and then does some math to determine what color the overlap should be. If I turn the blue circle completely transparent, Illustrator realizes that the red square should completely show through.

squarecircletransparent

The order of operations here is:

  1. Look at transparency settings for each object
  2. Then decide if any of the red square needs to be hidden, or have its colors mixed with the circle

Turning on Illustrator’s Knockout Group setting reverses this order of operations. First, Illustrator decides that the blue circle should hide part of the red square. And then it looks at transparency settings. So, if we made the blue circle completely transparent, Illustrator first hides part of the red square (due to the overlap), and then makes the blue circle vanish.


The end result is that the red square is being hidden by something that’s invisible.

I must credit Illustrator guru Mordy Golding for my understanding of how this stuff works. I don’t remember if it was a blog post or one of his lynda.com tutorials that I saw which taught me this, but I’ve been getting a lot of mileage out of Knockout Group for years thanks to him.

Appearances

So, Knockout Group is the first piece. The second is the Appearance Panel, of which I am a big fan (as anyone who has ever watched me work in Illustrator will attest). This thing is the heart and soul of Illustrator, and I really think it should be introduced on Day 1 of Illustrator 101. But most people I know encounter it much later on, as I did.

All your art in Illustrator has appearance attributes. Fills and strokes are the most common, but there are many other possibilities: drop shadows, transparency, blurs, etc. Anything that affects how your vector paths look is an appearance, and you’ll see it in the Appearance Panel.

appearance-panel

You know those little circles in the Layers panel, one next to each object and layer? The ones that you probably thought were used to select things? They’re actually for selecting and viewing appearance attributes.

appearancecircle

The reason there’s one for the layer is that you can apply appearance attributes to an entire layer at a time, in addition to whatever attributes its contents have. For example, I can draw a bunch of blue squares.

Mysterious Squares: Our Misunderstood Friends (I stole this joke from Marty Elmer)

Mysterious Squares: Our Misunderstood Friends
(I stole this joke from Marty Elmer)

Now, if I click on the appearance circle for the layer they’re in, I can choose to add a new stroke from the panel menu (or use the “new stroke” button on the bottom of the panel) and add a stroke to them.
addstroke

And now my squares all have a stroke. If I select each one, Illustrator will say it doesn’t have a stroke — because the actual objects do not. The layer does, and it’s applying that stroke on top of whatever’s going on with the stuff inside the layer.

This distinction of applying appearance attributes to objects vs. layers is super useful once you get the hang of it. I’ll leave you to explore a bit (since I don’t want to drift too far from our initial purpose here), but here’s an example:

shadowed

On the left, a drop shadow was applied to each object. On the right, a drop shadow was applied to the whole layer, instead.

Knocking Out Labels

Ok, so let’s put these two pieces together: appearance attributes and knockout groups.

Let’s make a layer for some labels, and type some labels inside of it.
labels
Now, let’s select our layer’s appearance (that little circle by the layer name) and go to the Appearance Panel and add a stroke to our layer and make it any color you want; I’ll go with black.

strokelabel

That worked, but now a stroke is covering up most of each of our labels. So, go back to the Appearance Panel (don’t forget to re-select the layer appearance if you deselected it — I forget to do this all the time, even after doing this for years) and take the stroke and click and drag it until it’s below the word “Contents.” “Contents” means the stuff inside the layer. We’re telling Illustrator to draw this stroke, but draw it below the contents of the layer (all of our labels). The Appearance Panel has a layer order to it, and you can rearrange what stuff draws on top of what. So now everything looks good.

strokelabel2

Now, let’s make another layer underneath our labels layer, and draw some lines or something in it. This is the stuff we want our labels to knock out. And finally, let’s put both of these layers into a master layer, so that we have one top layer and two sublayers (one for labels, one for the map stuff).

stuff

Select the appearance circle for the master layer, go to the Transparency Panel, and find that “Knockout Group” checkbox. Click it until it turns into a check mark. It’ll turn into a dash first, likely, but skip past that. I don’t adequately understand what the dash setting does, but I am led to believe it has uses which are very, very rare. So we can ignore it.

kg-on

Now we’ve turned on Knockout Group, so that activates that reverse order of operations. The labels are on top of the other stuff, so Illustrator figures out which parts of that stuff are hidden by the labels, and then afterwards it will calculate any transparency. Since nothing is transparent at present, this has no effect. So let’s change that.

Select the appearance for the labels sublayer and go to the Appearance Panel. We want to turn up the transparency on that black stroke. So we need to select carefully. We don’t want to change the transparency for everything (including the labels). So in the Appearance Panel, click on the entry for the stroke to highlight it. And then go to the Transparency Panel and set the Opacity of that black stroke to 0%. It vanishes (as we would expect when something is totally transparent).

knockout1

Not only did the stroke vanish, but so did the artwork underneath it. If you want to get much mileage out of this technique (and figure out your own variants and other uses for these tools), you’ve got to understand what’s going on. So let’s go through it again (since it can be tough to wrap your head around).

All of our labels have strokes around them because we edited the appearance for the label sublayer and added a stroke. Then we made that stroke invisible (0% opacity). But, since the top layer had Knockout Group checked, Illustrator looked first at the labels, figuring out that they were on top of and hiding the artwork underneath, then erased those portions of the artwork. Then, and only then, did it calculate transparency and realize that the stroke couldn’t be seen, and so made it vanish. It’s still there, acting as an invisible buffer that knocks out stuff underneath.

And it’s all live. The stroke is applied to the label layer, so it affects whatever is in that layer. If we add labels, or move them around, the knockout still works. We can also go in and change how big the knockout is. I can go back to the stroke that I added, for example, and make it thicker. I also usually choose the rounded corner join, as well.

knockout2

Wrap-Up

So, that’s a little trick for labels that knock out the stuff underneath. It can’t be used in every situation. I have maps, for example, where I want some labels to knock out some map layers and not others, and some labels to not knock out anything at all, etc. That would be pretty tough to arrange using the above technique, and so I generally use my opacity mask technique instead. But for simpler situations, this is a really handy trick to pull out.

One additional quick example of this technique. My transit-style river maps have double lines for all the water courses.

double-line

To do this, I went to the Appearance Panel and applied a thick blue stroke to my paths, then a thinner black stroke on top, then made the thinner black stroke invisible, then turned on Knockout Group (in this case, on the transparency for the object, not the layer, since all of this is happening within one object). The thin stroke hides the middle of the thick stroke, and then vanishes.

I hope all this helps. The Knockout Group setting has a ton of applications, especially in conjunction with cleverly-set appearance attributes, so if you take a while to mess around and get an understanding of how it works, it’ll pay off in the long run.

Metropotamia

Last May the deadline approached for submissions to the Map Gallery at NACIS 2016, and I didn’t have anything interesting to share. I could have simply let a year go by without showing something off, but that thought instilled in me the irrational (but recurring) fear that I was becoming professionally irrelevant and that my time in cartography would soon be over. So, instead, I submitted a map title and dimensions, and made it Future Daniel’s problem to create something that fit the description I had promised.

On and off over the next few months, the looming deadline spurred me to put together something I’d had a mind to make for a couple of years.

Fdas

The State of Metropotamia: as Proposed by Thomas Jefferson

metropotamia-detail
In 1784, a committee headed by Thomas Jefferson proposed dividing the Northwest Territory (as it would later be called) into a set of future states. These recommendations were never carried out, however, and instead of states like Saratoga, Sylvania, and Chersonesus, we ended up with the more familiar Michigan, Illinois, and Wisconsin. But I thought it might be fun to pretend that Jefferson’s ideas had been carried out, and so I decided to map his imagined state of Metropotamia.

Notes on the Data

The map is set in a present-day alternate reality, in which very little is different from our own. I drew mostly on 1:1 million-scale data from the US National Atlas and Atlas of Canada.

States

The only state boundaries/names that have been changed are the ones covered by Jefferson’s proposal. All others remain the same1. Jefferson’s proposed divisions are based on lines of latitude drawn every 2º, and lines of longitude drawn from the Falls of the Ohio (modern-day Louisville) and the mouth of the Kanawha River.

inset

1 Jefferson proposed a state of Washington, and so the state in the Pacific Northwest would probably not be called that. But it’s not shown, so I didn’t think much about it.

Incorporated Places

All incorporated places and urbanized areas are unchanged. Probably some of them would have developed differently based on the alternate state boundaries. But I didn’t have a good way of simulating that. In our own reality, plenty of metropolitan areas cross state lines (see: St. Louis; Washington, DC), so I didn’t worry much about it. Constraints on my time worked to tone down my natural tendency to obsess.

Counties

I took the real-world counties that fell within Metropotamia and mostly left them untouched. I renamed Lucas County to Victory County because I’m bitter about the Toledo War. Counties near the border were sometimes odd sizes/shapes because of how they got clipped by the Metropotamia border, and so I sometimes combined counties or adjusted their borders to make them more sensibly-sized.

countyadjust

Highways

I left the Interstate and US Highway systems untouched. I constructed a new state highway system based on the existing Michigan, Indiana, and Ohio state highways. I was going to simply use the original networks, but each state has somewhat different densities to their state highway systems, and it would have been noticeable. So, I thinned some here, densified some there, rerouted a bit there, to get something that looked a little more consistent.

highways

Aesthetic Choices

In general, I wanted to take this opportunity to make a map of a variety I hadn’t really worked with before. Something in the same zone as a page from a Rand McNally or a National Geographic atlas (though, due to time/momentum, rather less detailed than either of those exemplars). I think these inspirations are very much evident in the style.

Type

I did most of the type in Mark Simon’s Mostra Nuova, which is a typeface I fell in love with years ago, and eventually decided to splurge on. It’s inspired by Art Deco posters, and for the most part I haven’t really had many projects on which to use it. In truth, there’s no particular reason to employ it here — this is not a map which needs to harken back to the interwar period. But Mostra Nuova is awesome-looking, and didn’t feel out of place, so I went with it. The map doesn’t really have a lot of other elements that give it a strong non-generic character, otherwise, so the distinctive typeface is really carrying it here.
type

For physical features, I went with Sorts Mill Goudy. It’s classic and understated, and leaves Mostra Nuova to take the stage.

I tried to keep the hierarchy for the settlement labels simple by only using three label sizes, but alternating between the regular and bold weight of each one. Most maps that typographically distinguish population sizes will introduce bold at some point in their hierarchy, and then stick with it as population increases. Someone else has probably done this, but offhand I couldn’t think of any maps that turned bold on and off as population increases. Maybe some people will find my scheme confusing or non-intuitive, but it seems to work for me, at least.
legend

Facts & Flag

In the sidebar, I added a couple of facts about the state, and its flag. The statehood date is the average date of the Michigan, Indiana, and Ohio statehood dates. The population data come from the US Census, in which I just grabbed all census tracts that had their centroid inside the state.

facts

The flag design is not something I spent a lot of time on. Most states have terrible-looking flags, and so I figured I couldn’t really go wrong. The colors of the American flag seemed like a good starting point. Metropotamia means The Mother of Rivers; many rivers originate in the (relatively) high elevations in the middle of the state and flow outward in multiple directions. On the flag, these are represented by the white bands flowing east into the blue Lake Erie, or off to the west to the neighboring state of Assenisipia. So, the flag is a map (which probably doesn’t surprise anyone). Also one thing I didn’t plan, but which worked out: the blue and white form a sideways “M.”

Shields

I designed highway shields for the various states. In reality, some states use very detailed shapes for their highway shields, but I wanted to keep it simple. That’s the great part about mapping fictional places: you can make things easier, at will. I went with generic shapes like triangles and circles. For Metropotamia, though, I used a bowtie shape that’s reminiscent of a capital “M.”

shield

Tint Bands

I don’t get to use tint bands much, but they were important for the atlas-y look here. One challenge they presented was how to layer them with respect to the other map features. It looked odd, for example, to put them on top of the water features, but also kind of odd to put them below, I thought. I went with the latter, anyway, so that at least the rivers would match the color of the water they’re running into.

tint

What Now?

As said, I made this solely so I’d have something to display at NACIS 2016, and so beyond that it’s just another item to be filed under “things I made and now don’t know what to do with.” So, like always, I’ll stick this on Zazzle in case anyone wants to buy a print. You’re also free to just download it and print it out yourself.

Fdas

Terrain in Photoshop: Layer by Layer

Last year, I successfully used this space to prepare a version of my NACIS 2015 talk prior to giving it, and if you’ll indulge me, I will do so again this year. Turns out it’s helpful to write your thoughts down before delivering them to a roomful of 150+ people.

For the past couple of years, I have been mapping the terrain of Michigan. Though the phrase “past couple of years” may be misleading: I worked on a first draft for a couple of months in 2014, and a second draft for a month in 2015, and now it’s still sitting there, almost-but-not-quite done. When it’s properly done, I’ll post more about my rationale for making it & some design decisions, but in short: it’s a love song to my home, a chance for me to explore and understand its landforms more intimately, and an opportunity for me to build some terrain mapping skills—putting into practice all of the lessons I’ve absorbed over the years from colleagues at NACIS.

draft-2-1000px-for-sharing

There are some odds and ends yet to take care of (some of which I’m only noticing now as I write this post), but this is mostly how it’ll look.

I’m often intimidated by the complex maps of others, feeling like I could never achieve the same thing. But seeing how a piece was made—besides being educational—often helps dispel that feeling. So, let’s break this down in Photoshop, layer by layer. This is more of an overview than a step-by-step of what buttons to click; I think it’s more valuable to explain why I beveled something, and leave the Internet to explain what buttons to click to actually apply the bevel effect. Oftentimes I feel like good mapmaking is just a matter of fumbling around, trying to copy others, so that’s what I’ll try and put all of you in a position to do. It worked for Bob Ross’s viewers, after all.

Intertwined in all of this is a story of the people who made this map possible through all of the wisdom they have shared over the years with me, in personal conversations and through presentations I’ve attended. So, you can try and copy me while I tell you about all the people I’ve copied.

Let’s start at the bottom, with land cover. We open with a simple light green fill. This will stand in for most of the non-woody vegetation in the state: grasses, crops, etc.

01 - Base Color.png

To that, we’ll add some trees in a darker green. To do this, I make use of a tree cover layer from the National Land Cover Database. It tells me, per pixel, what percentage of that area is covered by tree canopy.

02-tree-mask

(Aside: NLCD only covers the United States. This map covers part of Canada; for the most part, I’m not going to talk about dealing with the Canadian “Circa 2000” land cover data because it was a frustrating distraction from what I want to convey here. I’d probably look at using a Landsat-derived source if I were doing it over; maybe for Draft 3.)

To add this to my map, I use it as a opacity mask on a darker green fill layer. So, places where our data show more tree canopy get more of this darker green blended in.
03-trees-added

If we zoom in, you can see that I’ve used the Dissolve blending mode. What this basically means is that it’s using the tree mask to control the density of the green pixels, instead of their transparency (as we might expect an opacity mask to do). So the green fill gets sparser or denser based on where the data say there are more trees.

04-dissolve

I like this because it gives a little texture. If you want the texture rougher, you could merge these two layers and run a median filter.

05-median

Now that we have some basic vegetation, let’s add some other land cover types. Again, all from NLCD data (for the US, at least). Let’s start with wetlands: plenty of those in Michigan. I give them a blue-green color, and put them on top of the vegetation using the Multiply blending mode. This treats the layer sort of like stained glass: it darkens & modifies the vegetation colors underneath, so now we have some waterlogged vegetation.

06-wetlands

Setting layers to Multiply in Photoshop (and Illustrator) is a simple but invaluable trick, and it also introduces to us the first character in our story: Tanya Buckingham. Tanya runs the UW Cartography Lab, and has been my mentor since my student days. And she loves setting things to Multiply. I’ve forgotten the origin of so many of the little things I know how do to, but I remember picking up a love for Multiply from her; I use it all the time in mixing colors. In the bigger picture, Tanya is the reason I started going to NACIS, and therefore is indirectly responsible for most of the rest of the stuff I’ve learned that she didn’t teach me personally.

Next up is impervious surfaces: cities & roads. NLCD has some handy data that show not only if an area is mostly concrete, but what percentage impervious surface it is. I blend that in to the landscape again using the Multiply blending mode, so it darkens what’s underneath without totally greying it. I don’t want these areas to stand out too much; just enough to see that they’re there. Some people make these red or purple or otherwise pop them out of the landscape, which makes sense for some applications, but in my case I’d like to keep the cities from distracting us from the vegetation.

07-impervious

Finally I take the Bare Land classification from NLCD and add that in. This land cover type represents areas without vegetation, which could mean it’s bare rock, but in Michigan usually means it’s sand: the state has some of the world’s finest sand dunes, and they’re a big tourist attraction. I give this layer a sort of sandy color using the Color Overlay effect, which just replaces all your pixels with a selected color (which makes it easy to change it layer). Then I drop it on top of everything.

08-bare-land

There’s only last piece to the land cover puzzle here, and that is void data. In Canada, there were some spots where the land cover data I had simply listed areas as “unknown.” Since they were small, and they were outside of the map’s subject area, I did what any lazy good mapmaker would do: I filled them in with made-up data.

To do this I used Photoshop’s Content-Aware Fill ability. And herein we introduce another character: Alex Tait. Alex is the Geographer at the National Geographic Society, and among other things he co-founded Practical Cartography Day at NACIS, which is where I picked up a lot of my most useful cartographic ideas. So, like Tanya, he’s indirectly responsible for a lot of what I know. At NACIS 2010 he gave a presentation on “Photoshop Tips for Practical Cartographers,” in which he showed off using Content-Aware Fill to remove pesky clouds from satellite imagery, and so when I saw these void areas in my land cover, I thought back to his talk.

In short, CAF looks around your image and finds a similar-looking area and uses it to fill in your selection. So, I select my voids and tell it to look at the rest of the map and use those patterns to fill them in. After that, there’s also some spot checking and manual adjustments to these made-up areas.

09-voids

(Aside: I filled these voids in 2014; since then I’ve become aware of other land cover products that I’d probably use instead to avoid this problem, or at least patch in the gaps. But I keep this section here because I think it’s useful to show off Content-Aware Fill.)

So now we have a land cover layer (except water) that will be the basis of the map’s colors. Some people do this with a lot more classes: they might use a separate color to show crops, or show deciduous forests differently than coniferous ones, etc. NLCD has all that data (they have 20 land cover types, in fact). But for my purposes, this was the right balance. It gives the basics, without being too busy. And I like building a color layer from land cover data because it has some realism without being as noisy and cluttered as satellite imagery. It’s a simplified, but recognizable, version of the truth. Good generalization is a caricature, and that’s what cartography comes down to.

10-land-cover-main

Next up comes a little color adjustment: making the land cover more green. I do this here because I sent an earlier draft of this map to Tom Patterson, and he suggested making it more vibrant. As a general rule, I do what Tom Patterson says, because his reputation as one of the foremost cartographers of our era is well-earned. But also I agree with his critique in this instance.

I met Tom at my first NACIS conference, in 2009. I’d admired his maps as a student at UW–Madison, and had already started to idolize him before seeing him in person. I remember walking up to him and basically interrupting his conversation to introduce myself. Which, given that I’m a very shy and introverted person, indicates how badly I wanted to meet him. Since then he has been a great mentor, colleague, and collaborator. I have learned a great deal from his presentations, his articles in Cartographic Perspectives, and our personal conversations. He’s a very friendly and helpful guy and you should definitely all get to know him.

So, he was nice enough to give some feedback on an early draft, and because of that I made things a little greener. The difference is really subtle, but it’s there.

There's a difference, I swear. It's more noticeable when you turn the layer on & off. My career mostly involves tiny tweaks that make things better without anyone noticing.

There’s a difference, I swear. It’s more noticeable when you turn the layer on & off.

(Aside: you’ll see that all the land cover work done up to this point is flattened into a single layer. I did this to save computing power because I was working with giant, 2–4 GB files.)

Atop this, I add a hue/saturation adjustment layer. It’s got a mask on it, so that it’s only affecting the areas outside of Michigan. I use this layer to make everything a little greyer, a little lighter, and a little bluer. This helps create a distinction between subject and non-subject area.

12-fade-land
Next up is the one major piece of land cover we’ve been missing: water. It’s actually built out of 3 pieces.

13-water-initial

First off is the water layer from NLCD, combined with vector water bodies from the National Atlas, shown above in white. That covers the lakes pretty well.

Next up is streams, which are often too narrow to appear on NLCD, so—like the water bodies—we need to supplement with vector data. The National Atlas has some great 1:1 million-scale stream data, and that’s where the black lines above come from. I don’t want the map to be dominated by streams, though, so I break them into two classes: major & minor. The minor ones are thin enough that they’re more in the background: on the final map, you can see them if you look close, but they’re not prominent. On the other hand, I want the major rivers of the state to stand out. The problem is the the National Atlas data doesn’t have a way of sorting major from minor. So, here I turn to another data source: Natural Earth.

Natural Earth’s vector data is spearheaded by our 4th character, Nathaniel Vaughn Kelso, a longtime NACIS member with a passion for developing tools and resources to help others make better maps. Most of you are likely familiar with Natural Earth, a data library that underpins a great deal of present-day cartography by providing free, clean, consistent vector & raster layers that align with each other. NVK & Tom Patterson worked together with an army of volunteers to make possible so much of what mapmakers have done since then.

Natural Earth is actually too coarse for what I want (their finest data are at a 1:10 million scale), but it is perfect for telling me which parts of the National Atlas data to use. If a river is significant enough to appear in Natural Earth’s 10 million data, I take the 1 million National Atlas data and mark it as “major” and give it a thicker stroke. I also taper the strokes a bit in Illustrator before bringing it into Photoshop.

Finally, I make all of those layers look more water-like by appling two layer effects in Photoshop: a color overlay to simply turn them all light blue, and a bevel effect. The bevel effect is something else I got from Tanya Buckingham. Adding it gives a little depth to the water by putting a thin shadow on one side and a highlight on the other, embedding the water into the land. Like most good effects, you can’t really tell it’s there on the final map, but you can tell when it’s not.

14-bevel-water

Next up is the shaded relief. This is a map about landforms, after all. I got my DEM from the National Elevation Dataset, which fortunately covers Canada as well.

Tom Patterson is the shaded relief guru, and my admiration for his work is one of the major reasons I got into doing terrain mapping. He’s got a ton of great advice on his website, so I won’t repeat most of it here. But among other things, I took his advice to keep the relief from being too detailed by downsampling my DEM so that it was about half my intended print resolution.

The relief I’m using was generated with Blender, and I’ve got a discussion & tutorial about it here, so I won’t go into detail. In short: it’s a program I started working with because I think it produces much more natural-looking shadows.

15-relief

Mixing relief with a color layer can be tricky. I used to have fairly amateurish ways of doing it through simple transparency overlays that muddied my colors and/or darkened everything too much. In recent years I have developed better methods, which owe much to advice I received from both Tanya Buckingham and Tom Patterson (you’ll note I come back to them a lot). Each of them has their own slightly different way of doing it, and mine is a sort of modified hybrid of their approaches. I have a full tutorial here, but I’ll give you the short version.

Basically, I take two copies of my relief and use Levels adjustments in Photoshop to leave just the shadows on one copy and just the highlights on the other.

16-levels

I then set the shadows to the Linear Burn blending mode, which causes them to darken the land cover underneath (in a way that preserves the color vibrancy better than using the Multiply mode), and set the highlights to the Screen blending mode, which lets them lighten the land cover. So I’m left with a land cover layer that’s lighter and darker as the relief dictates, but still has the same color palette.

17-relief-added

Finally, atop that, I use Levels to lighten up the relief in the areas outside of Michigan. Here I’m using that same state-shaped mask that I used to lighten the landcover.

18-lighten-relief

There’s one more piece of landform puzzle, and that’s to add a texture shade. Texture shading is a technique developed by Leland Brown, a mathematician and hiking enthusiast in Los Angeles. It basically helps emphasize edges and small textural details in the landscape.

19-raw-tts

A raw texture shade is cool to look at, but it’s most valuable when paired with shaded relief. Here, I use the same Linear Burn/Screen method as described above to mix it in with the relief & land cover.

20-add-tts

Leland’s work has been a boon to mine, and everyone else who does terrain mapping. He first presented texture shading at NACIS 2010, where he came from outside the world of practicing cartographers. His presence at that meeting was partially due to Tanya Buckingham, who organized the conference that year. She wrote the Call for Participation that found its way to Leland, and her invitation made him feel like his participation, as a hobbyist rather than a professional, would be welcome. NACIS is Nicest, as we say.

At that conference, he met Tom Patterson, with whom he started working on promoting texture shading and making it more easily available via a standalone application. Through Tom’s connections to Brett Casebolt of Natural Graphics, texture shading is now a part of Natural Scene Designer.

So, Tanya helped encourage Leland to come to NACIS, where he met Tom (& me), and because of all that I can now use texture shades on my maps.

As with the relief, I tone down the texture shade outside of Michigan using levels. Notice also that I also have a mask on the texture shade shadows—this mask contains the shaded relief. The basic idea is: let’s not darken the same area twice. If it’s already darkened by the relief, the texture shade is made much more subtle, to keep things from getting way too dark.

21-tts-mask

Finally, we have the bathymetry, to give some texture to the Great Lakes.  I downloaded data from NOAA that had lake depths (as well as incomplete land elevation).
22-bathymetry

I use a mask to confine the data to just the Great Lakes, and then adjust the levels so that I have a black-to-white gradient.

23-adjust-bathymetry

Then I use a gradient map to change the color scheme. This is a simple tool in Photoshop that lets you turn a greyscale layer into a color one, by simple mapping each level of grey onto a color gradient. So, here I turn the white areas to light blue and the black to a darker blue. It’s all editable on the fly, so if I want to change colors, it’s quick and easy.

24-gradient-bathymetry

And that’s the basemap! If you’re playing along with our home game, the total layer stack is:

25-layers

It’s a lot of pieces, and the final result is complex, but by breaking it down piece-by-piece, hopefully I’ve shown that it’s often composed of conceptually simple parts. A little green here, a little bevel there, etc. I did not conjure this fully-formed from nothing. It’s just built up from a lot of little operations, and so hopefully I’ve demystified some of this if you’re intimidated like I probably would be.

The final piece of the finished product is the labeling. I went with Minion Pro, because I liked the swash capitals. I won’t get into details about the typographic choices here. Instead, I’ll just highlight a couple of things.

26-type

First off, I add a white outer glow to my type, which is based upon a concept I picked up from Tom Patterson a few years ago at a presentation he made to the UW Cartography Lab. I like glows because they’re less heavy than adding a vector halo around the type. Again, I’m trying to do things that people don’t notice are there, but would notice if they weren’t. The glow is modulated a bit by a mask: they show up stronger when the map base gets darker. They hardly show up at all when the type is against light areas and it’s not needed.

27-glows

The other thing I want to point out is a challenge that I don’t normally face in mapping: what to name things.

There are plenty of interesting landforms in Michigan, but they often have poorly-documented names, or no names at all. The US Board on Geographic Names had some things pretty well covered, but there were plenty of hill ranges, uplands, and more that lacked official toponyms. And even when a feature had a toponym (official or otherwise), I sometimes found only vague or conflicting information about the actual extent of the feature. I spent a lot of time digging through various websites and old maps, and sometimes making gut decisions about what to label things. Hopefully when this map is released it will prompt people to send me improved information so I can prepare a more authoritative draft.

28-sources

I looked at a lot of maps, including these, and documented my sources and choices in a spreadsheet.

One particularly valuable source was some work by Randall Schaetzl, a geographer at Michigan State University. Among other things, he published a paper dividing the state into a number of physical regions, from which I drew a lot of label inspiration. Co-author on this paper is another NACIS colleague, and co-organizer of this year’s Practical Cartography Day, Carolyn Fish. I’d known her for years through NACIS before stumbling upon her name in this unanticipated context.

Since I was making a lot of semi-arbitrary (but research-backed) decisions, I asked for feedback from yet another colleague I met through NACIS: Leo Dillon. He works at the State Department, and is also a member of the US Board on Geographic Names. He primarily works with foreign names, but he was kind enough to review my domestic naming decisions and run them by some Michigan natives in his office. I also asked for feedback from Tom Patterson, as well, but you’ve already heard enough about how awesome he is.

And there you have the current map. It’s in a second draft; will need one more draft someday when I get around to it, but it’s mostly there.

draft-2-1000px-for-sharing

There are some practical mapmaking takeaways here, and hopefully I’ve inspired some folks to dig into how some of these tools work, or give new techniques a try. But the bigger takeaway is this: the connections I have made to all of these people are what enabled this work far more than any particular knowledge of programs & tools. This is a profession driven by who you know, but not in the traditional sense of “who can get me a job,” but instead “who can keep me growing and learning?” I have been grateful to find that cartography is absolutely brimming with people who want to share, who want to help, and who are willing to dedicate the time to help their colleagues do better work. I owe so much of the quality of my work to these people, and I know that I am not nearly unique for being in that situation. We all depend on each other to keep growing.

I doubtless owe unacknowledged debts on this project, and I apologize to those of you who taught me things that I left off. As the years go on, the sources of my knowledge sometimes fade. Feel free to chime in if you’re responsible for something I’ve done =).