Make A Transparent Overlay For Text With Photoshop Elements

Why make a Transparent Overlay for text? Well it can be hard to read text that you add to a photo because it can get lost in the background of the  photo.

You can use Photoshop Elements to add a Transparent Overlay to make the type more readable and still see the image below.

Watch me demonstrate how to do it in the video below and then follow the steps below the video to try it yourself.

Watch the video below to see exactly how to make a transparent overlay for text and then try it yourself.

Just follow the steps below the video . . .

STEP ONE- Add Type To Your Photo.

Go to the Toolbox and click on the "Horizontal Type" tool to make it the active tool.

Click once on your photo in the live work area. You will get a blinking cursor indicating that you can start typing.

Notice that Photoshop Elements automatically created a new Type Layer in the Layers Panel.

Choose Font, Weight, and Size for your type from the Tool Options.

Now type your text.

Click the Green Check Mark when you're done typing.

STEP TWO- Reposition Type If Necessary.

Use the Move Tool to click-and-drag your type into position.

STEP THREE- Create A New Layer.

Go up to the Layers Panel and click on the "Create A New Layer" icon.

That creates a New Layer ABOVE the Text Layer.

But we want that New Layer BELOW the Text Layer.

We can move the New Layer (Layer 1) down by clicking-and-dragging it down until it's under the Text Layer and the double horizontal gray lines appear.

Now just release the mouse button and Layer 1 will be below the Text Layer.

Deselect by pressing Command-D on a Mac or Control-D on a PC.

STEP FOUR- Draw A Selection Around The Type.

Make the Rectangular Marquee tool active by clicking on it in the Toolbox.

Make a Rectangular Selection around your type by Clicking-and-Dragging diagonally from the upper-left of your type to the lower-right of it.

Make sure to include the full width of your photo by starting outside the left side and dragging to outside the right side of the photo.

STEP FIVE- Fill The Selection.

Fill the Selected area by going up to the Edit Menu and choosing "Fill Selection . . .

The "Fill" dialog box will appear.

Click in the "Use" field and a pop-up list will appear. Choose "White" from the list by clicking on it and then click "OK".

Your Selection will be filled with white.

Now Deselect the area by pressing Command-D on a Mac or Control-D if you're on a PC.

You can tell that it's no longer selected because the "Marching Ants" will go away.

STEP SIX- Lower The Opacity.

Go over to the Layers Panel and put your cursor over the word "Opacity".

Your cursor will change into a hand with the index finger extended and a double-headed arrow on either side of the finger.

Click-and-drag your mouse towards the left to lower the Opacity of the white bar.

STEP SEVEN- Adjust The Bar With Free Transform.

If you want to adjust the size of your bar, press Command-T on a Mac or Control-T on a PC for "Free Transform".

A Bounding Box with 8 adjustment handles will appear around the bar.

Click-and-drag on any of the 8 handles to adjust the size of the bar.

Click the green check mark when you are happy with your change.

That completes this tutorial on how to make a transparent overlay for text with Photoshop Elements.

Go from Transparent Overlay For Text to the Home page.


I value your input! Please leave me a comment in the box below.

Search This Site:

Sign up for my newsletter
BECAUSE… You get

  • 4 Step-By-Step Videos showing Tips being used 
  • One-Page Printable Cheat Sheets of Tips

Get My Photoshop Elements Books for just $3.99 from Amazon

More Content… follow me:

"Just a note to say I LOVE your site! There seem to be a few PS Elements tutorials sites, but yours is by far the clearest and easiest to understand. Thanks!" - Ellie

"Watching your tutorials even about things that I think I know I ALWAYS learn something new. A big thank you!" - Douglas

"I am thrilled to find such useful and easy-to-understand information for using Photoshop Elements. I can't wait to use your tutorials (especially with my scrapbooking obsession)" - Judy in MS

Good day Rick, "I very appreciate ALL, ALL of your tutos. Very very clear and useful tips, tricks and techniques of how-to in PSE9. A great great work!" - Hoan

"Love your tutorials on YouTube. Very clear and helpful. Thanks a bunch." -

"I love your videos! They have been such a BIG help. I bought the Dummies book, and it's OK, but I do better by watching instead of reading. Kudos to you!" - Cheers, Kathy

"Thank you for this site! I found it through one of your videos on YouTube.
Again, thank you so much!" - Vanessa

"This is really a truly generous and very admirable website!" - Cheers, Jonas

"Hi Rick! First I've got to say thank you for all the information you share. I can't wait to see the "tips and tricks" you are working on because it sounds like those will help things all come together.
I've gone thru several of your tutorials and learn so much. I can't praise you enough for your time and patience." - Vicki.

"Your website is a great service and I thank you!"
 - Kind Regards, April

"A big thanks to you and your website, and the
 information and help I get from it, its much appreciated." - Rob

Rick - "Many thanks for your advice, that I will take. A big thank you as well for you outstandingly good tutorials. You do seem to have an amazing knack of making quite complicated tasks seem easy and straightforward. I am a fan!" - With Best Wishes, Tony

"Much more helpful than PS Elements 9 for Dummies book.... Thanks so much for your site..truly easy to follow." - Karin

Hi Rick. Just wanted to say a big thank you for all of the great information contained in your tutorials. I've stumbled around PS9 for quite a few weeks now and can't believe quite how easily you explain the different aspects. It's way, way more powerful than I imagined and now, for me, usable too. A big, big thank you from the UK. - Guy