{"id":13390,"date":"2026-03-24T00:30:00","date_gmt":"2026-03-24T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=13390"},"modified":"2026-03-24T07:57:59","modified_gmt":"2026-03-24T11:57:59","slug":"puffy-words","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/puffy-words\/","title":{"rendered":"Puffy Words"},"content":{"rendered":"\n

Last week\u2019s post was all about an echo effect<\/a><\/strong> on titles. This week I want to talk about some word art. Do you ever look at some of your word art and find it falling flat? I know I\u2019ve written lots of posts about word art. Today I want to talk specifically about layering your word art so it has some dimension. Take a look at the featured image at the top of this post; that certainly doesn\u2019t look flat. And that\u2019s just one form of layered word art. One way that isn\u2019t used a lot but can be fun is to create some puffy words.<\/p>\n\n\n\n

A lot of people don\u2019t like puffy titles. I use them sparingly. However, when it comes to layered word art, I\u2019m a bit more likely to puff up a word or two from time to time. But again, I don\u2019t see too many designers that specifically use puffy words to create dimension in their word art.<\/p>\n\n\n\n

And what I\u2019m about to show you can be done with either the word art you create from scratch or some that has come with a kit.<\/p>\n\n\n\n

Note<\/strong>: The sample layered word art in the featured image is available at DigitalScrapbook<\/a><\/strong>.<\/p>\n\n\n\n

Layered Word Art<\/strong><\/h3>\n\n\n
\n
\"Example<\/figure>\n<\/div>\n\n\n

Before I get started just a reminder; I use Photoshop Elements (PSE) 2024. If you use a different version, some of my screen shots may look different from what you see on your screen.<\/p>\n\n\n\n

Note<\/strong>: The word art in the image above is made with elements and a paper from \u201cBeach Breezes<\/a><\/strong>\u201d by Jessica Dunn of The Curio Pantry. Fonts used: Bentham<\/a><\/strong> & Special Elite<\/a><\/strong>.<\/p>\n\n\n\n

When I use the term \u201clayered word art\u201d I\u2019m not simply referring to the single word that you see in the image directly above which is layered over a background of sorts. Layered word art comes in many forms. One form can be seen in the featured image at the top of this post.<\/p>\n\n\n\n

Then there is the \u201cmulti-type\u201d version of word art that I use a lot which looks something like this:<\/p>\n\n\n

\n
\"Multi-Type<\/figure>\n<\/div>\n\n\n

That particular piece of word art is from a pack created by Katie Pertiet Designs<\/a><\/strong>. Another is this \u201cmulti-size\u201d version:<\/p>\n\n\n

\n
\"Multi-Size<\/figure>\n<\/div>\n\n\n

The word art directly above is from \u201cOcean Bits<\/a><\/strong>\u201d by Marisa Larin.<\/p>\n\n\n\n

The image at the top of this section is some word art I created to give you an example that is more along the lines of what a lot of designers call layered word art. That type of layered word art frequently involves dimensional text of some sort layered over\/with either elements (i.e. flowers, paint or transfers) or merely placed over a background shaped like the word(s).<\/p>\n\n\n\n

My example specifically has a puffy word. And today I\u2019ll be walking you through the steps required to create something similar \u201cfrom scratch\u201d.<\/p>\n\n\n\n

I\u2019m going to start by creating a new 12×12 file with a white base in PSE:<\/p>\n\n\n

\n
\"White<\/figure>\n<\/div>\n\n\n

I have a layout in process and I know what quote I want to use for the word art (or at least I think I do \ud83d\ude09). So, I\u2019m going to set my Foreground color chip to a shade of deep blue (#1f3b4c) that will go well with my layout.<\/p>\n\n\n\n

I\u2019m also going to be using the fonts mentioned above: Bentham Regular and Special Elite Regular (links above). You don\u2019t have to feel obligated to use these fonts. Feel free to use any fonts you like.<\/p>\n\n\n\n

I then grab the Horizontal Type tool and select the Bentham Regular font, set the Size to 125pt, the Leading to Auto and the Tracking to zero. The color is already set to the shade of blue I used for my Foreground color chip.<\/p>\n\n\n\n

I position the cursor somewhere near the center of the file and click once. I then type my \u201ckey word\u201d and click the checkmark to commit the type:<\/p>\n\n\n

\n
\"Dreams\"<\/figure>\n<\/div>\n\n\n

Note<\/strong>: You can use any color and placement of text that you like.<\/p>\n\n\n\n

I then click somewhere on the white base and once again grab the Type tool. This time I select the Special Elite Regular font, set the Size to 30pt, the Leading to Auto and the Tracking to zero. The color is still set to the same shade of blue.<\/p>\n\n\n\n

I\u2019ll be using two other lines of text for my word art; one above my key word and one below. For the first line, I position the cursor somewhere above and about an inch or so left of the word \u201cdreams\u201d and type my first line and click the checkmark to commit.<\/p>\n\n\n\n

For the second line, I position the cursor somewhere below and just slightly left of the word \u201cdreams\u201d and type my second line and click the checkmark to commit:<\/p>\n\n\n

\n
\"Other<\/figure>\n<\/div>\n\n\n

I want the word \u201cdreams\u201d to be the focal point of this word art. Right now, it\u2019s larger and shows up nicely but it still just looks flat. That\u2019s where the \u201cpuffy\u201d part of this technique comes in\u2026<\/p>\n\n\n\n

Puff It Up<\/strong><\/h3>\n\n\n\n

I\u2019m going to duplicate the dreams text layer (duplicate is named dreams copy) and hide the original. I do this simply so I can keep a copy of the original, unaltered text. I\u2019m going to add a bevel to the dreams copy layer.<\/p>\n\n\n\n

Before I do that, I want to say one thing. In my experience I tend to be happier using a standard PSE Bevel layer style rather than creating one from scratch. Anytime I use a PSE bevel it just looks nicer and somehow a bit more pronounced than ones I try to create even if I use the same lighting, direction and size.<\/p>\n\n\n\n

Here\u2019s an example of what I\u2019ve run into in the past:<\/p>\n\n\n

\n
\"Differing<\/figure>\n<\/div>\n\n\n

It could just be me, but I see a fairly noticeable difference when using the PSE bevel. So, for now that\u2019s the way I\u2019m going to go.<\/p>\n\n\n\n

With that said, I ensure the dreams copy layer is active and I click the Styles icon at the bottom of the Layers Panel. PSE opens the set of layer styles I last used. I then scroll all the way to the top and look for the standard PSE Bevels layer styles:<\/p>\n\n\n

\n
\"Bevels<\/figure>\n<\/div>\n\n\n

I select the Simple Inner bevel (farthest on the left in the second row):<\/p>\n\n\n

\n
\"Simple<\/figure>\n<\/div>\n\n\n

PSE applies the style to the text. I then go back to the Layers Panel and double click the fx<\/em><\/strong> icon on the right side of the dreams copy layer.<\/p>\n\n\n\n

PSE opens the Style Settings dialog box and I set the Lighting Angle to 120 degrees. I then check the Drop Shadow box and set the color chip to match the same shade of blue (#1f3b4c) I used for the text, set the Size to 15, Distance to 10 and Opacity to 50%. Under the Bevel options I leave the Direction set to Up but change the size to 50px:<\/p>\n\n\n

\n
\"Style<\/figure>\n<\/div>\n\n\n

I click OK to confirm and zoom in just a bit so you can better see the change:<\/p>\n\n\n

\n
\"Dreams<\/figure>\n<\/div>\n\n\n

This certainly puffed the word up just enough to make it look more dimensional. But I do think it still needs a second layer to give it a bit more of a boost.<\/p>\n\n\n\n

Note<\/strong>: If you\u2019d rather create a bevel \u201cfrom scratch\u201d please feel to do so. Just go to the top tool bar and select Layer->LayerStyle->Style Settings. Then set the Drop Shadow and Bevel settings to the exact values I used above.<\/p>\n\n\n\n

Add Second Layer<\/strong><\/h3>\n\n\n\n

With the dreams copy layer active, I Ctrl-Click on the thumbnail of the layer to create a selection. I then go to the top tool bar and click Select->Modify->Expand. PSE opens the Expand Selection dialog box and I set the Expand By value to 23px and click OK:<\/p>\n\n\n

\n
\"Selection<\/figure>\n<\/div>\n\n\n

I then click on the white background to make it the active layer. In the Layers Panel, I click on the Create a new Layer icon. PSE creates that new layer (Layer 2 for me) directly above the white background. I\u2019m going to set my Foreground color chip to a shade of blue (#98abbb) that will work well with my current project.<\/p>\n\n\n\n

Then I press Alt+Backspace to fill the selection with the Foreground Color and cancel the selection (Esc or Ctrl+D):<\/p>\n\n\n

\n
\"Second<\/figure>\n<\/div>\n\n\n

Ensuring Layer 2 is still active, I go to the top tool bar and select Layer->Layer Style->Style Settings. PSE opens the Style Settings dialog box and I set the Lighting Angle to 120 degrees. I then check the Drop Shadow box and set the color chip to match the same shade of blue (#1f3b4c) I used for the text, set the Size to 15, Distance to 10 and Opacity to 50%:<\/p>\n\n\n

\n
\"Layer<\/figure>\n<\/div>\n\n\n

I really like how this adds just the right amount of dimension. The key word stands out, is clearly the “focus” word but does not seem overly distracting.<\/p>\n\n\n\n

Note<\/strong>: Typically, word art with a second layer like this will result in no gaps between letters on that second layer. If you see gaps, you can do one of two things; start over and decrease the tracking of the original text. Or, actually the easier thing is to increase the amount by which you expand the selection around the text before creating that second layer.<\/p>\n\n\n\n

I can now go on to add another extra touch by clipping a paper to the puffy text. I\u2019m going to pull in a nice plaid paper that I think might work well with the colors I\u2019ve already used:<\/p>\n\n\n

\n
\"Plaid<\/figure>\n<\/div>\n\n\n

Note<\/strong>: This paper is from \u201cOceans<\/a><\/strong>\u201d by WendyP Designs. You can use any paper that suits your project.<\/p>\n\n\n\n

All I have to do is clip it to the dreams copy layer:<\/p>\n\n\n

\n
\"Completed<\/figure>\n<\/div>\n\n\n

Well, that certainly added a boost to the puffy word! So, you can see, there\u2019s more than one way to add dimension to the text.<\/p>\n\n\n\n

I can now either move\/copy all of the required layers (all text layers and the plaid paper) to a layout in process. Or I could just hide the white background, crop the file to size and save this word art as a PNG file with a unique name for use at a later time.<\/p>\n\n\n\n

Note<\/strong>: Clipping a paper to the text is totally optional. You can try things both ways and decide for yourself which way works best for your project.<\/p>\n\n\n\n

And here\u2019s the layout where I used the puffy words effect on my word art:<\/p>\n\n\n

\n
\"Follow<\/figure>\n<\/div>\n\n\n

You may have noticed the word Dreams in this layout is not the same as what I showed at the start. I used a different font (Geographica Script Regular<\/a><\/strong>) and did not clip paper to it in the end.<\/p>\n\n\n\n

If you\u2019d like to see more details about this layout you can find it in my 2026 Gallery<\/a><\/strong>. The title of this layout is \u201cFollow Your Dreams\u201d.<\/p>\n\n\n\n

Existing Word Art<\/strong><\/h3>\n\n\n\n

Now, if you remember back at the very beginning, I mentioned you can add dimension not just to text but also to a piece of purchased word art.<\/p>\n\n\n\n

I have this lovely piece of word art from \u201cLighthouse<\/a><\/strong>\u201d by Manu Scraps:<\/p>\n\n\n

\n
\"Purchased<\/figure>\n<\/div>\n\n\n

I want to add dimension to the word \u201cStorm\u201d. Before I do anything to modify this word art, I need to simplify the layer.<\/p>\n\n\n\n

With the Polygonal Lasso tool, I create a selection around just that part of the word art:<\/p>\n\n\n

\n
\"Word<\/figure>\n<\/div>\n\n\n

I hope you noticed that I did not include the comma. I purposely excluded the comma because I may need to deal with that separately later.<\/p>\n\n\n\n

With the word art layer active I press Shift+Ctrl+J to cut the word \u201cStorm\u201d out of the word art. PSE places the word on a new layer (Layer 3 for me) directly above the word art layer. I hide the original word art, rename the new layer to Storm and zoom in just a bit more:<\/p>\n\n\n

\n
\"Storm<\/figure>\n<\/div>\n\n\n

For demonstration purposes, I am going to leave the word black. Truth be told, it\u2019s not truly black. It\u2019s actually a very, very dark shade of blue (#111924). I could alter the color but it won\u2019t really change how I proceed with creating a puffy word.<\/p>\n\n\n\n

I can now go on to repeat the same steps I used on the word dreams in the prior section. I create the bevel, shadow and second layer. But this time I expanded the selection for the second layer by only 10px vs. the 23px I used above. And here\u2019s the puffy Storm layer:<\/p>\n\n\n

\n
\"Puffy<\/figure>\n<\/div>\n\n\n

I know, right now it looks like the word storm isn\u2019t “black” anymore. Trust me, it hasn’t changed. The highlights in the bevel seem to be picking up a color cast from the second layer. and honestly, I don\u2019t mind that it now looks a bit different.<\/p>\n\n\n\n

Note<\/strong>: I also lowered the intensity of the shadow on the second layer using the following settings: Size=8, Distance=10 and Opacity=35.<\/p>\n\n\n\n

Now, I unhide the original word art layer and zoom out a bit so you can see the full word art:<\/p>\n\n\n

\n
\"Word<\/figure>\n<\/div>\n\n\n

As it turns out, I don\u2019t need to do anything with the original comma. If I had made the second layer (the blue) any bigger I may have needed to adjust the placement of the comma. But I think it looks just fine as is.<\/p>\n\n\n\n

If the comma had been too close to the puffy word, I simply would have cut the comma from the original word art (Shift+Ctrl+J) and nudged it farther away from the puffy word.<\/p>\n\n\n\n

Again, I could also go on to clip a paper to the Storm layer but I think you get the idea. There is one other thing I want to share before I let you go for the day.<\/p>\n\n\n\n

Multi-Type Word Art<\/strong><\/h3>\n\n\n\n

Not all purchased word art will be as easy to work with as that last piece. The word \u201cStorm\u201d was not touching any other portions of the word art and it was easy to isolate that individual word. But don\u2019t be afraid to tackle a piece of word art where that\u2019s not the case.<\/p>\n\n\n\n

Let\u2019s take a look at that \u201cmulti-type\u201d version of word art I showed you earlier:<\/p>\n\n\n

\n
\"Time<\/figure>\n<\/div>\n\n\n

As a reminder, this piece of word art is from a pack created by Katie Pertiet Designs<\/a><\/strong>.<\/p>\n\n\n\n

If I wanted to puff up the \u201cTIME WITH YOU\u201d phrase I can do one of two things. One would be to identify the font used and just type the phrase over top of the original word art.<\/p>\n\n\n\n

The other way is to create a copy of the phrase and remove any unwanted portions of the other text.<\/p>\n\n\n\n

And if you\u2019ve read my \u201cWhat\u2019s That Font<\/a><\/strong>\u201d post from back in May of 2023, you already know you have to do all that just to identify the font. So, one way or the other I will have to \u201cextract\u201d the phrase.<\/p>\n\n\n\n

Up above, the word Storm was easy to isolate (the font used for Storm was Geographica Script Regular<\/a><\/strong>) and I really didn\u2019t need to retype it. The phrase I\u2019m looking at now won\u2019t be quite that easy. But it can still be done it\u2019s just a bit trickier.<\/p>\n\n\n\n

I\u2019ve already created a copy of the phrase, named the new layer Time, hidden the original word art and zoomed in a bit more:<\/p>\n\n\n

\n
\"Time<\/figure>\n<\/div>\n\n\n

I then grabbed the Eraser tool and using a small hard round brush at 100% opacity I brush away all the portions of other text that I want to remove:<\/p>\n\n\n

\n
\"Extraneous<\/figure>\n<\/div>\n\n\n

This was a bit tedious but it will be worth it in the end.<\/p>\n\n\n\n

In order to identify the font, I only need to use one of the words. So, I make a selection around the word \u201cWITH\u201d, copy it to my clipboard (Ctrl+C), create a new file from my clipboard, save the file as a JPG and use that word in a font finder like WhatFontIs<\/a><\/strong>.<\/p>\n\n\n\n

I was able to identify the font as BlackBeard Regular<\/a><\/strong>. Now I have a choice, I can either type the phrase over the original word art and try to get it to line up exactly, or just use the Time layer and puff up the phrase the same way I did above with the word Storm.<\/p>\n\n\n\n

The key to making a decision boils down to a personal choice. If it\u2019s too tricky to get the typed version to align exactly, sometimes the easiest way to go is using the extracted copy.<\/p>\n\n\n\n

In this particular case I can tell you that typing the phrase was not as easy as using the extracted copy. The font was spot on but trying to get the tracking right was a nightmare. I could have made it work but for me, it was just easier to use the extracted version. And here\u2019s how it turned out:<\/p>\n\n\n

\n
\"Time<\/figure>\n<\/div>\n\n\n

I think that worked out just fine. And since there\u2019s so much other text behind, I think it might be a bit distracting to clip a paper to the phrase. I’m afraid it will just make it look a bit too busy.<\/p>\n\n\n\n

Extra Tips<\/strong><\/h3>\n\n\n
\n
\"A<\/figure>\n<\/div>\n\n\n

Clipping a paper to your puffy word is not required. In fact, sometimes I think it can be a distraction. It just depends on how you\u2019re using the word art.<\/p>\n\n\n\n

And there\u2019s also no requirement to add the second layer. There are times when having only the puffy word is just right.<\/p>\n\n\n\n

One thing to think about when setting the tracking for your text is whether you\u2019ll be adding the second layer (solid \u201cbackground\u201d) to your word art. If you are and you don\u2019t want the second layer\u2019s letters to touch, you\u2019ll need to adjust either the tracking of the text or the size of the selection around the text.<\/p>\n\n\n\n

If you\u2019re using purchased word art and want to try typing the portion you want to make puffy, even if you already know the font being used, it can be tricky to mimic the tracking exactly.<\/p>\n\n\n\n

And know this\u2026You do not need anybody\u2019s permission to live a creative life. \u2013 Elizabeth Gilbert<\/p>\n\n\n\n

Thanks for reading this week\u2019s Tuesday Tip. Remember, if you have any suggestions or questions please don\u2019t hesitate to “Message Me<\/a><\/strong>“. Check back next week for tips about PSE hijinks. Click \u201cFollow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n

\n
\"Stay<\/figure>\n<\/div>\n\n\n

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

Last week\u2019s post was all about an echo effect on titles. This week I want to talk about some word art. Do you ever look at some of your word art and find it falling flat? I know I\u2019ve written lots of posts about word art. Today I want to talk specifically about layering your word art so it has some dimension. Take a look at the featured image at the top of this post; that certainly doesn\u2019t look flat….<\/p>\n

Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":13389,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_wp_convertkit_post_meta":{"form":"0","landing_page":"","tag":"0","restrict_content":"0"},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-13390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tuesday-tip-day"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/13390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/comments?post=13390"}],"version-history":[{"count":0,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/13390\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media\/13389"}],"wp:attachment":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media?parent=13390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/categories?post=13390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/tags?post=13390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}