Published on July 21, 2024

Hollow 3D text with stroke

In this article I will show you how to create a transparent 3D text with an outline in Adobe Photoshop.

Rather watch the video with instructions? Then click here to open the tutorial on YouTube or scroll down to the end of this page.


Step 1: Create text

First create a new file. My file is 1920 x 1080 pixels and it has a black background.

Then select the horizontal type tool and type your text. It doesn’t matter what color the text is, we’ll make this transparent later.

Select the move tool and press CTRL+T to activate free transform. You can now resize and move the text.

Lower the fill of the text layer to 0%.

Fill


Click on the fx icon below your layer panel and select ‘stroke‘.

Pick a stroke color. You can find the settings I used in the image below.

Stroke


Step 2: 3D text effect

Press CTRL+J to duplicate the text layer. Then press CTRL+T to activate free transform.

Use the arrow keys to move the text a little up and to the left. When you’re done moving the text, click on the ✓ icon.

Move text


Now press CTRL+ALT+SHIFT+T multiple times to repeat this action. This will create the 3D effect!

To move or resize the text, select all the text layers. Then press CTRL+T. You can then adjust the size and/or position of the entire text.

And that’s how you create a hollow 3D text in Adobe Photoshop!

3D text effect


Learn more about Photoshop

Check out my other blogs and my YouTube channel if you want to learn more about editing in Adobe Photoshop!

You can follow me on Facebook if you want to stay updated about new blogs and tutorials!


⇠ Back to homepage



Photoshop
Basics
Photo editing
Creative editing
Camera Raw
Neural filters
Text effects

Lightroom
Basics
Photo editing

Share this page
Transparent 3D text with outline in Photoshop

Post navigation