{"id":7080,"date":"2020-05-19T15:47:34","date_gmt":"2020-05-19T15:47:34","guid":{"rendered":"https:\/\/www.martinwatson.com\/NCCTEST\/?page_id=7080"},"modified":"2020-06-08T11:49:48","modified_gmt":"2020-06-08T11:49:48","slug":"downloads-change-the-colour-of-objects-in-your-images","status":"publish","type":"page","link":"https:\/\/www.martinwatson.com\/NCCTEST\/downloads-change-the-colour-of-objects-in-your-images\/","title":{"rendered":"Downloads &#8211; Change The Colour of Objects in Your Images"},"content":{"rendered":"\n<h4 class=\"has-text-align-left wp-block-heading\">Change the colour of objects in your images<\/h4>\n\n\n\n<p>This workshop will introduce you to using layer masks, to make image adjustments.<\/p>\n\n\n\n<p>Please Note: It would be beneficial to read through the whole tutorial before you begin to make yourself aware of the numerous shortcuts that are mentioned, also some paragraphs are cross referenced.<\/p>\n\n\n\n<p class=\"has-text-align-left\">If you would like a print out to read, please follow the links at the end of this workshop.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"has-text-align-right\"><br><strong><em><strong><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ncc-downloads\/\">Return to Workshops<\/a><\/strong><\/em><\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Please note: it is not possible to change the colours black and white using the methods shown in this workshop.<\/p>\n\n\n\n<p>This was a commercial shot I took for a ladies only exercise centre. After the shoot was complete, the customer came back to me, and asked if I could change the colour of the exercise machine cushions. In this workshop I\u2019ll show you how I went about doing this.<\/p>\n\n\n\n<p>For demonstration purposes I\u2019m going to change the cushion colour to \u201cred\u201d.<\/p>\n\n\n\n<p>This is the Image I captured at the photo shoot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"245\" height=\"300\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Start-Image.jpg\" alt=\"\" class=\"wp-image-3982\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Start-Image.jpg 245w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Start-Image-118x144.jpg 118w\" sizes=\"auto, (max-width: 245px) 100vw, 245px\" \/><\/figure>\n\n\n\n<p>Step 1: Make sure you can see your layers pallet. If you are unable to see the layers pallet, Go to Window&gt;Layers, or press F7 on your keyboard.<\/p>\n\n\n\n<p>Step 2: In the layers palette click on the half black and half white circle. This is the \u201ccreate new fill or adjustment layer\u201d icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"343\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-01.jpg\" alt=\"\" class=\"wp-image-3989\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-01.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-01-144x141.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>In the flyout menu, click on, Hue\/Saturation. This will create a \u201cHue\/Saturation 1\u201d layer in the layers palette, and also open the Hue\/Saturation box. In the Hue\/Saturation box leave Edit set to master and adjust the Hue and Saturation sliders to create the colour your require. I used Hue 90, Saturation +40, Lightness 0. This is slightly over saturated, but it is OK for this demonstration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"268\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-02.jpg\" alt=\"\" class=\"wp-image-3990\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-02.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-02-144x110.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>You will notice that the Hue\/Saturation adjustments effect all of the colours in the image. This is not a problem, click OK to accept the adjustments.<br>This is what my image now looks like. I have my red cushion colour, but some strange colours elsewhere.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"430\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-03.jpg\" alt=\"\" class=\"wp-image-3991\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-03.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-03-117x144.jpg 117w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Your layers palette should now look like this, with a new \u201cHue\/Saturation 1\u201d layer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"307\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04.jpg\" alt=\"\" class=\"wp-image-3992\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04-144x126.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Step 3: Click the default \u201cforeground and background colours\u201d icon in the toolbox.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"200\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-05.jpg\" alt=\"\" class=\"wp-image-3993\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-05.jpg 100w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-05-72x144.jpg 72w\" sizes=\"auto, (max-width: 100px) 100vw, 100px\" \/><\/figure>\n\n\n\n<p>Then click the \u201cswitch foreground and background colours\u201d icon, so that black is the foreground colour.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"200\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-06.jpg\" alt=\"\" class=\"wp-image-3975\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-06.jpg 100w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-06-72x144.jpg 72w\" sizes=\"auto, (max-width: 100px) 100vw, 100px\" \/><\/figure>\n\n\n\n<p>Step 4: With the \u201cHue\/Saturation 1\u201d layer active (shown in blue), select the paint bucket tool, (keyboard short cut, G). With the paint bucket tool selected, click the cursor into your image. This will put everything back to the original colours.<\/p>\n\n\n\n<p>Step 5: Now we are going to paint the new cushion colours on. Zoom in on the area of the image where you are going to start painting. The higher the magnification the better, as we need to work to fine edges.<\/p>\n\n\n\n<p>Step 6: Switch your foreground and background colours so white is the foreground,<br>(keyboard short cut, X)<\/p>\n\n\n\n<p>Step 7: Select the paint brush tool, (keyboard short cut, B). Make sure the paint brush options are set to, mode normal, opacity 100% and flow 100%.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"178\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-07.jpg\" alt=\"\" class=\"wp-image-3976\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-07.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-07-144x73.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Step 8: Adjust the brush to a manageable size so you can paint to fine edges. A very useful keyboard short cut to change the brush size, are the square brackets, located to the right of the letter P. The left hand square bracket tool decreases the size of the brush, and the right square bracket increases the brush size.<\/p>\n\n\n\n<p>Step 9: With the \u201cHue\/Saturation 1\u201d layer active (shown in blue) start to paint (using foreground set to white) over the parts of the image where you want to retrieve the colour adjustments we made earlier. Move around the image painting over all the areas where you need to retrieve the colour. Use the square bracket keys to increase and decrease the size of the brush as you go.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"220\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-08.jpg\" alt=\"\" class=\"wp-image-3977\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-08.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-08-144x91.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Another useful short cut to move around an image while zoomed in, is the spacebar on the keyboard. Pressing the spacebar will change your cursor into the hand tool. By holding down the spacebar click and drag your mouse to move the image. This saves zooming and re-zooming into a different part of the image.<\/p>\n\n\n\n<p>Step 10: Below our painting effect is almost complete. But there are a couple of areas where I have slipped with my brush tool. One area is on the arm, the other around the bottom area of the model.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"428\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-09.jpg\" alt=\"\" class=\"wp-image-3978\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-09.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-09-118x144.jpg 118w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>To correct this we need to switch our foreground and background colours, so that black is the foreground, (keyboard short cut, X). With the foreground colour set to black, and the<br>\u201cHue\/Saturation 1\u201d layer active, zoom in, and with a small brush paint over the mistake areas. This will retrieve the original colours.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"246\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-10.jpg\" alt=\"\" class=\"wp-image-3979\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-10.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-10-144x101.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Your image should now be complete.<\/p>\n\n\n\n<p>If you are happy with the colour adjustments you made, then this workshop for you is now completed.<\/p>\n\n\n\n<p>Step 11: If you are unhappy with the colour you choose, this is not a problem, because now it is very easy to change using the \u201cHue\/Saturation 1\u201d adjustment layer. To change the colour, double click on the \u201cHue\/Saturation 1\u201d thumbnail.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"308\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-11.jpg\" alt=\"\" class=\"wp-image-3980\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-11.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-11-144x127.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>This will bring up the Hue\/Saturation box, you can now adjust the Hue and Saturation sliders to create a new colour, and it will only effect the colour in the layer mask. I changed the Hue -30, Saturation +50 and lightness 0 to create a blue colour.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"433\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-12.jpg\" alt=\"\" class=\"wp-image-3981\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-12.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-12-116x144.jpg 116w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>This workshop shows you why you should use layer masks to adjust your images, because if you make mistakes, or would like to make adjustments at a later stage, it makes it very easy to do so.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p> <\/p>\n\n\n\n<p><strong><em><strong>To download a printable version of this workshop, click on the link below<\/strong><\/em><\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/05\/Change-Colours-Workshop.pdf\">Adobe Acrobat Reader<br>(403kB)<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left\"><strong><em><strong><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/downloads-change-the-colour-of-objects-in-your-images\/\">Back to Top<\/a><\/strong><\/em><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right\"><strong><em><strong><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ncc-downloads\/\">Return to Workshops<\/a><\/strong><\/em><\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Change the colour of objects in your images This workshop will introduce you to using layer masks, to make image adjustments. Please Note: It would be beneficial to read through<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/downloads-change-the-colour-of-objects-in-your-images\/\" class=\"readmore\">Continue reading<svg class=\"icon icon-arrow-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-arrow-right\" xlink:href=\"#icon-arrow-right\"><\/use> <\/svg><span class=\"screen-reader-text\">Downloads &#8211; Change The Colour of Objects in Your Images<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-7080","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/7080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/comments?post=7080"}],"version-history":[{"count":5,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/7080\/revisions"}],"predecessor-version":[{"id":10425,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/7080\/revisions\/10425"}],"wp:attachment":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/media?parent=7080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}