Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
  • By Design Bundles
  • 2 Mins
  • Photoshop Tutorials

Transparent text effect in Photoshop

1- Open photoshop.


2- Open your image.


3- Select the horizontal text tool.


4- Select your font, ensure the text colour is black and type your text. I am using the font Luducudu from Font Bundles.


5- Select the move tool and adjust the text to where you need it to be on the image.


6- Create a new layer.


7- Drag the new layer below your text layer.


8- Select the rectangular marquee tool and ensure the feather is set to 0px.


9- Create a rectangle around your text.


10- Right click on the rectangle and select the fill option.


11- Fill the rectangle with white. Click OK.


12- Click Ctrl+ D to deselect the filled rectangle.


13- Select the text layer and then the move tool.


14- Press Ctrl and select the text layer. Little marching ants will appear around your text. Move the text to centre in your rectangle.


15- Hide the text layer. (click on the eye icon)


16- Select the white rectangle layer. Hold Alt + click on the mask icon at the bottom of the layers panel.


17- You now have transparent text. You can adjust the opacity of the white rectangle to suit your needs also.


6 Related Photoshop Tutorials

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

For this tutorial, we are using “Hamster” a free font from Artimasa.1 – In Photoshop, create a New Document. Select the “Gradient Tool” (G) and give the Background a fill of your liking. We used some shades of cyan, made it a “Radial Gradient” by clicking on the button in the ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

You may also like

Help Center
ol image