{"id":2304,"date":"2018-12-19T00:45:47","date_gmt":"2018-12-19T00:45:47","guid":{"rendered":"http:\/\/nickcassway.com\/designblog\/?p=2304"},"modified":"2018-12-19T13:03:44","modified_gmt":"2018-12-19T13:03:44","slug":"a-monochromatic-gradient-map-in-photoshop","status":"publish","type":"post","link":"http:\/\/nickcassway.com\/designblog\/?p=2304","title":{"rendered":"A Monochromatic Gradient Map in Photoshop"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

There are many reasons why you would want to make a monochromatic version of an image – some reasons may be that the color scheme of a selected photo doesn’t work with the other colors of a layout, or that the layout itself is intended to work with just one color as well as black and white. This tutorial will use the gradient map adjustment layer to create a monochromatic image and provide a lot of flexibility for any further adjustments.
<\/p>\n\n\n\n\n\n\n\n

1.<\/g>Open<\/g> a full-color image<\/strong> or use the one provided with this tutorial.<\/a> Go to the Adjustment Layer icon at the bottom of the Layers Panel and select the Black and White Adjustment Layer.<\/strong> This converts the image to Black and White and gives the user control over how each color translates to black or white. For the supplied image I am adjusting the Blues slider to 132<\/strong> so that the sweater isn’t completely solid black. Adjusting the Red and Yellow slider will adjust for skin tone. For my example, I\u00a0 changed Yellows to 7.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2. Next, make a brightness and contrast adjustment layer<\/strong>. I’m not making adjustments to this yet as I’m not sure what the resulting image will look like, its just here as an insurance policy.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. Make a Gradient Map adjustment layer.<\/strong> The gradient map uses a gradient and remaps Darks and Lights to the corresponding color in the gradient. Darks are on the left hand<\/g> side of the luminosity scale so therefore anything dark will be remapped to whatever is on the left hand<\/g> side of the gradient map.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

4. Click on the gradient thumbnail<\/strong> to make adjustments to the gradient. We’ll start off making a two-color gradient that goes from a color to white. For the color, double-click on the left-hand color stop and use the following hexidecimal<\/g> code #FF6F61<\/strong> (this is the 2019 Pantone color of the year – Living Coral) Click OK<\/g> to exit the color picker. If the right-hand color stop is not white, double-click it to select White. This has now made a gradient map that remaps black to Living Coral and white to white.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

5. This is certainly usable but because the color component is bright it makes the image slightly difficult to look at, we’ll add another color stop <\/strong>to give the image some shadow-tone. Hold down ALT\/OPT and click on the left color stop and drag a copy to the center. Then, double click<\/g> on the left-hand color stop and chnage<\/g> the color to Black.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

6. This version gives the image a lot more depth and still works within the mono-chromatic color palette. To make the shadows and highlights a little less harsh<\/strong> we will add our base color to the dark and light color sliders. Select the black color stop (click only once to select it) and move the cursor over the gradient ramp and select a transitional color between black and the middle color stop – this will assign the selected color to the color stop. Do the same for the right-hand side – select the white color stop and use the eyedropper to select a transitional color between the middle and the white point. Click OK. If you want to redo your selection, change\u00a0the left stop back to black and the right to white and make a new selection.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

7. Make any final adjustments using the Brightness and Contrast <\/strong>Adjustment Layer<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

There are many reasons why you would want to make a monochromatic version of an image – some reasons may be that the color scheme of a selected photo doesn’t work with the other colors of a layout, or that … Continue reading →<\/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":[5],"tags":[4],"class_list":["post-2304","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-photoshop-tutorials"],"_links":{"self":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/2304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2304"}],"version-history":[{"count":12,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/2304\/revisions"}],"predecessor-version":[{"id":2329,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/2304\/revisions\/2329"}],"wp:attachment":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2304"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}