{"id":47371,"date":"2022-12-13T17:11:32","date_gmt":"2022-12-14T01:11:32","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=47371"},"modified":"2022-12-22T22:23:47","modified_gmt":"2022-12-23T06:23:47","slug":"tutorial-tuesday-photoshop-elements-196","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2022\/12\/tutorial-tuesday-photoshop-elements-196\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"

Coloured and Patterned Shadows<\/strong><\/p>\n

\"\"<\/p>\n

PDF Version : https:\/\/bit.ly\/3HXqGOs<\/a><\/p>\n

When I saw this technique on another site, I was intriqued. The scrapper was using Photoshop<\/strong>, but I knew I could make it work just as well in Elements<\/strong> so I had to prove it to myself. This is the result!<\/p>\n

This tutorial will be a review of how I create custom shadows, but with a twist. It will work best with a white\/light coloured alpha or meaty font against a white or light-coloured solid background. The alpha I used is from the GingerBread Ladies<\/strong><\/a><\/span>‘ Dream Big<\/a><\/span><\/strong> collab and will be part of a layout created with JB Studio’s<\/strong><\/a> Farmhouse Winter<\/strong><\/a><\/span>. My layout was also created with this month’s Challenge<\/strong><\/a><\/span> template from Scrabookcrazy Creations by Robyn<\/span><\/strong><\/a>.<\/p>\n

When I create a title with alphas, I usually put it together on its own canvas so I can easily tweak whatever needs tweaking without the distraction of all the rest of the layout. I usually go with a straight line +\/- some individual height or angle changes for interest. But because this technique is a shadow trick, this time my working title is on an angle. The shadows on the title must lie in the same direction as the rest of the layout and the title will be on an angle on the finished layout. So…<\/p>\n

\"\"<\/p>\n

Typically, once I’ve got the title the way I want it I shadow any overlapping areas and Merge<\/strong> the characters. But you’ll see that I’ve kept each character on its own layer and will keep them separate. This is important for later.*<\/strong><\/span> (If you’re using a font, you may want to put each letter on its own layer. Skip ahead to the *<\/strong><\/span> to see if that’s what you need to do.) The first step to a custom shadow is to Select<\/strong> the outline of the object. CTRL\/CMD>click<\/strong> on the Layer Thumbnail<\/strong> – that little image of what you’ve put on a layer that shows at the left side of the layer in the Layers Panel<\/strong>.<\/p>\n

\"\"<\/p>\n

Next, I add a new blank layer UNDER the working layer. The quickest way to do that is to hold down the CTRL\/CMD key<\/strong> and click<\/strong> on the Create New Layer<\/strong> icon – the one that looks like a sheet of paper with one corner turned up.<\/p>\n

\"\"<\/p>\n

Next, I set the foreground colour in the Color Picker<\/strong> to the colour I want for my shadows. If I’m using a template, I’ll match that to whatever the template designer has used. In this case, it’s just black. Using the Paint Bucket tool<\/strong>, I fill the outline of the letter on the blank layer. This is the Shadow<\/strong> layer.<\/p>\n

\"\"<\/p>\n

Don’t be concerned that you can see a thin rim of black around your letter. It’s not going to make any difference to the final product.<\/p>\n

\"\"<\/p>\n

Here is where this technique departs a bit from my usual custom shadow routine. I made a Copy<\/strong> layer of the SHADOW<\/span>: right-click<\/strong> on the layer and choose Duplicate Layer…<\/strong> then click OK<\/strong> on the pop-up menu. The keyboard shortcut is CTRL\/CMD>J<\/strong>.<\/p>\n

\"\"<\/p>\n

I renamed the two shadow layers; the first, bottom one is Shadow<\/strong>, the top one just below the actual letter is Narrow Shadow<\/strong>. If you want to rename your layers, go to the Layers Panel<\/strong> and double-click<\/strong> on the name of the layer that you can see. Type<\/strong> in what you want it to be called and Enter<\/strong>. Then I turned the visibility<\/strong> of the NARROW SHADOW<\/span> layer off<\/strong>.<\/p>\n

\"\"<\/p>\n

I did this process for each of the letters in my title, creating two shadow layers and turning visibility for the one just underneath the letter itself off.<\/p>\n

\"\"<\/p>\n

Now to give the Shadows<\/strong> an offset, which is a regular step in my custom shadow process: Activate each of the visible, bottom SHADOW<\/span> layers by holding down the CTRL\/CMD<\/strong> key and clicking on each layer all the way up the pile. This lets me move all the Shadows<\/strong> in one movement so they match.<\/p>\n

\"\"<\/p>\n

For the most realistic look all the shadows on a layout lie in the same direction and give dimension to the objects above them. The shadow Styles<\/strong> on the template I used are at 60\u00b0<\/strong> (I flipped the template horizontally, and the shadows flipped too.) To know the exact angle of light on a template double-click on the fx<\/strong><\/em> symbol on one of the template’s layers and it’ll show up in the pop-up.<\/p>\n

\"\"<\/p>\n

Now to soften the Shadows<\/strong>. So far I haven’t found a way to do this step in a batch, so I processed each layer individually. First step is to add a Filter>Blur>Gaussian Blur…<\/strong><\/p>\n

\"\"<\/p>\n

