{"id":39424,"date":"2021-03-30T17:00:21","date_gmt":"2021-03-31T00:00:21","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=39424"},"modified":"2021-04-06T21:38:36","modified_gmt":"2021-04-07T04:38:36","slug":"tutorial-tuesday-photoshop-elements-145","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2021\/03\/tutorial-tuesday-photoshop-elements-145\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"

A 3D Title with Punch!<\/strong><\/p>\n

\"\"<\/p>\n

Thanks again to Ellen<\/strong> (gmae<\/strong>) we have another quick technique that has a great deal of appeal. Magical Scraps Galore<\/a><\/span><\/strong> has a a travel kit with some great title word art in it, called Destinations: Road Trip<\/strong><\/a><\/span>. The title Ellen<\/strong> particularly liked is the Road Trip<\/strong> one, but she wanted to use a different title in the same style. She messaged me that she tried to get this figured out on her own and eventually succeeded, but she knew there had to be a better way than stumbling around experimenting and undoing for hours. After all, that’s what I’m here for. \ud83d\ude42 After a little thought and (not very much) experimentation, I can tell you, this does the trick and it’s not a ton of work. So let’s get started!<\/p>\n

\"\"<\/p>\n

For this little demo I’m using a pretty striped yellow alpha from the GingerBread Ladies<\/strong><\/a><\/span>‘ Sunny Days<\/strong><\/a><\/span> collab. You can absolutely use a font if you choose, but each individual letter will need to be on its own layer. I opened up a 12×12 document on my workspace.<\/p>\n

\"\"<\/p>\n

The first step is to create a elliptical shape to give the lower curve to the title. I pulled out a Custom Shape<\/strong> ellipse as shown. Whatever colour you have in your foreground is fine; I just had white already there. The ellipse should be slim and long, a sort of cigar-shape.<\/p>\n

\"\"<\/p>\n

Remember, Custom Shapes<\/strong> are Smart Objects<\/strong>, meaning the pixels in it are locked and there’s not much you can do with them as is. I’ll be manipulating this shape so I right-clicked<\/strong> on the layer and hit Simplify Layer<\/strong>.<\/p>\n

\"\"<\/p>\n

I want a Copy<\/strong> of the ellipse, which can be achieved in two ways: right-click on the layer and hit Duplicate Layer<\/strong> (then click OK on the pop-up menu), or simply by CTRL\/CMD>J<\/strong>.<\/p>\n

\"\"<\/p>\n

I enlarged the second ellipse quite a lot. My title only has 6 letters, but it’s still going to need some room.<\/p>\n

\"\"<\/p>\n

I opened up a new blank layer on top of the larger ellipse by clicking on the sheet-of-paper icon<\/strong> at the top left of the layers panel, then I CTRL\/CMD>clicked<\/strong> on the ellipse’s layer thumbnail (that little picture at the left side of the layer in the layers panel) to Select<\/strong> the edge of the ellipse. Boom Marching ants.<\/p>\n

\"\"<\/p>\n

With the BLANK<\/span> layer active and a contrasting colour in the foreground, I hit Edit>Stroke (Outline) Selection<\/strong>.<\/p>\n

\"\"<\/p>\n

This Stroke<\/strong> can go wherever. I just had Inside<\/strong> already selected and it’s not important for this step. I want the Stroke<\/strong> to be easily seen so I have black and 10 pixels<\/strong> set.<\/p>\n

\"\"<\/p>\n

Now that I have a visible outline of the large ellipse on its own layer, the larger ellipse has served its purpose and can be Deleted<\/strong>. Right-click>Delete Layer<\/strong> or simply CTRL\/CMD>D<\/strong>.<\/p>\n

\"\"<\/p>\n

These two layers will be the guide for positioning my letters. They will sit on the edge of the smaller ellipse and stretch to touch the edge of the larger ellipse. To get that flare at the end of the title, the smaller solid ellipse needs a tilt.<\/p>\n

\"\"<\/p>\n

After I looked at the gap for a minute or so, I decided the flare needed some more adjustment so I tilted the larger ellipse a bit in the opposite direction.<\/p>\n

\"\"<\/p>\n

I have my guides in place, so now I can add my letters. For this step I’m just going to put them all on the canvas and position them so the bottoms are touching the solid, smaller ellipse.<\/p>\n

\"\"<\/p>\n

As I’m placing them into the gap, I’m Resizing<\/strong> so the top is touching the edge of the larger ellipse.<\/p>\n

\"\"<\/p>\n

Once all the letters were inside the gap, I took a long look at them. I could just stop here and have an interesting and eye-catching title.<\/p>\n

\"\"<\/p>\n

If you’re still with me, I’m now going to Image>Transform>Distort<\/strong> each letter so that they more closely follow the contours of my guides.<\/p>\n

