{"id":53076,"date":"2024-05-14T15:53:57","date_gmt":"2024-05-14T22:53:57","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=53076"},"modified":"2024-05-16T21:13:00","modified_gmt":"2024-05-17T04:13:00","slug":"tutorial-tuesday-photoshop-elements-230","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2024\/05\/tutorial-tuesday-photoshop-elements-230\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"<p><strong>Recolouring Word Art with Gradient Maps<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52775\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_blog_TeachYouIWill_Header-500x17.jpg\" alt=\"\" width=\"600\" height=\"21\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_blog_TeachYouIWill_Header-500x17.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_blog_TeachYouIWill_Header-768x26.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_blog_TeachYouIWill_Header.jpg 783w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>PDF Version : <a href=\"https:\/\/bit.ly\/3wGloE0\">https:\/\/bit.ly\/3wGloE0<\/a><\/p>\n<p>We&#8217;ve talked about recolouring embellishments, word art and brushes before and I&#8217;ve shown you a variety of ways to accomplish that goal. One that we haven&#8217;t ever looked at is using <strong>Gradient Maps<\/strong>. Today we&#8217;re only going to talk about recolouring word art, but they&#8217;re pretty powerful tools for photo effects too.<\/p>\n<p>But first&#8230; what the heck is a <strong>Gradient Map<\/strong>? Here&#8217;s a direct quote from <strong>Essential Photoshop<\/strong> (it also applies to <strong>Elements<\/strong>): &#8220;<em><strong>Gradient Map<\/strong> is a\u00a0<strong>tool in Adobe Photoshop that allows you to apply a gradient effect over an image<\/strong>. It works by mapping different shades of gray tones in your image to colors defined by a gradient bar. This creates an effect where the highlights and shadows are transformed into specific colors without affecting other details in the image.&#8221; <\/em>Let&#8217;s see how it works<em>.\u00a0<\/em>I&#8217;m going to use this title word art from <strong>Word Art World<\/strong>. I&#8217;ve made several copies of the word art and isolated the big words, afternoon and park, onto their own layers by <strong>Erasing<\/strong> everything else on that layer. I have one untouched original layer just in case I mess it up; it&#8217;s not visible. This will let me selectively recolour the words.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53077\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/1-1-500x225.jpg\" alt=\"\" width=\"600\" height=\"271\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/1-1-500x225.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/1-1-768x346.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/1-1-1536x693.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/1-1-875x395.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/1-1.jpg 1619w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>This is only a sample so my colour choices are arbitrary; if I was going to use this word art title on a layout, I could choose colours from my photos or from the kit I&#8217;d be using to create a cohesive look. When I think about &#8220;park&#8221;, I see grass, trees, water and light in my mind&#8217;s eye. So I think I should colour the word park green. As you can see, I&#8217;ve used the <strong>Paint Bucket Color Picker<\/strong> to set the foreground colour to a spring green.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53078\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/2-1-500x246.jpg\" alt=\"\" width=\"600\" height=\"296\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/2-1-500x246.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/2-1-768x378.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/2-1-875x431.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/2-1.jpg 1252w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Next, I toggled the <strong>Color Picker<\/strong> (click the <strong>X<\/strong> key to toggle between foreground and background) and chose a more yellow-y green. These two colours will form my <strong>Gradient<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53079\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/3-1-500x240.jpg\" alt=\"\" width=\"600\" height=\"288\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/3-1-500x240.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/3-1-768x369.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/3-1-875x420.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/3-1.jpg 1265w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Next I clicked on the icon that looks like a circle half blue and half gray, at the top of the <strong>Layers Panel<\/strong>, which is the <strong>Add<\/strong> <strong>Fill\/Adjustment Layer<\/strong> button. From the drop down menu I chose <strong>Gradient Map&#8230;<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53080\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/4-1-500x265.jpg\" alt=\"\" width=\"600\" height=\"319\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/4-1-500x265.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/4-1-768x408.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/4-1-875x464.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/4-1.jpg 1443w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>See the new addition to the work space? That&#8217;s the <strong>Gradient Map<\/strong> <strong>adjustment panel<\/strong>. The colour bar shows the two shades of green I chose, gradually shifting from one value to the other. At this point the <strong>Gradient Map layer<\/strong> is affecting all the layers, but that&#8217;s easily fixed, so we can ignore it for now.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53081\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/5-1-500x264.jpg\" alt=\"\" width=\"600\" height=\"317\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/5-1-500x264.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/5-1-768x406.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/5-1-875x462.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/5-1.jpg 1511w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>One easy way to adjust the <strong>Gradient Map<\/strong> is to simply <strong>Reverse<\/strong> it. Now the colour bar has the light and darker colours swapped. It&#8217;s easy to see the difference between the two screenshots. Remember that <strong>Elements<\/strong> has created a grayscale copy of the word and has applied the colour based on a mathematical algorithm. If you don&#8217;t love it <strong>Reversed<\/strong>, untick the box.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53082\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/6-1-500x270.jpg\" alt=\"\" width=\"600\" height=\"324\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/6-1-500x270.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/6-1-768x414.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/6-1-875x472.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/6-1.jpg 1441w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Another option is to change the <strong>Blend Mode<\/strong>. This will take a little experimentation to find the look I want, so I ran the list. I like the grungy look I get with <strong>Vivid Light<\/strong>, so that&#8217;s where I stopped.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53083\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/7-1-500x312.jpg\" alt=\"\" width=\"600\" height=\"375\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/7-1-500x312.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/7-1-768x480.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/7-1-875x546.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/7-1.jpg 1265w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>I also tested adjusting the <strong>Opacity<\/strong> and decided I liked <strong>100%<\/strong> best. Now I can <strong>Clip<\/strong> my <strong>Gradient Map<\/strong> to the PARK layer. <strong>Right-click<\/strong> on the <strong>Gradient layer<\/strong> then choose <strong>Create Clipping Mask<\/strong>. Or use the keyboard shortcut <strong>CTRL\/CMD&gt;G<\/strong> for <strong>PSE14 and earlier<\/strong> versions, <strong>CTRL\/CMD&gt;ALT\/OPT&gt;G<\/strong> for <strong>PSE15 and more\u00a0 recent<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53084\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1-500x335.jpg\" alt=\"\" width=\"600\" height=\"402\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1-500x335.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1-768x515.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1-865x580.jpg 865w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1-235x156.jpg 235w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1-262x175.jpg 262w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1-115x77.jpg 115w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/8-1.jpg 1445w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Now I&#8217;ll do the AFTERNOON layer. Notice that the <strong>Adjustment<\/strong> panel is empty. It&#8217;ll populate again once I click on the <strong>Add Adjustment Layer <\/strong>button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53085\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/9-1-500x272.jpg\" alt=\"\" width=\"600\" height=\"326\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/9-1-500x272.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/9-1-768x417.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/9-1-875x475.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/9-1.jpg 1441w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>This tool is so much fun to play with! What do you think the <strong>Gradient Map<\/strong> will look like for this colour combo?<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53086\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/10-1-500x272.jpg\" alt=\"\" width=\"600\" height=\"326\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/10-1-500x272.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/10-1-768x418.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/10-1-875x476.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/10-1.jpg 1436w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Well, it&#8217;s pretty orange. <strong>Clicking<\/strong> on the <strong>colour bar<\/strong> itself opens up this <strong>adjustment panel<\/strong>. The sliders start out at the ends of the adjustment bar, and as you move them, you can watch the effect they have on the image. I&#8217;ve got the <strong>Reverse<\/strong> box ticked, but I&#8217;d still like a bit more magenta to show.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53087\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/11-1-500x278.jpg\" alt=\"\" width=\"600\" height=\"333\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/11-1-500x278.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/11-1-768x427.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/11-1-1536x853.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/11-1-875x486.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/11-1.jpg 1573w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>It&#8217;s very hard to see the bits of magenta that show in this screenshot, but if you&#8217;re viewing in <strong>PDF<\/strong>, you can <strong>Zoom<\/strong> in and check it out.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53088\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/12-1-500x367.jpg\" alt=\"\" width=\"600\" height=\"440\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/12-1-500x367.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/12-1-768x563.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/12-1-791x580.jpg 791w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/12-1.jpg 1200w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Now I&#8217;ve got all the layers recoloured and the <strong>Gradient Maps<\/strong> are all <strong>Clipped<\/strong> to the appropriate layers. All that&#8217;s left is to <strong>Merge<\/strong> the layers and add the title to a layout!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-53089\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/13-1-500x243.jpg\" alt=\"\" width=\"600\" height=\"291\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/13-1-500x243.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/13-1-768x373.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/13-1-1536x746.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/13-1-875x425.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/05\/13-1.jpg 1614w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>As I mentioned above, this tool is FABULOUS for adding colour to <strong>Brushes<\/strong>. I have some grungy alpha brushes that I played with first and other than having to put each letter on a separate layer, I loved the effect. I can&#8217;t wait to try it with alphas and other embellishments. What do you think? Would you like to see how <strong>Gradient Maps<\/strong> work with photos, or is that not something you&#8217;d ever do?<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52776\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_footer_Jan-500x19.jpg\" alt=\"\" width=\"600\" height=\"23\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_footer_Jan-500x19.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_footer_Jan-575x22.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/04\/GS_footer_Jan.jpg 586w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recolouring Word Art with Gradient Maps PDF Version : https:\/\/bit.ly\/3wGloE0 We&#8217;ve talked about recolouring embellishments, word art and brushes before and I&#8217;ve shown you a variety of ways to accomplish that goal. One that we haven&#8217;t ever looked at is using Gradient Maps. Today we&#8217;re only going to talk about recolouring word art, but they&#8217;re [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[229,102,284,92,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-04-20 10:31:08","action":"change-status","newStatus":"private","terms":[],"taxonomy":"category"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/53076"}],"collection":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/comments?post=53076"}],"version-history":[{"count":5,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/53076\/revisions"}],"predecessor-version":[{"id":53123,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/53076\/revisions\/53123"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=53076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=53076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=53076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}