{"id":17682,"date":"2017-01-17T13:00:45","date_gmt":"2017-01-17T21:00:45","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=17682"},"modified":"2017-01-16T20:43:46","modified_gmt":"2017-01-17T04:43:46","slug":"tutorial-tuesday-photoshop-elements-19","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2017\/01\/tutorial-tuesday-photoshop-elements-19\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"<p><strong>Yes! You CAN Warp Shadows in PSE!<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17683\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-3-500x17.jpg\" alt=\"\" width=\"500\" height=\"17\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-3-500x17.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-3-768x26.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_blog_TeachYouIWill_Header-3.jpg 783w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Photoshop Elements is a great program for most applications the average digi-scrapper wants to accomplish, but it does have limitations. One of these is that shadows aren&#8217;t on their own layer. That means getting your photos or other objects to look like they&#8217;re lifting off the page isn&#8217;t possible. Or is it&#8230;&#8230;.? Actually, there are a couple of ways to move your drop shadows onto a separate layer and the one I&#8217;m going to show you today is the one I find to be the easiest.<\/p>\n<p>I wanted to have a photo lift at one corner within my layout for the <a href=\"https:\/\/forums.gingerscraps.net\/showthread.php?36113-Mix-it-Up-January-2017\"><strong>Mix It Up challenge<\/strong><\/a> this month. I chose a template created by <strong>Krisztina<\/strong> of <strong><a href=\"https:\/\/store.gingerscraps.net\/Tinci-Designs\/\">Tinci Designs<\/a><\/strong>, found in her <a href=\"https:\/\/store.gingerscraps.net\/Autumn-stories-2..html\"><strong>Autumn Stories V.2<\/strong><\/a> collection. Krisztina&#8217;s templates come pre-shadowed, which makes them especially awesome for beginners.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-17684\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/1-2.jpg\" alt=\"\" width=\"484\" height=\"447\" \/><\/p>\n<p>To start the process of making this photo spot look like it&#8217;s lifting, first I had to move the shadow onto its own layer. To do that, double-click on the little\u00a0<em><strong>fx<\/strong><\/em> icon as shown below. That opens the <strong>Layer Style<\/strong> menu for that layer.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17685\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-3-500x278.jpg\" alt=\"\" width=\"500\" height=\"278\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-3-500x278.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-3-768x426.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-3-875x486.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/2-3.jpg 877w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>It looks like this. By moving the <strong>Distance<\/strong> slider to the right, the shadow is offset &#8211; it moves away from the item.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17686\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-2-394x500.jpg\" alt=\"\" width=\"394\" height=\"500\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-2-394x500.jpg 394w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/3-2.jpg 402w\" sizes=\"(max-width: 394px) 100vw, 394px\" \/><\/p>\n<p>To make the process easier I temporarily changed the angle on the shadow to 180\u00b0, which moved the shadow off to the right of the photo spot. (This step might not be necessary, depending on the size of your item and its location on the page. This photo spot is in the lower left corner, so I was a little restricted in what I could do with it.) You&#8217;ll see that I also set the <strong>distance<\/strong>\u00a0to\u00a0<strong>1000 pixels<\/strong>. This gives me some space between the shadow and the photo spot, which is essential to make this technique work. Once I&#8217;m done moving the shadow to its own layer I&#8217;ll move it back into position at the same angle as the other photo spots.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17687\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-2-500x337.jpg\" alt=\"\" width=\"500\" height=\"337\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-2-500x337.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-2-768x517.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-2-575x388.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-2-115x77.jpg 115w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/4-2.jpg 772w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now that I&#8217;ve set the distance, it&#8217;s time to <strong>Simplify<\/strong> the layer. <span style=\"text-decoration: underline\">VITAL STEP!!<\/span> <strong>Right click<\/strong> on the layer in the <strong>Layers<\/strong> panel and select <strong>Simplify Layer<\/strong>. That effectively eliminates the\u00a0<em><strong>fx<\/strong><\/em> icon so you can manipulate the visible layer on your layout.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17688\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/5-2-500x228.jpg\" alt=\"\" width=\"500\" height=\"228\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/5-2-500x228.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/5-2-768x350.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/5-2-875x399.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/5-2.jpg 989w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Select the <strong>Rectangle Marquee<\/strong> tool then <strong>click and drag<\/strong> a rectangle around the shadow portion of your image as shown.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17689\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/6-2-500x281.jpg\" alt=\"\" width=\"500\" height=\"281\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/6-2-500x281.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/6-2-768x432.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/6-2.jpg 800w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now I&#8217;m\u00a0going to <strong>Cut<\/strong> that shadow away from the photo spot. <strong>Edit&gt;Cut<\/strong> or <strong>CTRL\/CMD+X<\/strong> will do it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17690\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/7-2-500x312.jpg\" alt=\"\" width=\"500\" height=\"312\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/7-2-500x312.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/7-2-768x479.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/7-2.jpg 795w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now <strong>Edit&gt;Paste<\/strong> (<strong>CTRL\/CMD+V<\/strong>) the shadow back onto the layout&#8230; and look! It&#8217;s on its own layer!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17691\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/8-1-500x410.jpg\" alt=\"\" width=\"500\" height=\"410\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/8-1-500x410.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/8-1.jpg 564w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Elements will have put the shadow layer ABOVE the item, so move it down so it&#8217;s underneath where it belongs. You can <strong>click and drag<\/strong> the layer down or <strong>CTRL\/CMD+[<\/strong> will do it for you. Now you can shift the shadow back to its correct angle under the photo\/item.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17692\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-1-500x311.jpg\" alt=\"\" width=\"500\" height=\"311\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-1-500x311.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-1-768x478.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/9-1.jpg 848w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now we&#8217;re getting into the really fun part! Select <strong>Image&gt;Transform&gt;Skew<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17693\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/10-1-500x234.jpg\" alt=\"\" width=\"500\" height=\"234\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/10-1-500x234.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/10-1-768x360.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/10-1-875x410.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/10-1.jpg 1251w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I grabbed the <strong>lower left handle<\/strong> (the little box at the corner) and pulled it to the left. See how the bounding box looks wonky? That&#8217;s the <strong>Skew<\/strong> in action. Then I clicked <strong>OK<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17694\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/11-1.jpg\" alt=\"\" width=\"384\" height=\"475\" \/><\/p>\n<p>There&#8217;s another way of changing the shape of an item. <strong>Image&gt;Transform&gt;Distort<\/strong> give a little more variety to how the shape can be altered.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17695\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/12-1-500x314.jpg\" alt=\"\" width=\"500\" height=\"314\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/12-1-500x314.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/12-1-768x483.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/12-1.jpg 786w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Looking at the new shadow, it looks like the photo is resting on something underneath it and it&#8217;s too umm&#8230; ordinary. So the next step is to nudge the edges of the shadow a little so it&#8217;s closer to the photo in some areas. The <strong>Smudge<\/strong> tool is the way to make that happen. It looks like a finger.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17696\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-1-500x400.jpg\" alt=\"\" width=\"500\" height=\"400\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-1-500x400.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-1-768x614.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-1-725x580.jpg 725w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/13-1.jpg 799w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Using a fairly big setting, <strong>click and drag <\/strong>the<strong> Smudge<\/strong> tool along the edge of the shadow, positioning the tool&#8217;s cursor something like shown below. Don&#8217;t take it all the way to the very end of the shadow though, because then it&#8217;ll have a tail and it&#8217;s not going to make you happy.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17697\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-1-500x273.jpg\" alt=\"\" width=\"500\" height=\"273\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-1-500x273.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-1-768x420.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-1-875x479.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/14-1.jpg 896w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>The image below shows what happens when you get carried away. It&#8217;s very bizarre looking and NOT what I want at all. Rather than try to correct it, I undid (<strong>CTRL\/CMD+Z<\/strong>) back to where I was still liking the look, and then continued.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17698\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/15-1.jpg\" alt=\"\" width=\"422\" height=\"440\" \/><\/p>\n<p>Now that&#8217;s more like it!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17699\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-1-500x399.jpg\" alt=\"\" width=\"500\" height=\"399\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-1-500x399.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/16-1.jpg 566w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>And for that final touch of realism I hit the <strong>Image&gt;Transform&gt;Distort<\/strong> again and pushed the corner of the PHOTO (see that the photo layer is the active one) in just a tiny bit. You can see the <a href=\"https:\/\/gallery.gingerscraps.net\/showphoto.php?photo=276956&amp;title=first-skates&amp;cat=942\"><strong>final result<\/strong><\/a> in the gallery. The effect is subtle but it&#8217;s there.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17700\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/17-1-500x211.jpg\" alt=\"\" width=\"500\" height=\"211\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/17-1-500x211.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/17-1-768x324.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/17-1-875x369.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/17-1.jpg 1248w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Think about how you could apply this new skill to a paper item you&#8217;ve stapled to your layout. You can use the <strong>Smudge<\/strong> tool to bring the shadow in really close to the edge of the paper where the staple is for a much more realistic look. It also lets you make your photo\u00a0look like\u00a0it&#8217;s cupped a little and the centre of the photo is closest to the paper. This technique can be used to adjust shadows for a lot of things other than paper too. Flowers, butterflies, string, ribbon, the sky&#8217;s the limit! Give it a shot and let me know how you like it!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-17701\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-2-500x19.jpg\" alt=\"\" width=\"500\" height=\"19\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-2-500x19.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-2-575x22.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/01\/GS_footer_Jan-2.jpg 586w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yes! You CAN Warp Shadows in PSE! Photoshop Elements is a great program for most applications the average digi-scrapper wants to accomplish, but it does have limitations. One of these is that shadows aren&#8217;t on their own layer. That means getting your photos or other objects to look like they&#8217;re lifting off the page isn&#8217;t [&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-14 10:38:05","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\/17682"}],"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=17682"}],"version-history":[{"count":2,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/17682\/revisions"}],"predecessor-version":[{"id":17703,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/17682\/revisions\/17703"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=17682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=17682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=17682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}