\"\"<\/p>\n

All I’ve done is Move<\/strong> the corners of the Bounding Box<\/strong> so that they’re touching the edges of each ellipse. You can see that the sides of the Bounding Box<\/strong> have remained perpendicular to the bottom of the page.<\/p>\n

\"\"<\/p>\n

To review: Image>Transform>Distort<\/strong>…<\/p>\n

\"\"<\/p>\n

then move the corners of the Bounding Box<\/strong> so they touch the edges of the ellipses. Don’t change the orientation of the letter.<\/p>\n

\"\"<\/p>\n

Here you can see what I mean about the length of your title related to the size of your ellipses. After all the letters have been placed, the ellipse layers can be deleted.<\/p>\n

\"\"<\/p>\n

Now onward to getting that 3D look! Add a blank layer UNDER<\/span> the first letter. You can start with it on top by clicking on the sheet-of-paper<\/strong>, and then move it down. Or you can hold down the CTRL\/CMD<\/strong> key and click on the sheet-of-paper<\/strong> and it’s just go there by itself. With the BLANK<\/span> layer active, CTRL\/CMD>click<\/strong> on the first letter’s layer thumbnail to Select<\/strong> the edge.<\/p>\n

\"\"<\/p>\n

Next I’m going to enlarge the selected area: Select>Modify>Expand…<\/strong> and my BLANK<\/span> layer is still the active layer.<\/p>\n

\"\"<\/p>\n

The pop-up menu is asking how much to Expand<\/strong> my Selection<\/strong>. 10 pixels<\/strong> is about right.<\/p>\n

\"\"<\/p>\n

And there it is. See how the marching ants have moved away from the letter’s edge? Verifying… on the BLANK<\/span> layer, now I’ll Fill<\/strong> that selected area using pure white and the Paint Bucket tool<\/strong>.<\/p>\n

\"\"<\/p>\n

The real 3D look comes from adding shadows to each layer. I used some shadow styles from Karen Schulz<\/strong><\/a><\/span>. You can find them here<\/strong><\/a><\/span>.<\/p>\n

\"\"<\/p>\n

Let’s review again. Open a new blank layer under the next letter. CTRL\/CMD>click<\/strong> on the layer thumbnail for the next letter to Select<\/strong> the edge. Select>Modify>Expand<\/strong> the Selection<\/strong> by 10 pixels<\/strong>. Fill<\/strong> the new Selection<\/strong> with white on the BLANK<\/span> layer.<\/p>\n

\"\"<\/p>\n

This 10 pixel<\/strong> setting will be saved until you change it, or exit from the software, although that doesn’t always reset it to the default. You can keep the Paint Bucket tool<\/strong> active as you work through the letters, which really saves time.<\/p>\n

\"\"<\/p>\n

When all the letters have been shadowed, my title is essentially done.<\/p>\n

\"\"<\/p>\n

I’ll make sure when I move the letters that I’ve got both layers active, otherwise I’ll be messing it up. The nice part about using a shadow Style<\/strong> is that any changes I make to the layers now will be followed by the Style<\/strong>. That’s to say, the lighting angle, size and opacity will stay the same. (Did you notice I missed a couple of my layers when I was Shadowing<\/strong>? I went back and Copied<\/strong> the Style<\/strong> onto those layers.)<\/p>\n

\"\"<\/p>\n

If there are overlapping letters, I’ll shift them a bit so there’s a space between each. There was an overlap at the R and the I, so I’ve “kerned” them.<\/p>\n

\"\"<\/p>\n

When I was happy with the way my title looked, I Activated<\/strong> all the layers so I could Merge<\/strong> them into a single layer to make using the title easier. Merging<\/strong> can be done either by right-clicking on one of the Active<\/strong> layers and hitting Merge Layers<\/strong>, or by CTRL\/CMD>E<\/strong>.<\/p>\n

\"\"<\/p>\n

And it’s done.<\/p>\n

\"\"<\/p>\n

Is that what you were looking for, Ellen<\/strong>?<\/p>\n

Here is the PDF version of this tutorial : https:\/\/bit.ly\/3sVF93i<\/a><\/p>\n

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

A 3D Title with Punch! Thanks again to Ellen (gmae) we have another quick technique that has a great deal of appeal. Magical Scraps Galore has a a travel kit with some great title word art in it, called Destinations: Road Trip. The title Ellen particularly liked is the Road Trip one, but she wanted […]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[229,102,284,92,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-04-14 11:17:00","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\/39424"}],"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=39424"}],"version-history":[{"count":4,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/39424\/revisions"}],"predecessor-version":[{"id":39610,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/39424\/revisions\/39610"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=39424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=39424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=39424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}