{"id":2790,"date":"2021-05-14T21:09:18","date_gmt":"2021-05-14T21:09:18","guid":{"rendered":"https:\/\/www.revolutionsincommunication.com\/viscomm\/?page_id=2790"},"modified":"2025-10-08T02:43:29","modified_gmt":"2025-10-08T02:43:29","slug":"color-sub","status":"publish","type":"page","link":"https:\/\/revolutionsincommunication.com\/viscomm\/color-sub\/","title":{"rendered":"2.10 Color substitution"},"content":{"rendered":"<p><strong>The idea of this exercise<\/strong> is to change the color of an object without changing colors in the rest of the image. Information about the Photoshop approach is here but honestly it&#8217;s quite difficult. Gimp makes this process much, much easier.\u00a0 Let&#8217;s start with Gimp.<\/p>\n<div class=\"credits parbase section\">\n<h3 class=\"credits-container\"><span style=\"color: #993300;\"><strong>GIMP Color replacement\u00a0<\/strong><\/span><\/h3>\n<div id=\"attachment_2999\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2999\" class=\"wp-image-2999 size-medium\" src=\"https:\/\/www.revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-300x200.jpg 300w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-1024x683.jpg 1024w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-768x512.jpg 768w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-1536x1024.jpg 1536w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-2048x1365.jpg 2048w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Zalmon_Read_Barn_back_view-800x533.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-2999\" class=\"wp-caption-text\">Daniel and Esther Bartlett House. Wikimedia Commons. (With thanks)<\/p><\/div>\n<ol>\n<li class=\"credits-container\">You can select the color to be replaced with the rectangle select tool,\u00a0 but it&#8217;s n0t\u00a0 necessary. <a href=\"https:\/\/www.revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-26-at-8.53.12-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-3000 alignright\" src=\"https:\/\/www.revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-26-at-8.53.12-AM-179x300.png\" alt=\"\" width=\"179\" height=\"300\" hspace=\"12\" vspace=\"12\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-26-at-8.53.12-AM-179x300.png 179w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-26-at-8.53.12-AM-610x1024.png 610w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-26-at-8.53.12-AM-476x800.png 476w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-26-at-8.53.12-AM.png 748w\" sizes=\"auto, (max-width: 179px) 100vw, 179px\" \/><\/a><\/li>\n<li><span style=\"color: #444444;\">\u00a0Now open the &#8220;Rotate-Colors Dialog Box&#8221; (<span style=\"color: #800000;\">Colors &gt; Map &gt; Rotate Color<\/span>)\u00a0\u00a0<\/span><\/li>\n<li>This next part is unusual.\u00a0 There are three color wheels with what appear to be &#8220;clock hands&#8221;. Set the upper clock hands so that they match all red that you want to replace. (eg, the red in this barn)<\/li>\n<li>Set the lower clock hands to the color that you want to put in its place. (eg, blue)<\/li>\n<li>Hit &#8220;OK&#8221;<\/li>\n<li>Export your freshly painted barn picture to jpg or png format.<\/li>\n<\/ol>\n<\/div>\n<h3><span style=\"color: #800000;\"><strong>PHOTOSHOP &amp; Photopea\u00a0\u00a0<\/strong><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright  wp-image-4182\" src=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/ColorRange-300x291.png\" alt=\"\" width=\"127\" height=\"123\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/ColorRange-300x291.png 300w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/ColorRange.png 576w\" sizes=\"auto, (max-width: 127px) 100vw, 127px\" \/><\/p>\n<p><strong>To select for color,<\/strong> use the top Select menu and pull down to Color Range (Select &gt; Color Range). You&#8217;ll see this dialogue box pop up. .<\/p>\n<p>With the red portion of the barn selected, hit OK and you&#8217;ll see the selection is still active on the photo. Now open Layer &gt; New Fill Layer &gt; Solid Color and select the color you want. (Here we selected purple.) <span style=\"color: #444444;\">\u00a0The object now appears to be filled with that solid color.<\/span><\/p>\n<p>With the Color fill layer still selected, open the Blending Modes menu in the Layers panel, and click the Color blending mode. The Color blending mode applies the hue and saturation of the new color but retains the brightness of the original color of the object.<\/p>\n<p><a href=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright  wp-image-4183\" src=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn-300x186.png\" alt=\"\" width=\"266\" height=\"165\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn-300x186.png 300w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn-1024x634.png 1024w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn-768x476.png 768w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn-1536x951.png 1536w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn-800x495.png 800w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2025\/10\/PurpleCowBarn.png 1838w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><\/a>This may take some fiddling, and there are other color substitution possibilities in Adobe Photoshop, but this gives you the basic approach.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Optional: Create additional effects with adjustment layers\u00a0<\/strong><\/p>\n<div class=\"text parbase section\">\n<div class=\"text\">\n<ol>\n<li>Click the Create New Adjustment Layer button in the Layers panel, and choose Levels. This adds a Levels adjustment layer.<\/li>\n<li>Drag the Levels adjustment layer below the Color fill layer in the layer group.<\/li>\n<li>Use the Input Levels sliders in the Properties panel to brighten up the object. For example, you can drag the white slider to the left to brighten the object and drag the gray slider farther to the left to increase contrast. These adjustments affect the third component of color\u2014brightness\u2014giving the object with its new color the appearance of texture and shading.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The idea of this exercise is to change the color of an object without changing colors in the rest of the image. Information about the Photoshop approach is here but honestly it&#8217;s quite difficult. Gimp makes this process much, much &hellip; <a href=\"https:\/\/revolutionsincommunication.com\/viscomm\/color-sub\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-2790","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/2790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/comments?post=2790"}],"version-history":[{"count":5,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/2790\/revisions"}],"predecessor-version":[{"id":4184,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/2790\/revisions\/4184"}],"wp:attachment":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/media?parent=2790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}