In this tutorial, you will learn how to make transparent text effect via layer blend modes in Photoshop. Have a try!
This tutorial utilizes some features from Photoshop 2021 such as Sky Replacement – please skip that if you have an older version of Photoshop. I simply wanted to add dramatic effect for the photo.
Stock Image Required
Step 1 – Gradient Tool
Load the sunset stock image into Photoshop – on the background layer, apply the following Gradient with the Gradient tool to slightly darken/fade the bottom portion of the photo:
![](https://www.psdvault.com/img/2021/04/1-grad.jpg)
Optional Step – Sky Replacement
We can have a play with the Sky Replacement tool in Photoshop 2021 and pick a new sky for our photo. Go to Edit > Sky Replacement:
![](https://www.psdvault.com/img/2021/04/1-sky-rep.jpg)
I decided to use the following effect:
![](https://www.psdvault.com/img/2021/04/1-sky-rep-set.jpg)
Press “OK” to apply the sky replacement.
Step 2 – The Making of Transparent Text
With the sky replaced, we can work on our text. Type some texts using any font you like:
![](https://www.psdvault.com/img/2021/04/1-type.jpg)
Apply the following “Overlay” blend mode for our text:
![](https://www.psdvault.com/img/2021/04/1-text-overlay.jpg)
Plus the following blending options:
Stroke
![](https://www.psdvault.com/img/2021/04/1-stroke.jpg)
Color Overlay:
![](https://www.psdvault.com/img/2021/04/1-color-overlay.jpg)
And you will have the following effect:
![](https://www.psdvault.com/img/2021/04/1-effect.jpg)
Step 3 – Shadow of the Text
We will make some shadow for the text. Duplicate this text layer once, remove all layer blend options. Press Ctrl + T to bring up the free transform tool, right-click and choose “Flip Vertical”:
![](https://www.psdvault.com/img/2021/04/1-flip.jpg)
Apply some perspective to the duplicated text layer:
![](https://www.psdvault.com/img/2021/04/1-perp.jpg)
Change the layer blend mode to “overlay” and opacity to around 40% for this duplicated layer:
![](https://www.psdvault.com/img/2021/04/1-overlay-perp.jpg)
This is the end result I have: (click to enlarge)
![](https://www.psdvault.com/img/2021/04/transparent-text.jpg)
That’s it! Here is a simple, yet good-looking transparent text effect made in just 3 steps. The key is the use of the layer blend tools and the “overlay” blend mode.
Till next time, have a great day!