{"id":13287,"date":"2026-03-17T00:30:00","date_gmt":"2026-03-17T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=13287"},"modified":"2026-03-17T08:01:24","modified_gmt":"2026-03-17T12:01:24","slug":"echo-effect","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/echo-effect\/","title":{"rendered":"Echo Effect"},"content":{"rendered":"\n

After last week\u2019s post about offset strokes, I thought it might be fun to show you how to create an echo effect using a twist on that technique. Today I\u2019ll once again be using a marquee tool and a stroke outline. This technique is such a fun way to make a title look echoed.<\/p>\n\n\n\n

If you haven\u2019t already read my \u201cCircles, Circles<\/a><\/strong>\u201d post from last week, you may want to go back and read up on strokes. It\u2019s not a requirement; I just might not be providing quite the same level of detail on all the steps today.<\/p>\n\n\n

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

Before I begin, I want to talk a bit about the real-life echo effect. I\u2019m fairly certain that we\u2019ve all tried shouting out loud in an empty school gymnasium, into a well, a cave or at a scenic mountain stop and heard our voice come back. We all know that\u2019s an echo. These echoes are produced due to our voice\u2019s sound waves bouncing off other surfaces. The direction of the sound changes after it bounces off a surface. But interestingly, the echo is exactly the same as the original sound. Or is it?<\/p>\n\n\n\n

As a sound wave travels outward, its energy is distributed over a larger spherical surface, making the intensity (loudness) decrease. When the less intense sound waves bounce back, they too will be distributed over an even larger spherical surface, decreasing the loudness even more as it returns closer to the source. That\u2019s why echoes get quieter.<\/p>\n\n\n

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

Looking at the above physical depiction of sound waves from a \u201cshout\u201d, you can see how they spread out and get larger as they travel farther away. Keep this principle in mind as I show you how to create the echo effect on a title.<\/p>\n\n\n\n

One last odd little tidbit about echoes. It has been reported that some animal sounds (dogs barking and ducks quacking) do not produce any echo. And it’s still not clear why such a myth as this is so popular. Scientific experiments have shown that the quack\u2019s trailing “aaaack” sound masks the echo, making it nearly impossible to distinguish. And a dog’s bark actually does echo, but humans often do not hear it because dog barks contain higher frequencies inaudible to humans.<\/p>\n\n\n

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

In summary, a duck’s quack and a dog’s bark are not special; they obey the laws of physics, but it is just too quiet and soft-ended to produce a noticeable, sharp echo.<\/p>\n\n\n\n

Stroked Title<\/strong><\/h3>\n\n\n
\n
\"Echo<\/figure>\n<\/div>\n\n\n

The image directly above is an example of what I\u2019ll be creating today. Just wait until you see how easy this really is.<\/p>\n\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

This technique will work best with a chunky, bold, sans serif font like: Arial Black, Arvo Bold<\/a><\/strong>, Bespoke Serif Extra Bold<\/a><\/strong>, Chintzy<\/a><\/strong>, Chunk<\/a><\/strong>, Espano<\/a><\/strong>, Franie<\/a><\/strong>, Frick<\/a><\/strong>, Impact, Toma Sunny<\/a><\/strong> and Uni Sans Heavy<\/a><\/strong>.<\/p>\n\n\n\n

Of the fonts I listed above, Arial Black and Impact are general system fonts installed by default on the vast majority of Windows and macOS PCs. All the others are available free at various sites. Just click on any one of the font names listed above to see\/download the font.<\/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 ensure that my Foreground\/Background color chips are set to the default of B&W (press D).<\/p>\n\n\n\n

Then I grab the Horizontal Type tool. In the Tool Options, I open the Font Picker and choose a sans serif font. Today I\u2019m using Impact Regular. I set the Size to 100, the Leading to Auto, the Tracking to zero and click the Center Align icon. The Color Chip should already be set to black:<\/p>\n\n\n

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

Note<\/strong>: You can use any chunky sans serif font you like. I caution you to avoid any that are script or italicized. I recommend using a font size between 90 and 125, depending on the font you are working with and the size of your title.<\/p>\n\n\n\n

Because I want my text to be centered on my file, I am going to add both horizontal & vertical Guides:<\/p>\n\n\n

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

I position the cursor where the two guides intersect and click once. I then type SMILE in all caps and click the checkmark to commit the type:<\/p>\n\n\n

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

Note:<\/strong> Uppercase letters work best for this technique so all of the letters will be the same height.<\/p>\n\n\n\n

Check The Tracking<\/strong><\/h3>\n\n\n
\n
\"Spacing<\/figure>\n<\/div>\n\n\n

I\u2019m fairly certain you are already aware what the Tracking setting is in the Type tool. Tracking is the amount of space left between letters. Some fonts are designed with more space between each letter than others. I definitely don\u2019t want any of the letters to be touching in any way. Nor do I want them to be too far apart.<\/p>\n\n\n\n

Using Impact Regular with the Tracking set to zero, all of my letters appear to be sufficiently and equally spaced. So, I don\u2019t see a need to adjust the Tracking for my word.<\/p>\n\n\n\n

Note<\/strong>: If the font you\u2019re using has either too much or not enough space between the letters, it is best if you adjust the Tracking (up or down) to achieve sufficient and equal spacing. Use my word spacing as a general guide. Just be sure not to reduce the Tracking so much that the letters overlap.<\/p>\n\n\n\n

My word is centered on my file so I can now remove the horizontal and vertical guides.<\/p>\n\n\n

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

Note<\/strong>: If you\u2019re not certain that your word is centered exactly, please do the following. Select both the white layer and the text layer in the Layers Panel. Select the Move tool and in the options, click on the Align Center (horizontal) icon and the Align Middle (vertical) icon. Your word should now be perfectly centered.<\/p>\n\n\n\n

Add The Stroke<\/strong><\/h3>\n\n\n\n

I\u2019m now going to lower the opacity of the text layer to 50%:<\/p>\n\n\n

\n
\"50%<\/figure>\n<\/div>\n\n\n

Reducing the opacity of the text layer will allow me to see things a bit better during the next steps.<\/p>\n\n\n\n

Ensuring that the text layer is active in the Layers Panel, I Ctrl-Click on the thumbnail of my text layer to create a selection:<\/p>\n\n\n

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

I then click on the Create a new layer icon in the Layers Panel. PSE creates that new layer (Layer 2 for me) above the text layer. I immediately rename Layer 2 to \u201cBottom Echo\u201d. I then go to the top tool bar and select Edit->Stroke (Outline) Selection.<\/p>\n\n\n\n

PSE then opens the Stroke dialog box and I ensure the color chip is black, set the Width to 10px, the Location to Inside, the Blending to Normal, the Opacity to 100%, ensure the Preserve Transparency is not checked and click OK to confirm. I then cancel the selection (press Esc or Ctrl+D):<\/p>\n\n\n

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

I now have a title with an inside stroke. Now to split the stroke…<\/p>\n\n\n\n

Divide The Stroke<\/strong><\/h3>\n\n\n\n

The Bottom Echo layer should still be the active layer. I grab the Rectangular Marquee tool. In the options, I click on the New Selection icon, set the Feather to zero, the Aspect to Fixed Size, W (width) to 12 inches and the H (height) to 6 inches:<\/p>\n\n\n

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

I click on the very top left corner of the file and PSE creates a 12×6 selection:<\/p>\n\n\n

\n
\"12x6<\/figure>\n<\/div>\n\n\n

I then press Shift+Ctrl+J to cut the selection from the Bottom Echo layer and PSE places the cutout on a new layer (Layer 2 for me). I immediately rename Layer 2 to \u201cTop Echo\u201d.<\/p>\n\n\n\n

At this point the selection box is gone and my \u201cstroked\u201d word still looks exactly the same. Now it\u2019s time to make it echo\u2026<\/p>\n\n\n\n

Create The Echo<\/strong><\/h3>\n\n\n\n

The Top Echo layer should still be the active layer. I zoom in some and grab the Move tool. Then while holding down the Shift key I click and drag the Top Echo up until it\u2019s positioned slightly above the solid title. I ensure there is just a small gap between the solid title and the top echo.<\/p>\n\n\n\n

I want to keep my gaps consistent for the top and bottom echoes. The best way to do this is that I pay close attention to the \u201cmultidirectional arrow box\u201d that displays while shift-dragging the layer. It looks something like this:<\/p>\n\n\n

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

This indicator displays the change in the vertical or horizontal location depending on which direction I drag. I just make note of the value (for me it was .57) when moving the Top Echo up. Then I’ll try to achieve that exact same value when moving the Bottom Echo down.<\/p>\n\n\n\n

Note<\/strong>: Given there are three decimal positions in that directional value, sometimes getting exactly the same identical value can be tricky. I’m happy if I can at least get it so it’s within .02 to .05 (plus or minus) inches of the original.<\/p>\n\n\n\n

After positioning the layer, I lower the Opacity of the Top Echo layer to 50%:<\/p>\n\n\n

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

Note<\/strong>: Holding down the Shift key while clicking and dragging ensures the layer moves directly up or down or directly side-to-side. It will also maintain a 45-degree angle while dragging diagonally.<\/p>\n\n\n\n

With the Bottom Echo layer active I hold down the Shift key and click and drag the Bottom Echo down until it\u2019s slightly below the solid title. I ensure there is approximately the same small gap (.57) as what\u2019s between the solid title and the top echo. I then lower the Opacity of the Bottom Echo layer to 50%:<\/p>\n\n\n

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

With the Top Echo layer active, holding down the Alt+Shift keys I click and drag a copy of the Top Echo up until it\u2019s positioned slightly above the original Top Echo (leaving the same small gap). I then lower the Opacity of the duplicate Top Echo layer to 20%.<\/p>\n\n\n\n

Note<\/strong>: Holding down the Alt+Shift keys while clicking and dragging will create a duplicate of the layer and maintain its horizontal or vertical position while dragging.<\/p>\n\n\n\n

I repeat the same process on the Bottom Echo layer, change the opacity of the original text layer back to 100% and end up with this:<\/p>\n\n\n

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

At this point I can do one of two things. I can copy\/move all five of the layers to my layout in process; once on my layout I can recolor each of the layers independently.<\/p>\n\n\n\n

Or I could hide the background, crop the file to size and save it as a PNG file with a unique name. When I pull that PNG file into my layout all I have to do is clip a paper (or a Solid Fill layer) to the image and the \u201cechoes\u201d will retain their transparency:<\/p>\n\n\n

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

Either way, I now have what some would call a “traditional” title echo. And I\u2019m sure by now you are likely aware I\u2019m not always a strict follower of everything traditional \ud83d\ude09<\/p>\n\n\n\n

Remember in the beginning I explained all the \u201csciency\u201d stuff about echoes and sound waves? While the title echoes I created above are likely very similar to traditional ones you may have already seen, I have an alternate method that adds a more realistic touch\u2026<\/p>\n\n\n\n

Echo Realism<\/strong><\/h3>\n\n\n\n

Creating an echo effect that is a bit more true to life is easier than you might think. I\u2019m going to use nearly the same steps as I did above with a few modifications.<\/p>\n\n\n\n

I\u2019ll start with the same base word centered on my file:<\/p>\n\n\n

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

I duplicate the text layer. I hide the original text layer and immediately rename the duplicate Inflate.<\/p>\n\n\n\n

The first modification is that I\u2019m going to create a warped text effect. I double-click on the Inflate layer to activate the entire text. I then click on the \u201cCreate warped text\u201d icon in the Horizontal Type options (it\u2019s beneath the Anti-aliasing box and looks like a T with diagonal arrows at the bottom). PSE opens the Warp Text Dialog box. I select Inflate:<\/p>\n\n\n

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

PSE takes me back to the Warp Text Dialog box. The Horizontal button is highlighted and cannot be changed. I set the Bend to 50%, and set both the Horizontal & Vertical Distortion values to zero% (these seem to be the defaults):<\/p>\n\n\n

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

I then click OK to confirm:<\/p>\n\n\n

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

Now I can create and split the outline just as I did above:<\/p>\n\n\n

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

The thing is\u2026the title needs to be \u201cnormal\u201d; only the echoes should be warped. But this is easy to fix. I just hide the Inflate layer, unhide the original text layer and reposition the two echo layers to achieve the gap I desire:<\/p>\n\n\n

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

And again, I can duplicate these echo layers just as I did before. But this time I\u2019m going to increase the size of the duplicate echoes.<\/p>\n\n\n\n

For each duplicate echo all I have to do is grab the Move tool, click on any corner anchor point in the bounding box and then set the W (Width) value to 115%. I can then just position the duplicate echo above\/below the original echo:<\/p>\n\n\n

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

I didn\u2019t change the opacity on the second echo yet because I\u2019m going to add one more set of echoes. I duplicate both the larger top and bottom echoes. Increase their sizes the same way I did in the step above and position them accordingly:<\/p>\n\n\n

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

I like how the third echo accentuates the effect a bit more. I set the opacity of the echoes closest to the title to 70%, the middle echoes to 40% and the last echoes to 20%. I then add some color so you can see how this exaggerated echo effect looks:<\/p>\n\n\n

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

I really like that these warped echoes seem to mimic how real sound waves get larger and \u201cquieter\u201d as they move farther away from the original \u201csound\u201d. For me this is just a little more fun than the traditional echo effect.<\/p>\n\n\n\n

You can play with both methods and decide which one you like the best.<\/p>\n\n\n\n

And here\u2019s a layout I made using an echo effect:<\/p>\n\n\n

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

I love how the warped echo looks on this page! Not only does it echo the title, it echoes all the fluffiness of the dogs.<\/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 \u201cDoodle\u201d.<\/p>\n\n\n\n

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

Remember\u2026this technique works best with a chunky, bold, sans serif font. There aren\u2019t too many script type fonts that work but something like Bellona<\/a><\/strong> can work. The trick is to make sure all the letters are the same height and not too italicized. But in my experience\u2026most any script typeface will look odd in all caps!<\/p>\n\n\n\n

If you save your echoed text as a PNG file for use on a layout it\u2019s going to be easier to resize and recolor.<\/p>\n\n\n\n

You can use as many \u201cecho\u201d layers as you have room for on your project. When using more than two echoes I usually adjust the opacity of each echo layer in different increments than what I used today. I try never to make the first echo any darker than 70% and the last echo no lighter than 20%.<\/p>\n\n\n\n

If you have trouble clicking and dragging your echoes into a good position, try just using the keyboard arrows to nudge them up\/down until you get the gap you desire.<\/p>\n\n\n\n

You may need to play with the opacities of the echo layers depending on the color of your background and\/or text.<\/p>\n\n\n\n

Creativity involves breaking out of established patterns in order to look at things in a different way. \u2013 Edward de Bono<\/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 dimensional words. Click \u201cFollow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n

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

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

After last week\u2019s post about offset strokes, I thought it might be fun to show you how to create an echo effect using a twist on that technique. Today I\u2019ll once again be using a marquee tool and a stroke outline. This technique is such a fun way to make a title look echoed. If you haven\u2019t already read my \u201cCircles, Circles\u201d post from last week, you may want to go back and read up on strokes. It\u2019s not a…<\/p>\n

Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":13286,"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-13287","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\/13287","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=13287"}],"version-history":[{"count":0,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/13287\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media\/13286"}],"wp:attachment":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media?parent=13287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/categories?post=13287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/tags?post=13287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}