{"id":17854,"date":"2017-01-31T14:00:21","date_gmt":"2017-01-31T22:00:21","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=17854"},"modified":"2017-01-31T12:48:12","modified_gmt":"2017-01-31T20:48:12","slug":"tutorial-tuesday-photoshop-elements-21","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2017\/01\/tutorial-tuesday-photoshop-elements-21\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"<p><strong>Only the Shadows Knows&#8230; Take TWO<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17855\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-5-500x17.jpg\" alt=\"\" width=\"500\" height=\"17\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-5-500x17.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-5-768x26.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-5.jpg 783w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Holy moly! Where did January go? I don&#8217;t know about you, but the older I get, the faster time flies.<\/p>\n<p>Two weeks ago I showed you one way to work around PSE&#8217;s blah shadows by cutting and pasting it onto its own layer so it can be tweaked to look more real. Today I want to show you another way to do that, along with a quick little trick for adding even MORE realism to your images. If you&#8217;re thinking you&#8217;ve already seen this tut, you\u00a0<strong>are<\/strong> experiencing a little bit of\u00a0<em>d\u00e9j\u00e0-vu<\/em> but only that I&#8217;ve made this layout do double duty. (Remember, it&#8217;s a lot better to <strong>W<\/strong>ork <strong>S<\/strong>mart <strong>N<\/strong>ot<strong>\u00a0H<\/strong>ard &#8211; WSNH!) I&#8217;m using this lovely ribbon and a paper from <a href=\"https:\/\/store.gingerscraps.net\/Seatrout-Scraps\/\"><strong>Seatrout Scraps<\/strong><\/a>&#8216; gorgeous <strong>Linen and Lace<\/strong> collection (retired).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17856\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/1-4-500x281.jpg\" alt=\"\" width=\"500\" height=\"281\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/1-4-500x281.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/1-4-768x432.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/1-4.jpg 800w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I decided I wanted to play with this ribbon after I&#8217;d already constructed my layout, so to see what was happening to it, I turned off visibility of all the other layers as you can see in the screenshot below. Then I clicked on the <strong>Layer thumbnail<\/strong> in the <strong>Layers panel<\/strong> to get my marching ants around the ribbon.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17857\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-5-500x239.jpg\" alt=\"\" width=\"500\" height=\"239\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-5-500x239.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-5.jpg 706w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Then I clicked on that little circle icon at the top of the <strong>Layers panel<\/strong> that is half blue and half light gray and has a little triangle next to it. That&#8217;s how you create a <strong>Fill Layer<\/strong> quickly and easily. (WSNH!) I chose <strong>Solid Color<\/strong> and then with the <strong>Color Picker<\/strong> I chose a gray.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17858\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-4-500x223.jpg\" alt=\"\" width=\"500\" height=\"223\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-4-500x223.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-4-768x343.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-4-875x391.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-4.jpg 940w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>In order to play with the shadow, the next step is to <strong>Simplify<\/strong> the layer. You can also rename the layer to help you remember what it is. I&#8217;ll confess I don&#8217;t often bother. Note that for the moment, this shadow layer is still ABOVE the ribbon, which isn&#8217;t visible because it&#8217;s covered up.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17859\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-4-392x500.jpg\" alt=\"\" width=\"392\" height=\"500\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-4-392x500.jpg 392w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-4.jpg 411w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/p>\n<p>Okay, so now we can soften the edges of this new shadow layer, and we&#8217;ll do that with a <strong>Gaussian Blur Filter<\/strong>. Turn the visibility of the ribbon off so you can see exactly what&#8217;s happening.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17860\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/5-4.jpg\" alt=\"\" width=\"399\" height=\"412\" \/><\/p>\n<p>You can see what is happening with your shadow both in the preview pane of the <strong>Gaussian Blur<\/strong> menu and on your layout as you move the slider left or right. Just play with it until you like the way it looks.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17861\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/6-4-500x322.jpg\" alt=\"\" width=\"500\" height=\"322\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/6-4-500x322.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/6-4.jpg 610w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>We haven&#8217;t actually touched on <strong>Blend Modes<\/strong> yet, partly because it&#8217;s a more advanced topic, and partly because we haven&#8217;t done anything needing a <strong>Blend Mode<\/strong>&#8230; until now. The menu for this handy, dandy tweak is found right at the top of the <strong>Layers panel<\/strong> under the other icons we&#8217;ve used before. Shadows look best when they&#8217;re a <strong>Multiply<\/strong> or\u00a0<strong>Linear Burn<\/strong>, which I like better, so I selected that.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17862\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/7-4-424x500.jpg\" alt=\"\" width=\"424\" height=\"500\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/7-4-424x500.jpg 424w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/7-4.jpg 458w\" sizes=\"(max-width: 424px) 100vw, 424px\" \/><\/p>\n<p>To keep working on natural and realistic, I decreased the opacity of my shadow to about 50% of its original appearance.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17863\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/8-3.jpg\" alt=\"\" width=\"476\" height=\"449\" \/><\/p>\n<p>Looks pretty good, right?? Oh wait! We can make it even better! But to do that we need to see the ribbon itself, so turn the visibility for that layer back on, and move the shadow underneath it. WSNH tip: <strong>Ctrl\/CMD+[<\/strong> will do that for you. Then you can shift the shadow according to where your light source is coming from on your other layers.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17864\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-3-500x338.jpg\" alt=\"\" width=\"500\" height=\"338\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-3-500x338.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-3-575x388.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-3-115x77.jpg 115w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-3.jpg 610w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>The next tweak we&#8217;re going to make is to change the colour of the shadow itself. Because let&#8217;s face it, a black or gray shadow isn&#8217;t really what one would see against a pink paper. You can make your shadow colour similar to whatever it&#8217;s falling on by selecting that colour with your eye dropper <strong>Color Picker<\/strong> tool then moving the eye dropper to the right and down to choose a deeper, richer hue of the same colour. Make sense? You can go ahead and choose your colour first but before you move on, <strong><span style=\"text-decoration: underline\">lock the transparency<\/span><\/strong> of your shadow layer by clicking on the icon shown below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17865\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/10-3.jpg\" alt=\"\" width=\"327\" height=\"268\" \/><\/p>\n<p>For my shadow, I chose a colour from the paint splatter I used and then adjusted it as I described above.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17866\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/11-3-500x343.jpg\" alt=\"\" width=\"500\" height=\"343\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/11-3-500x343.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/11-3.jpg 635w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17867\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/12-3-500x362.jpg\" alt=\"\" width=\"500\" height=\"362\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/12-3-500x362.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/12-3.jpg 561w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now, with your shadow layer selected and locked down, click <strong>ALT\/OPT+ Delete<\/strong> and bingo! Your shadow colour is transformed!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17868\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-3-500x287.jpg\" alt=\"\" width=\"500\" height=\"287\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-3-500x287.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-3.jpg 506w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now we can play with how the ribbon touches the paper. So click on the <strong>Image tab<\/strong> then <strong>Transform&gt;Distort<\/strong>. Skew will work, but it doesn&#8217;t give you as much control. To distort your shadow, you&#8217;ll pull or push on the handles as shown in the screenshots below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17869\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-3-428x500.jpg\" alt=\"\" width=\"428\" height=\"500\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-3-428x500.jpg 428w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-3.jpg 438w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/p>\n<p>Pulling will move the shadow out and down in the direction you&#8217;ve chosen, while pushing movies it in and up.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17870\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/15-3-500x281.jpg\" alt=\"\" width=\"500\" height=\"281\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/15-3-500x281.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/15-3-768x432.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/15-3.jpg 800w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>The last thing you have to remember is to link the layers together by clicking on that <strong>little chain symbol<\/strong> so that when you move one, the other moves too. I know it seems like a lot of steps, but you can do all of this in less than a minute once you&#8217;ve got the steps down.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17871\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-3-500x158.jpg\" alt=\"\" width=\"500\" height=\"158\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-3-500x158.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-3-768x243.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-3-875x276.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-3.jpg 1200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>While we&#8217;re talking about shadows and the colour of shadows, a loyal GingerScrapper named <strong>Jen<\/strong> (<strong>hclappy<\/strong> in the gallery and forum) asked about shadowing elements against black or dark coloured papers. Obviously, using a black or dark gray shadow isn&#8217;t going to make much of a visual impact. So when I have a dark background, I&#8217;ll use a slightly brown shadow just to make some differentiation of colour. If you&#8217;re using drop shadow styles, they&#8217;re usually already a brownish shade, but if you find you&#8217;re not seeing them well, you&#8217;ll have to change each layer&#8217;s shadow colour individually. Unfortunately there isn&#8217;t a WSNH trick for that&#8230; I looked. You CAN, however, change one layer style colour then select like items (all your papers or flowers, for example) and shadow them all at once with your new colour by <strong>right-clicking<\/strong> with all your layers selected then selecting <strong>Paste Layer Style<\/strong>. Then it&#8217;s just a matter of tweaking where you see fit to make it all esthetically pleasing. That&#8217;s the goal, after all!<\/p>\n<p>So far there is only one entry into the Tutorial Challenge.\u00a0If you use any of the techniques or tips I\u2019ve shown you this month, post your work to the <strong><a href=\"https:\/\/www.facebook.com\/GingerScraps\/\">GingerScraps Facebook fanpage<\/a> <a href=\"https:\/\/www.facebook.com\/pg\/GingerScraps\/photos\/?tab=album&amp;album_id=10157929607940640\">Challenge Gallery<\/a><\/strong>, or if you\u2019re not a Facebooker, you can post a link in the comments here for me. Then I can enter you into a draw to have your very own personal tutorial right here in February.<\/p>\n<p>Next week, we&#8217;re going to talk about clusters and what to do if you don&#8217;t want to use a template but want an awesome cluster or two. Stay tuned!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17872\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-4-500x19.jpg\" alt=\"\" width=\"500\" height=\"19\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-4-500x19.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-4-575x22.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-4.jpg 586w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Only the Shadows Knows&#8230; Take TWO Holy moly! Where did January go? I don&#8217;t know about you, but the older I get, the faster time flies. Two weeks ago I showed you one way to work around PSE&#8217;s blah shadows by cutting and pasting it onto its own layer so it can be tweaked to [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[92,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-04-11 03:58:14","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\/17854"}],"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=17854"}],"version-history":[{"count":2,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/17854\/revisions"}],"predecessor-version":[{"id":17874,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/17854\/revisions\/17874"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=17854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=17854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=17854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}