{"id":193522,"date":"2018-06-27T12:00:09","date_gmt":"2018-06-27T12:00:09","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=193522"},"modified":"2018-06-27T18:39:26","modified_gmt":"2018-06-27T18:39:26","slug":"how-to-filter-images-for-creating-a-consistent-look-and-feel","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel","title":{"rendered":"How to filter images to create a unified visual style"},"author":7201,"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":[80952,80942,43391,31491],"industry":[],"product":[36611],"class_list":["post-193522","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-effects","tag-filters","tag-graphic-design","tag-photoshop","product-story-maps"],"acf":{"short_description":"Great storytelling uses consistent visual design. This blog discusses how to create pattern and consistency using image filters.","flexible_content":[{"acf_fc_layout":"content","content":"<p>This blog explains how to create a unified visual style in a story map through the use of Photoshop image filters. The\u00a0<a href=\"https:\/\/bit.ly\/2khRJIq\">Seven Wonder<\/a> series of Story Map Tours provides examples of such filters with their <em>watercolor<\/em>, <em>illustration<\/em>, and <em>schematic<\/em> effects. This blog also discusses the broader concepts of visual\u00a0<em>consistency<\/em>, <em>pace<\/em>, and <em>rhythm<\/em>.<\/p>\n<p>If you&#8217;re in a hurry, jump straight to the <a href=\"https:\/\/bit.ly\/2lxPpxp\">step-by-step instructions for watercolor, illustration, and schematic filters in Photoshop<\/a>. For general concepts of image filtering and storytelling, continue reading below.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":193662,"id":193662,"title":"CoverNature2_Artboard 1","filename":"CoverNature2_Artboard-1.png","filesize":671558,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\/covernature2_artboard-1","alt":"A small multiples grid of colorful icons overlaid on a parchment background depict natural formations and phenomena from around the world. Phenomena include the Aurora Borealis, Paricutin Volcano, Mount Everest, the Grand Canyon, Victoria Falls, Sugarloaf Mountain, and the Great Barrier Reef.","author":"7201","description":"","caption":"Cover art from Seven Wonders: Natural World.","name":"covernature2_artboard-1","status":"inherit","uploaded_to":193522,"date":"2018-05-23 20:41:01","modified":"2018-05-23 20:53:40","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":853,"height":480,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","thumbnail-width":213,"thumbnail-height":120,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","large-width":853,"large-height":480,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","1536x1536-width":853,"1536x1536-height":480,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","2048x2048-width":853,"2048x2048-height":480,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/CoverNature2_Artboard-1.png","wide_image-width":853,"wide_image-height":480}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/bit.ly\/2khRJIq"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>In Seven Wonders, each list of remarkable built and natural monuments takes its own visual style and pairs it with a thematic Esri basemap.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":163091,"id":163091,"title":"MTGallery (Small)","filename":"MTGallery-Small.png","filesize":60988,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/seven-wonders-story-map-tour\/mtgallery-small","alt":"A gallery of four images depict the covers for the Seven Wonders series of Map Tours. From left to right is The Ancient List consisting of historic architectural plates; The New List using a watercolor theme; Natural World with a colorful illustrated theme; and Engineering Feats with images styled after dark blue chalk schematics.","author":"7201","description":"","caption":"Seven Wonders Map Tours series","name":"mtgallery-small","status":"inherit","uploaded_to":162751,"date":"2018-04-25 17:23:29","modified":"2018-05-29 17:59:02","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":854,"height":135,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","thumbnail-width":213,"thumbnail-height":34,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","medium-width":464,"medium-height":73,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","medium_large-width":768,"medium_large-height":121,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","large-width":854,"large-height":135,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","1536x1536-width":854,"1536x1536-height":135,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","2048x2048-width":854,"2048x2048-height":135,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","card_image-width":826,"card_image-height":131,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/MTGallery-Small.png","wide_image-width":854,"wide_image-height":135}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/bit.ly\/2khRJIq"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<ul>\n<li><a href=\"https:\/\/bit.ly\/2EjTcVY\">The Ancient List<\/a>: Historic plates \/ <a href=\"https:\/\/arcg.is\/0OaL5K\">Modern Antique<\/a> basemap<\/li>\n<li><a href=\"https:\/\/bit.ly\/2H8JSY8\">The New List<\/a>: Watercolors \/ <a href=\"https:\/\/arcg.is\/1bL91z\">Imagery<\/a> basemap<\/li>\n<li><a href=\"https:\/\/bit.ly\/2HKbaH4\">Natural Wonders<\/a>: Illustrations \/ <a href=\"https:\/\/arcg.is\/1f8aCv\">NatGeo<\/a> basemap<\/li>\n<li><a href=\"https:\/\/bit.ly\/2KejP31\">Engineering Feats<\/a>: Schematics \/ <a href=\"https:\/\/arcg.is\/18ju5v\">Light Gray<\/a> basemap<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"content","content":"<h2>Why create a unified visual style?<\/h2>\n"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>An often overlooked strategy in storytelling is to maintain a unified look and feel. We at Esri Story Maps sometimes call this <em><a href=\"https:\/\/story.maps.arcgis.com\/apps\/Cascade\/index.html?appid=dcd5d01e2b0342fe90cf3b8ca9ab8302\">creating a little world<\/a><\/em>.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":193672,"id":193672,"title":"act-schultes-ms","filename":"act-schultes-ms.png","filesize":239225,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\/act-schultes-ms","alt":"A screenshot of a Story Map Series layout show a historic image of Richard Evan Schultes photographed in front of an expansive mountainscape. Elaborate typography to the left of the photograph introduces the subject, and tabs across the top of the image indicate chapters for \"Early Life and Explorations,\" \"The Putumayo River,\" and \"NEW: The Apaports and Miriti Parana Rivers.\"","author":"7201","description":"","caption":"","name":"act-schultes-ms","status":"inherit","uploaded_to":193522,"date":"2018-05-23 20:44:15","modified":"2018-05-29 17:18:04","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":854,"height":420,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","thumbnail-width":213,"thumbnail-height":105,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","medium-width":464,"medium-height":228,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","medium_large-width":768,"medium_large-height":378,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","large-width":854,"large-height":420,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","1536x1536-width":854,"1536x1536-height":420,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","2048x2048-width":854,"2048x2048-height":420,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","card_image-width":826,"card_image-height":406,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/act-schultes-ms.png","wide_image-width":854,"wide_image-height":420}},"image_position":"center","orientation":"horizontal","hyperlink":"http:\/\/amazonteam.org\/maps\/schultes-en\/"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>The Amazon Conservation Team\u2019s Map Series about <a href=\"http:\/\/amazonteam.org\/maps\/schultes-en\/\">Richard Evans Schultes<\/a> creates a little visual world by combining historic photos with a consistent color palette and typography.<\/p>\n<p>For users of a social image sharing service such as Instagram, the aesthetic delight of image filters is familiar. But more than just passive aesthetics, maintaining a consistent style across graphical elements in a story map can be active. Results can be quite practical.<\/p>\n<p>Consistent and unified visual design:<\/p>\n<ul>\n<li>Invites readers to engage with\u2014and thereby better absorb and retain\u2014the message;<\/li>\n<li>Helps readers to connect the dots between disparate pieces of information;<\/li>\n<li>Provides that final touch of polish to make a visual product look professional\u2014and therefore credible and authoritative.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"content","content":"<h2>The basics of image filtering<\/h2>\n"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>There are many ways to go about editing a photograph to achieve a specific effect. In general, when attempting to create an effect:<\/p>\n<ol>\n<li>Have a specific end goal in mind (watercolor, schematic, other); and<\/li>\n<li>Choose a high-resolution photograph with characteristics appropriate to achieve that effect.<\/li>\n<\/ol>\n<p>For example, if we want to create a watercolor effect over a photograph, we should choose a well-lit image with rich colors. But we should avoid too much detail because the visual noise can become muddled and confusing in the filtering process.<\/p>\n<p>The process for generating a visual effect can be summed up broadly in a few steps:<\/p>\n<ol>\n<li>Apply a texture to a photograph by layering a texture image (such as <a href=\"https:\/\/arcg.is\/1Grve8\">parchment<\/a>) on top of the photograph. Set the texture image layer\u2019s <strong>Blending Mode<\/strong>\u00a0to <em>Multiply<\/em>.<\/li>\n<li>Under <strong>Image Adjustments<\/strong>, adjust the brightness\/exposure, saturation, and contrast of your photograph appropriately to achieve the desired end effect.<\/li>\n<li>Generalize or reduce the detail of the image using <strong>Artistic Filters<\/strong>\u00a0plus a <strong>blur<\/strong>.<\/li>\n<li><strong>Find Edges<\/strong>\u00a0in your photograph and blend them into the base image by setting the edge effect <strong>Blending Mode<\/strong>\u00a0to <em>Multiply<\/em>.<\/li>\n<li>If desired, apply a <strong>vignette<\/strong> to direct the reader\u2019s attention\u2014this can be as simple as a a gradient transparency, or as complex as watercolor paintbrush splotches.<\/li>\n<\/ol>\n<p>For specific image filter guides, continue on to these <a href=\"https:\/\/bit.ly\/2lxPpxp\">step-by-step instructions for watercolor, illustration, and schematic effects<\/a>.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":253232,"id":253232,"title":"chinaps (Small)","filename":"chinaps-Small.png","filesize":47381,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\/chinaps-small","alt":"","author":"7201","description":"","caption":"The process of additive filters over the original photograph (left) to the end watercolor effect (right).","name":"chinaps-small","status":"inherit","uploaded_to":193522,"date":"2018-06-27 17:43:14","modified":"2018-06-27 17:49:55","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":854,"height":125,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","thumbnail-width":213,"thumbnail-height":31,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","medium-width":464,"medium-height":68,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","medium_large-width":768,"medium_large-height":112,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","large-width":854,"large-height":125,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","1536x1536-width":854,"1536x1536-height":125,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","2048x2048-width":854,"2048x2048-height":125,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","card_image-width":826,"card_image-height":121,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/chinaps-Small.png","wide_image-width":854,"wide_image-height":125}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/bit.ly\/2lxPpxp"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<h2>What is visual consistency, pace, and rhythm?<\/h2>\n"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>Particularly when we talk about pace and rhythm, it is music and poetry that first come to mind\u2014not visual communications. But just as the human ear recognizes harmony in the sonic qualities of music, so the human eye perceives\u2014and is attracted to\u2014optical patterns of visualizations.<\/p>\n<p>While the tutorials linked in this blog focus on image filters specifically, there are many approaches for creating a unified visual style. To help with creating visual patterns in graphics and stories, three useful concepts are\u00a0<strong>consistency<\/strong>,<strong> pace<\/strong>, and\u00a0<strong>rhythm.<\/strong><\/p>\n<p><strong>Consistency<\/strong>: <em>The fidelity of a story in following a visual pattern appropriate to the mood of its<\/em><em> topic<\/em>.<\/p>\n<p>While the order of text and types of media can (and should) vary so as to avoid boring the reader, the color palette (for example) should remain consistent\u2014if the subject is <a href=\"https:\/\/storymaps.esri.com\/stories\/2018\/mapping-incomes\/\">wealth and poverty<\/a>, one hue should always mean &#8220;wealth&#8221; and another hue should always mean &#8220;poverty.&#8221; Additionally, the method of <a href=\"https:\/\/storymaps.esri.com\/stories\/2018\/winter-olympics\/\">symobolizing data should remain consistent<\/a>\u2014if dense colors or large symbols in one map represent &#8220;positive&#8221; results, in a subsequent map density and largeness should not represent &#8220;negative&#8221; results. Meanwhile, the choice of color palette and basemap theme (eg. dark versus light) should <a href=\"https:\/\/storymaps.esri.com\/stories\/2017\/two-koreas\/\">evoke the subject matter<\/a>\u2014a rainbow color palette is suited to a map of Skittles factories, but may be off-putting for a map of violent crime locations. Regardless of which color palettes or design choices are made, the most important takeaway is to apply those choices consistently and in-line with the topic.<\/p>\n<p><strong>Pace<\/strong>: <em>The rate at which visual components are presented to, and interpreted by, the reader<\/em>.<\/p>\n<p>Do text, images, and maps appear in quick succession, occupy little screen space, and <a href=\"https:\/\/storymaps.esri.com\/stories\/2017\/hyperloop\/\">disappear with a short scroll<\/a>? Or are long paragraphs of text interspersed with extensive photo or map montages, and <a href=\"https:\/\/storymaps.esri.com\/stories\/2017\/sacred-places\/\">require a lot of scrolling<\/a>? Does the complexity of images, videos, and maps require readers to stop scrolling completely and take time to <a href=\"https:\/\/storymaps.esri.com\/stories\/2017\/destination-cities\/\">explore and interpret what they&#8217;re seeing<\/a>? Or are graphics simple, short, and <a href=\"https:\/\/storymaps.esri.com\/stories\/terrorist-attacks\/\">understandable at a glance<\/a>? Any of these pacings are valid; the key is to be aware of the tempo of the story and instrumentalize its pace to achieve the desired storytelling experience.<\/p>\n<p><strong>Rhythm<\/strong>:<em> The alternation or repetition of media types and visual qualities that generate a discernible pattern.<\/em><\/p>\n<p>Like in poetry, visual components can have rhyme schemes such as the alternating A-B-A-B, C-D-C-D scheme (eg. image-text-image-text, map-video-map-video), or any number of other patterns. Such a rhythm can be achieved in the <a href=\"https:\/\/storymaps.esri.com\/stories\/2017\/world-heritage\/\">patterned order of media types<\/a>. It can also be created in the alternation or repetition of specific qualities across the entirety of a story&#8217;s media, such as <a href=\"https:\/\/storymaps.esri.com\/stories\/2017\/marvel-origins\/\">the use of a certain color or shape<\/a>.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"content","content":"<h3>Qualities of a graphic<\/h3>\n<p>To actually begin to create patterns within and across visualizations, let&#8217;s break a graphic down into some specific qualities. These qualities might include:<\/p>\n<ul>\n<li>Color (or hue)<\/li>\n<li>Shape<\/li>\n<li>Size<\/li>\n<li>Directionality (pointing or leading)<\/li>\n<li>Perspective (or depth)<\/li>\n<li>Density (both the richness of colors and of detail)<\/li>\n<li>Subject matter (the person, place, or thing represented)<\/li>\n<\/ul>\n<p>The concepts of consistency, pace, and rhythm can in turn be applied to the arrangement of these qualities within and across graphics. In <a href=\"https:\/\/collections.storymaps.esri.com\/community-stories-2017\/\">some of the best examples of this<\/a>, the result is a well designed experience akin to visual poetry. The more poetic the visualizations, a story is better equipped to project a unified visual style and capture a reader&#8217;s attention.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":253372,"id":253372,"title":"commstories (Small)","filename":"commstories-Small.jpg","filesize":96463,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\/commstories-small","alt":"","author":"7201","description":"","caption":"","name":"commstories-small","status":"inherit","uploaded_to":193522,"date":"2018-06-27 17:58:40","modified":"2018-06-27 17:58:40","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":847,"height":480,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","thumbnail-width":213,"thumbnail-height":121,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","medium-width":461,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","medium_large-width":768,"medium_large-height":435,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","large-width":847,"large-height":480,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","1536x1536-width":847,"1536x1536-height":480,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","2048x2048-width":847,"2048x2048-height":480,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","card_image-width":821,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/commstories-Small.jpg","wide_image-width":847,"wide_image-height":480}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/collections.storymaps.esri.com\/community-stories-2017\/"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>Now, if you&#8217;d like to dive back into image filters, check out these <a href=\"https:\/\/bit.ly\/2lxPpxp\">step-by-step instructions on how to create watercolor, illustration, and schematic effects<\/a>. For more storytelling inspiration from Esri Story Maps, sign up for our monthly newsletter <a href=\"https:\/\/bit.ly\/2GK9UiD\">Planet Story Maps<\/a>\u00a0and follow us on Twitter <a href=\"https:\/\/bit.ly\/2IEJp4a\">@EsriStoryMaps<\/a>.<\/p>\n"}],"authors":[{"ID":7201,"user_firstname":"Greyson","user_lastname":"Harris","nickname":"grey9005","user_nicename":"grey9005","display_name":"Greyson H.","user_email":"GHarris@esri.com","user_url":"","user_registered":"2018-03-02 00:19:26","user_description":"An anthropologist focused on community engagement, citizen mapping, and applied ethnography, Greyson researches and designs dynamic, multimedia stories for ArcGIS StoryMaps.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/GAB-20171125-127_1-150x150.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":[{"ID":159901,"post_author":"7221","post_date":"2018-04-23 15:33:13","post_date_gmt":"2018-04-23 15:33:13","post_content":"","post_title":"Creating a Story Map Tour using the new side panel layout","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"creating-a-story-map-tour-using-the-new-side-panel-layout","to_ping":"","pinged":"","post_modified":"2026-04-23 12:58:52","post_modified_gmt":"2026-04-23 19:58:52","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=159901","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":185441,"post_author":"7641","post_date":"2014-04-11 23:19:57","post_date_gmt":"2014-04-11 23:19:57","post_content":"","post_title":"Customizing the Map Tour Story Map header and color scheme","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"customizing-the-map-tour-story-map-header-and-color-scheme","to_ping":"","pinged":"","post_modified":"2024-04-09 13:36:26","post_modified_gmt":"2024-04-09 20:36:26","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=185441","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":162751,"post_author":"7201","post_date":"2018-04-25 17:42:34","post_date_gmt":"2018-04-25 17:42:34","post_content":"","post_title":"Seven Wonders: Story Map Tours demo new side-panel layout","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"seven-wonders-story-map-tour","to_ping":"","pinged":"","post_modified":"2026-04-16 09:13:23","post_modified_gmt":"2026-04-16 16:13:23","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=162751","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":186661,"post_author":"3791","post_date":"2018-05-17 16:00:56","post_date_gmt":"2018-05-17 16:00:56","post_content":"","post_title":"Design custom basemaps with the new ArcGIS Vector Tile Style Editor","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"design-custom-basemaps-with-the-new-arcgis-vector-tile-style-editor","to_ping":"","pinged":"","post_modified":"2022-12-19 20:39:46","post_modified_gmt":"2022-12-20 04:39:46","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=186661","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":191921,"post_author":"6971","post_date":"2018-05-22 16:05:51","post_date_gmt":"2018-05-22 16:05:51","post_content":"","post_title":"Steal this Watercolor Style for Pro, Please","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"steal-this-watercolor-style-for-pro-please","to_ping":"","pinged":"","post_modified":"2018-05-23 20:25:32","post_modified_gmt":"2018-05-23 20:25:32","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=191921","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":177291,"post_author":"6971","post_date":"2018-05-10 21:00:24","post_date_gmt":"2018-05-10 21:00:24","post_content":"","post_title":"Migration, Visualization, and Just-Enough-ification","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"migration-visualization-and-just-enough-ification","to_ping":"","pinged":"","post_modified":"2018-05-11 12:32:57","post_modified_gmt":"2018-05-11 12:32:57","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=177291","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/card_826x465.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/banner_1920x1080.png"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to filter images to create a unified visual style<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to filter images to create a unified visual style\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-27T18:39:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\"},\"author\":{\"name\":\"Greyson H.\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e5677bd09e5960fbef36d6099a46b340\"},\"headline\":\"How to filter images to create a unified visual style\",\"datePublished\":\"2018-06-27T12:00:09+00:00\",\"dateModified\":\"2018-06-27T18:39:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"effects\",\"filters\",\"graphic design\",\"photoshop\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\",\"name\":\"How to filter images to create a unified visual style\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2018-06-27T12:00:09+00:00\",\"dateModified\":\"2018-06-27T18:39:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to filter images to create a unified visual style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e5677bd09e5960fbef36d6099a46b340\",\"name\":\"Greyson H.\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/GAB-20171125-127_1-150x150.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/GAB-20171125-127_1-150x150.jpg\",\"caption\":\"Greyson H.\"},\"description\":\"An anthropologist focused on community engagement, citizen mapping, and applied ethnography, Greyson researches and designs dynamic, multimedia stories for ArcGIS StoryMaps.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/greyson-h-a4b1a913\/\",\"https:\/\/x.com\/madgratter\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/grey9005\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to filter images to create a unified visual style","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel","og_locale":"en_US","og_type":"article","og_title":"How to filter images to create a unified visual style","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2018-06-27T18:39:26+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel"},"author":{"name":"Greyson H.","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e5677bd09e5960fbef36d6099a46b340"},"headline":"How to filter images to create a unified visual style","datePublished":"2018-06-27T12:00:09+00:00","dateModified":"2018-06-27T18:39:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel"},"wordCount":10,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["effects","filters","graphic design","photoshop"],"articleSection":["Mapping"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel","name":"How to filter images to create a unified visual style","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2018-06-27T12:00:09+00:00","dateModified":"2018-06-27T18:39:26+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/how-to-filter-images-for-creating-a-consistent-look-and-feel#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"How to filter images to create a unified visual style"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/e5677bd09e5960fbef36d6099a46b340","name":"Greyson H.","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/GAB-20171125-127_1-150x150.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/12\/GAB-20171125-127_1-150x150.jpg","caption":"Greyson H."},"description":"An anthropologist focused on community engagement, citizen mapping, and applied ethnography, Greyson researches and designs dynamic, multimedia stories for ArcGIS StoryMaps.","sameAs":["https:\/\/www.linkedin.com\/in\/greyson-h-a4b1a913\/","https:\/\/x.com\/madgratter"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/grey9005"}]}},"text_date":"June 27, 2018","author_name":"Greyson H.","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/grey9005","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/05\/banner_1920x1080.png","primary_product":"ArcGIS StoryMaps","tag_data":[{"term_id":80952,"name":"effects","slug":"effects","term_group":0,"term_taxonomy_id":80952,"taxonomy":"post_tag","description":"","parent":0,"count":29,"filter":"raw"},{"term_id":80942,"name":"filters","slug":"filters","term_group":0,"term_taxonomy_id":80942,"taxonomy":"post_tag","description":"","parent":0,"count":7,"filter":"raw"},{"term_id":43391,"name":"graphic design","slug":"graphic-design","term_group":0,"term_taxonomy_id":43391,"taxonomy":"post_tag","description":"","parent":0,"count":8,"filter":"raw"},{"term_id":31491,"name":"photoshop","slug":"photoshop","term_group":0,"term_taxonomy_id":31491,"taxonomy":"post_tag","description":"","parent":0,"count":5,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2702,"filter":"raw"}],"product_data":[{"term_id":36611,"name":"ArcGIS StoryMaps","slug":"story-maps","term_group":0,"term_taxonomy_id":36611,"taxonomy":"product","description":"","parent":36981,"count":575,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=story-maps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/193522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/7201"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=193522"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/193522\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=193522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=193522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=193522"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=193522"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=193522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}