Elements<\/strong> provides a Preview<\/strong> of the Filter<\/strong> effect. If you don’t see anything in the Preview<\/strong> pane, click your cursor on the edge of your Shadow<\/strong>. It’ll appear in the pane. Or you can just watch what’s happening on the canvas. Using the slider, adjust the amount of Blur<\/strong> the Filter<\/strong> adds. I want them to be quite soft, so I used a Radius<\/strong> of 6.5 pixels<\/strong>. Elements<\/strong> also “saves” the settings of the most recent Filter<\/strong> used, which makes it easy to add that Filter<\/strong> to multiple layers. Simply click Filter>Last Filter<\/strong>. The keyboard shortcut for that is CTRL\/CMD>F<\/strong>. One step!<\/p>\n

\"\"<\/p>\n

Next, I changed the Blend Mode<\/strong> to Linear Burn<\/strong>. This mode makes the shadow transparent so the layers below are visible – just like a real shadow!<\/p>\n

\"\"<\/p>\n

Then to tone the harshness down a bit more, I decreased the Opacity<\/strong> of the Shadow<\/strong> layer to 70%<\/strong>. This step is also subject to personal preference. If you try this and 70%<\/strong> doesn’t look good to you, find what does! It can also be further adjusted later.<\/p>\n

\"\"<\/p>\n

This is what the title looks like with each of the Shadow<\/strong> layers Blurred<\/strong> and lightened<\/strong>. I could stop here and be quite happy. But this tutorial is about coloured and patterned shadows, so onward ho!<\/p>\n

\"\"<\/p>\n

Yes. You’re not seeing things. I’m going to Clip<\/strong> a patterned paper to the Shadow<\/strong> layer under my “O”.<\/p>\n

\"\"<\/p>\n

Doesn’t that look neat?<\/p>\n

\"\"<\/p>\n

I Clipped<\/strong> a different*<\/strong><\/span> patterned paper to each letter, using the same paper for the two “E”s and went with the green houndstooth for the ellipsis at the end. If you want to use the same patterned paper for all your letters, you could Merge<\/strong> all the alpha layers\/not separate the characters if using a font then do all of the preceding steps on your title as a unit.<\/p>\n

\"\"<\/p>\n

Okay, so once I had all the Shadows<\/strong> coloured, I decided they looked a little anemic. So I increased the Opacity<\/strong> of each Shadow<\/strong> layer to 80%<\/strong>. That looks better to me.<\/p>\n

\"\"<\/p>\n

Now to add just a tiny bit more definition to that alpha. I’ve made all the Narrow Shadow<\/strong> layers visible again and activated them by CTRL\/CMD>click<\/strong>ing on each layer. A little nudging in the same 60\u00b0<\/strong> direction as the coloured shadows – just a little! – gives each letter an actual shadow.<\/p>\n

\"\"<\/p>\n

Again, they’re pretty sharp and harsh so Filter>Blur>Gaussian Blur<\/strong> first.<\/p>\n

\"\"<\/p>\n

But because these ones are a lot closer to the objects they’re shadowing, the Blur<\/strong> should be less pronounced. I went with a Radius<\/strong> of 3.0 pixels<\/strong>.<\/p>\n

\"\"<\/p>\n

I didn’t need to decrease the Opacity<\/strong> of these shadows. They look just right to me!<\/p>\n

\"\"<\/p>\n

Here’s my finished layout. The technique isn’t really obvious, so you might want to work on a larger scale, with a bit more space around your title if you choose to try this. I’m really pleased with my layout as is.<\/p>\n

<\/p>\n

Five days until the first night of Hanukkah, twelve days until Christmas, thirteen until Kwanzaa and nineteen until next year… is everybody as behind on EVERYTHING as I am? Thinking about it exhausts me. But I have an amusing little anecdote I want to share. On Saturday one of my former coworkers (the very last one I saw before I moved away, to be exact) posted to Facebook that her maternal grandmother had passed away. She linked to her Baba’s obituary. Where’s the fun part, you ask? Well, it turns out we’re RELATED! Distantly and by marriage, but still!! Her maternal great-grandfather’s first wife was my great-grand-aunt’s sister-in-law. There are a couple of other spots where our roots intertwine too, that I’ll be untangling over the next while. We ended up talking on the phone for an hour and a half; she said finding out we’re “cousins” was the best thing to happen to her all month.<\/p>\n

Before I forget… There was a comment on the cardmaking tut from a few weeks back from Lisa<\/strong>. She said she uses Royal Brites Matte Photo<\/strong> paper to print hers. I couldn’t find any locally, but was able to buy some Staples<\/strong> premium matte photo paper and printed my cards with it. OMG!!!! The difference00 is HUGE!! Thanks and a shout-out to Lisa<\/strong>!!<\/p>\n

Next week we’ll be checking out the Challenge Spotlight<\/strong> and the final tutorial of the year is a Quick Trick<\/strong> you’re going to LOVE! See you soon!!<\/p>\n

PDF Version : https:\/\/bit.ly\/3HXqGOs<\/a><\/p>\n

\"\"<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Coloured and Patterned Shadows PDF Version : https:\/\/bit.ly\/3HXqGOs When I saw this technique on another site, I was intriqued. The scrapper was using Photoshop, but I knew I could make it work just as well in Elements so I had to prove it to myself. This is the result! This tutorial will be a review […]<\/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-21 09:20:26","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\/47371"}],"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=47371"}],"version-history":[{"count":6,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/47371\/revisions"}],"predecessor-version":[{"id":47495,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/47371\/revisions\/47495"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=47371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=47371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=47371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}