{"id":17778,"date":"2017-03-14T11:55:36","date_gmt":"2017-03-14T15:55:36","guid":{"rendered":"http:\/\/www.johnpaulcaponigro.com\/blog\/?p=17778"},"modified":"2017-03-14T11:55:36","modified_gmt":"2017-03-14T15:55:36","slug":"see-color-new-ways-photoshops-gradient-maps","status":"publish","type":"post","link":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/","title":{"rendered":"See Color In New Ways With Photoshop\u2019s Gradient Maps"},"content":{"rendered":"<p><a href=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_BeforeAfter-1.jpg\"><img loading=\"lazy\" class=\"size-full wp-image-17852 aligncenter\" src=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_BeforeAfter-1.jpg\" alt=\"1_BeforeAfter\" width=\"425\" height=\"684\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><em>Before and after the Gradient Map \u00a0 \u00a0\u00a0<\/em><\/p>\n<p>Whether used subtly or dramatically, Photoshop\u2019s Gradient Map color adjustment tool can open up new ways of seeing and working with color for any artist. Photoshop\u2019s Gradient Map assigns new colors to existing brightness values. With it, you can enhance existing colors, transfer colors from one image to another, or create entirely new color relationships. It can be wild!<br \/>\n<img loading=\"lazy\" class=\"alignnone size-full wp-image-17854 aligncenter\" src=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/2_GradientMap-1.jpg\" alt=\"2_GradientMap\" width=\"425\" height=\"545\" \/><\/p>\n<p style=\"text-align: center;\"><em>The Gradient Map<\/em><\/p>\n<p>The Gradient Map interface looks difficult to use but with a few pointers you\u2019ll find it surprisingly easy to use. While you can apply a Gradient Map directly to a layer (Images: Adjustments: Gradient Map), I recommend you apply Gradient Maps as adjustment layers (Layer: New Adjustment Layer: Gradient Map), to take advantage of both the greater flexibility and control you\u2019ll gain over the final effect. Once activated, there are a number of default presets you can experiment with but it\u2019s most likely that you will want to create your own. Simply click on an existing gradient in the Properties panel to activate the Gradient Editor. Click New. Click at the bottom of the gradient to add new colors. A pointer will appear, double click it or the Color box to choose a color. You can move the pointer to direct the color into different tonal values (Move left to target darker values and right to target lighter values. Alternately, enter a new number in the Location field.) while the diamonds left and right of it will control how each color fades into surrounding colors. You can add dozens of different pointers\/colors, but for most applications I recommend you restrain yourself to as few as possible. You can delete a pointer\/color by clicking on it and clicking Delete or by pressing the Delete key. When you create an effect you\u2019d like to use more than once, type a Name and click Save; you can easily store, retrieve, and share these \u201cgrd\u201d files.<br \/>\nThe color effects you can generate with the Gradient Map are so powerful and so varied you simply must spend a little time experimenting with it to truly understand both how far you can go and how subtle you can get. Consider this kind of visual research time well spent.<br \/>\nAfter you\u2019re done experimenting, then it\u2019s time to deliver.<br \/>\nWorking with the Gradient Map often takes a little finessing. You\u2019re likely to be a little disappointed if you try and get the perfect colors with the Gradient Map alone. You can spend a great deal of time picking and repicking colors until you get it just right. Instead, try working more broadly, getting close to a desired effect and then fine-tuning the results.<br \/>\n<img loading=\"lazy\" class=\"alignnone size-full wp-image-17797 aligncenter\" src=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/BlendModes.jpg\" sizes=\"(max-width: 425px) 100vw, 425px\" srcset=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/BlendModes.jpg 425w, https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_BlendModes-288x1024.jpg 288w\" alt=\"BlendModes\" width=\"425\" height=\"1509\" \/><\/p>\n<p style=\"text-align: center;\"><em>Layer Blend Modes give more control<\/em><\/p>\n<p><a href=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/LayerStyle.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-17800 aligncenter\" src=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/LayerStyle.jpg\" sizes=\"(max-width: 425px) 100vw, 425px\" srcset=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/LayerStyle.jpg 425w, https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_LayerStyle-300x178.jpg 300w\" alt=\"LayerStyle\" width=\"425\" height=\"252\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><em>Layer Style removes effects from shadows and\/or highlights<\/em><\/p>\n<p>Here are the go to tools for fine-tuning the results of Gradient Map adjustment layers. Use the Opacity slider to reduce effects that are too strong. For selective opacity, add a layer mask. Use Blend If sliders (double click on a layer to activate them) to reduce or remove effect from shadows or highlights or both. If transitions created by Blend If sliders aren\u2019t smooth enough, use a luminance mask.<br \/>\n<img loading=\"lazy\" class=\"alignnone size-full wp-image-17860 aligncenter\" src=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/GradientMap_BlendMode.jpg\" alt=\"GradientMap_BlendMode\" width=\"425\" height=\"684\" \/><\/p>\n<p style=\"text-align: center;\"><em>Normal and Hard Light blend modes compared<\/em><\/p>\n<p>Blend Modes can be used to add more control over the way colors mix. In particular, focus on the color blend modes (Hue and Color) and the contrast blend modes (Overlay, Soft Light, and Hard Light). Hue restrains the effect to that element of color only. Color restrains the effect to both hue and saturation, removing any effect on luminosity. In order of increasing intensity, Soft Light, Overlay, and Hard Light boost contrast and gradient colors will have a more transparent appearance.<br \/>\nEven with all of this control, it\u2019s likely that you\u2019ll find the best results are most often achieved by using this tool to create an interesting color foundation and then refining it with additional color adjustment tools like Curves and Hue\/Saturation.<br \/>\nOnce you\u2019ve mastered the interface the real challenge begins \u2013 visualizing color possibilities. Pre-visualization can only go so far; instead use software as a tool for visualization. Instead of rushing to a single finished result, I prefer to work on multiple copies of an image to make side-by-side comparisons of a set of variations. The possibilities are seemingly so limitless that you must perform some experiments to find the best solution. If your experiments are both targeted and iterative, then you\u2019ll generate many solutions that are more likely to be optimum.<br \/>\nHere a little color theory can be useful. Use dark colors in shadows and light colors in highlights; otherwise you may posterize or solarize. Use analogous colors (similar color families) to create transitions; transitions between complimentary colors tend to get muddy. Variations on earth tones work well for both realistic and antique effects. Variations on warm colors can add intensity, even fire. Variations on cool colors can generate nocturnal and even aquatic effects.<br \/>\nRemember, you can sample colors from one image and apply them to another. Gradient Map effects are distributed based on lightness values so keep this in mind when selecting and transferring colors.<br \/>\n<a href=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/GradientMap_BW.jpg\"><img loading=\"lazy\" class=\"size-full wp-image-17861 aligncenter\" src=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/GradientMap_BW.jpg\" alt=\"GradientMap_BW\" width=\"425\" height=\"684\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><em>Black and white conversion plus toning created with Gradient Map<\/em><\/p>\n<p>Amazingly, you can even make successful color to black and white conversions with Gradient Maps \u2013 just use neutral colors. Again, for naturalistic effects, you\u2019ll want to create progressions that move from dark to light, but the steps and the transitions in between can be varied substantially. Guard against posterization and excessive noise. You can even create black and white toning solutions with the Gradient Map; it\u2019s excellent for split tone effects that target different hues into different tonal values.<br \/>\nPhotoshop\u2019s Gradient Map is an exotic color adjustment tool that can be a real game changer. If you truly understand the possibilities this tool opens up you will have learned to see in new ways. What could be more valuable?<br \/>\n<span style=\"color: #ff0000;\"><strong><a style=\"color: #ff0000;\" href=\"http:\/\/www.johnpaulcaponigro.com\/creativity\/technique\/color-adjustment\/\">Read more on Color Adjustment\u00a0here.<\/a><\/strong><\/span><br \/>\n<span style=\"color: #ff0000;\"><strong><a style=\"color: #ff0000;\" href=\"http:\/\/www.johnpaulcaponigro.com\/workshops\/\">Learn more in my digital printing and digital photography workshops.<\/a><\/strong><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before and after the Gradient Map \u00a0 \u00a0\u00a0 Whether used subtly or dramatically, Photoshop\u2019s Gradient Map color adjustment tool can open up new ways of seeing and working with color for any artist. Photoshop\u2019s Gradient Map assigns new colors to existing brightness values. With it,&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[1428,3458],"tags":[43,116,256],"post_folder":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>See Color In New Ways With Photoshop\u2019s Gradient Maps - John Paul Caponigro<\/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.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"See Color In New Ways With Photoshop\u2019s Gradient Maps - John Paul Caponigro\" \/>\n<meta property=\"og:description\" content=\"Before and after the Gradient Map \u00a0 \u00a0\u00a0 Whether used subtly or dramatically, Photoshop\u2019s Gradient Map color adjustment tool can open up new ways of seeing and working with color for any artist. Photoshop\u2019s Gradient Map assigns new colors to existing brightness values. With it,...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"John Paul Caponigro\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-14T15:55:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_BeforeAfter-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"johnpaulcaponigro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"See Color In New Ways With Photoshop\u2019s Gradient Maps - John Paul Caponigro","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.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/","og_locale":"en_US","og_type":"article","og_title":"See Color In New Ways With Photoshop\u2019s Gradient Maps - John Paul Caponigro","og_description":"Before and after the Gradient Map \u00a0 \u00a0\u00a0 Whether used subtly or dramatically, Photoshop\u2019s Gradient Map color adjustment tool can open up new ways of seeing and working with color for any artist. Photoshop\u2019s Gradient Map assigns new colors to existing brightness values. With it,...","og_url":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/","og_site_name":"John Paul Caponigro","article_published_time":"2017-03-14T15:55:36+00:00","og_image":[{"url":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_BeforeAfter-1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"johnpaulcaponigro","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#website","url":"https:\/\/www.johnpaulcaponigro.com\/blog\/","name":"John Paul Caponigro","description":"Illuminating Creativity","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.johnpaulcaponigro.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/#primaryimage","url":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_BeforeAfter-1.jpg","contentUrl":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/1_BeforeAfter-1.jpg","width":425,"height":684},{"@type":"WebPage","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/#webpage","url":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/","name":"See Color In New Ways With Photoshop\u2019s Gradient Maps - John Paul Caponigro","isPartOf":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/#primaryimage"},"datePublished":"2017-03-14T15:55:36+00:00","dateModified":"2017-03-14T15:55:36+00:00","author":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#\/schema\/person\/858a1050968a36008905f1980aae47b0"},"breadcrumb":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/17778\/see-color-new-ways-photoshops-gradient-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.johnpaulcaponigro.com\/blog\/"},{"@type":"ListItem","position":2,"name":"See Color In New Ways With Photoshop\u2019s Gradient Maps"}]},{"@type":"Person","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#\/schema\/person\/858a1050968a36008905f1980aae47b0","name":"johnpaulcaponigro","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/309d46e93fff33337943899d8f3269cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/309d46e93fff33337943899d8f3269cf?s=96&d=mm&r=g","caption":"johnpaulcaponigro"},"url":"https:\/\/www.johnpaulcaponigro.com\/blog\/author\/johnpaulcaponigro\/"}]}},"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/posts\/17778"}],"collection":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/comments?post=17778"}],"version-history":[{"count":0,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/posts\/17778\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/media?parent=17778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/categories?post=17778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/tags?post=17778"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/post_folder?post=17778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}