{"id":619,"date":"2012-03-20T21:51:11","date_gmt":"2012-03-21T04:51:11","guid":{"rendered":"http:\/\/otherthings.com\/blog\/?p=619"},"modified":"2012-03-28T22:26:56","modified_gmt":"2012-03-29T05:26:56","slug":"stamens-watercolor-maps","status":"publish","type":"post","link":"https:\/\/otherthings.com\/blog\/2012\/03\/stamens-watercolor-maps\/","title":{"rendered":"Stamen&#8217;s watercolor maps"},"content":{"rendered":"<p><a target=\"_blank\" href=\"http:\/\/maps.stamen.com\/#watercolor\/13\/40.7180\/-73.9710\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/stamen_watercolor-300x285.png\" alt=\"\" title=\"Watercolor maps by Stamen\" width=\"300\" height=\"285\" class=\"alignright size-medium wp-image-620\" srcset=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/stamen_watercolor-300x285.png 300w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/stamen_watercolor.png 653w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>My friends at <a target=\"_blank\" href=\"http:\/\/stamen.com\">Stamen<\/a> keep doing wonderful new things to maps. Today&#8217;s innovation: a globe&#8217;s worth of map tiles rendered automatically in the style of a <a target=\"_blank\" href=\"http:\/\/maps.stamen.com\/#watercolor\/13\/40.7180\/-73.9710\">watercolor painting<\/a>. <\/p>\n<p>This is the kind of project I could only dream of, back when I was doing <a href=\"http:\/\/otherthings.com\/uw\/watercolor\/\">this kind of research<\/a>. So much has happened since then! Stamen&#8217;s tiles combine scanned watercolor textures with vector map data from Open Street Maps, and various image-based filters for effects like edge darkening. The results are organic, seamless and beautiful. Even though I know the textures will repeat themselves eventually, I can&#8217;t help scrolling out into the ocean, just to see what&#8217;s there.<\/p>\n<p><strong>Update:<\/strong> Zach has posted a <a href=\"http:\/\/content.stamen.com\/watercolor_process\" title=\"Stamen's watercolor process\" target=\"_blank\">really nice step-by-step breakdown<\/a> of how they did this.  (Gaussian blurs and Perlin noise are your friends here.)  I particularly love the way they use small multiples and animated gifs to explore the parameter space:<\/p>\n<p><a href=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/testgrid1.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/testgrid1-300x150.gif\" alt=\"\" title=\"testgrid1\" width=\"300\" height=\"150\" class=\"aligncenter size-medium wp-image-651\" srcset=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/testgrid1-300x150.gif 300w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/testgrid1.gif 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><strong>Update 2:<\/strong> And now Geraldine has put up her post about <a href=\"http:\/\/content.stamen.com\/watercolor_textures\" title=\"Stamen's watercolor textures\" target=\"_blank\">painting the watercolor background textures<\/a>. A process of discovery and exploration, with much trial and error. As a bonus, she&#8217;s put up a set of lovely <a href=\"http:\/\/www.flickr.com\/photos\/sensescape\/sets\/72157629121886440\/\" title=\"watercolor texture samples\" target=\"_blank\">texture samples<\/a> on Flickr.<\/p>\n<p><a target=\"_new\" href=\"http:\/\/www.flickr.com\/photos\/sensescape\/sets\/72157629121886440\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/tilesamples-300x154.jpg\" alt=\"Flickr set of watercolor samples\" title=\"tilesamples\" width=\"300\" height=\"154\" class=\"aligncenter size-medium wp-image-653\" srcset=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/tilesamples-300x154.jpg 300w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2012\/03\/tilesamples.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My friends at Stamen keep doing wonderful new things to maps. Today&#8217;s innovation: a globe&#8217;s worth of map tiles rendered automatically in the style of a watercolor painting. This is the kind of project I could only dream of, back when I was doing this kind of research. So much has happened since then! Stamen&#8217;s &hellip; <a href=\"https:\/\/otherthings.com\/blog\/2012\/03\/stamens-watercolor-maps\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Stamen&#8217;s watercolor maps<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[83,15],"tags":[],"class_list":["post-619","post","type-post","status-publish","format-standard","hentry","category-interactive","category-npar"],"_links":{"self":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts\/619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/comments?post=619"}],"version-history":[{"count":10,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts\/619\/revisions"}],"predecessor-version":[{"id":631,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts\/619\/revisions\/631"}],"wp:attachment":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/media?parent=619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/categories?post=619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/tags?post=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}