{"id":79401,"date":"2017-09-14T14:09:07","date_gmt":"2017-09-14T14:09:07","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/steal-these-vignettes-please\/"},"modified":"2019-11-08T11:12:54","modified_gmt":"2019-11-08T19:12:54","slug":"steal-these-vignettes-please","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/mapping\/mapping\/steal-these-vignettes-please","title":{"rendered":"Steal These Vignettes Please"},"author":6971,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[23201,32331,27911],"industry":[],"product":[36561],"class_list":["post-79401","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-cartographic-design","tag-how-to","tag-tutorial","product-arcgis-pro"],"acf":{"short_description":"I'm prone to add vignettes to my maps. They are a handy, and sometimes beautiful, way to frame the composition and draw the eye in to the...","flexible_content":[{"acf_fc_layout":"content","content":"

I’m prone to add vignettes to my maps. They are a handy, and sometimes beautiful, way to frame the composition and draw the eye in to the subject.<\/p>\n

I wanted to give you a handful of vignette resources so that you can give them a go in your maps, too.<\/p>\n

What is a Vignette?<\/h1>\n

A vignette is a graded, soft overlay surrounding a layout. It is usually used as an alternative<\/a> to the neatline, if one is ever inclined to use a neatline. Vignetting<\/a> started in earnest in the early days of photography, as an optical artifact of exposing a print. Serendipitously, they look pretty great. What’s more, printmakers could enhance this effect with some active magic in the darkroom via dodging and burning<\/a>.<\/p>\n

A vignette also replicates, a bit, how our eyes and minds visually perceive our world. Only items at the absolute nadir of our gaze have focus. Detail falls off rapidly in all directions around our focal point. Also, the orbital shape of our eye, and the arrangement of light-sensing rods along its back wall, mean that a diluted light bathes the periphery of our sensors. So when we see an image where the edges are radially diminished, it just feels right…<\/p>\n

\"\"<\/a><\/p>\n

I don’t really like neatlines, but I do<\/em> like vignettes.<\/p>\n

Some Examples<\/h1>\n

Here is a map showing the overlapping habitats of Great White and Great Hammerhead sharks (derived from this important work<\/a>), focused on the waters around and about Africa. I’ve made it in both white and black…<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

The map edges end pretty abruptly. I could include a neatline with a margin. Or, I could add a vignette to feather the perimeter of this map…<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Or, if your maps are just generally light or dark, you can still use them. Here are the vignette images used atop the Light Gray Canvas<\/a> basemap and the Firefly<\/a> basemap.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

How?<\/h1>\n

In ArcGIS Pro, you can insert a picture<\/a> into a Layout and position it above or behind a Map frame.<\/p>\n

You can download these white and black vignette image resources\u00a0here<\/a>.<\/strong><\/p>\n

In the examples, above, I added a (white or black) vignette image on top of the map. I stretched the image to match the size of the Layout. Note, you’ll have to unlock the aspect ratio so you can stretch the width and height independently to fit your layout.<\/p>\n

\"\"<\/a><\/p>\n

What About Absurd Hacks?<\/h1>\n

I’m glad you asked. There is no reason that your vignette images have to be boring white or black. Or any solid color. I, for some reason, like to make maps that appear to be hand drawn on physical surfaces. Did you ever notice how on old maps the ancient cartographer scraped fewer features onto the parchment when they got close to the edges? Or even how people drawing on chalkboards<\/a> avoid the edges? Well I do. This tapering off of content at the edges has some of the cognitive benefits of vignetting, but it also happens to be a fun layout hack!<\/p>\n

\"\"<\/a><\/p>\n

Wait a second! How do you get a vignette to match a textured background?? You make a map sandwich…<\/p>\n

\"\"<\/a><\/p>\n

The ingredients, in the Layout, are…<\/p>\n