How to Create a 3D, Glowing, Retro Text Effect in Adobe Photoshop

This tutorial will show you how to use smart objects and layer styles to create a 3D, retro, glowing text effect. Let's get started!

This text effect was inspired by the many layer styles and text effects available on Envato Elements, an all-you-can-download creative platform. You can use one of the professional Photoshop 3D text effects to save design time while creating something unique for all of your projects.

Are you interested in video tutorials? Then you cannot miss this new video by Ashlee Harrell from the Envato Tuts+ YouTube channel to learn how to do 3D text in Photoshop:

Tutorial Assets

The following assets were used during the production of this Photoshop 3D text tutorial:

• 
  Big John font




• 
   by AFineWar


• 
  by Supertuts007 (Load the CHROMES.grd file)

1. How to Create the Background Gradient

Step 1

Create a new 800 x 600 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Solid Color.

Step 2

Use the Color #2e363.

Step 3

Double-click the Solid Color layer to apply a Gradient Overlay effect using these settings:

• Check the Dither box


• 
  Blend Mode: Linear Burn


• 
  Opacity: 20%


• 
  Style: Radial


• 
  Scale: 150%


• Click the Gradient box to create the gradient fill using the colors #ffffff to the left and #ababab to the right

This will create a simple gradient background.

2. How to Add the Background Texture

Step 1

Place the Metal texture on top of the Solid Color layer, and resize it as needed.

Rename the texture's layer to BG Texture, and change its Blend Mode to Soft Light.

Step 2

Go to Image > Adjustments > Levels, and change the Gamma value to 1.50.

3. How to Create the Text and Its Smart Object

Step 1

Create the text using the font Big John. The Size is 200 pt, the Color is #e8a505, and the Tracking is 100.

Step 2

Rename the text layer to Text, right-click it, and choose Convert to Smart Object.

Make sure to follow the naming of the layers throughout the tutorial so that things don't get confusing.

Step 3

Duplicate the Text layer, make it invisible, and drag it on top of the copy layer.

4. How to Create the Transform Action

Next, we're going to duplicate the text and transform the copy layer, and then repeat that for a number of layers.

Since we're working with smart objects, and to avoid any duplicate with transform issues, we'll record an Action for that.

Step 1

Open the Actions panel (under the Window menu).

Step 2

Click the Create new set icon at the bottom of the panel, enter Extrusion in the Name field, and click OK.

Step 3

Click the Create new action icon at the bottom of the panel, enter Action in the Name field, and click Record.

5. How to Record the Action

Step 1

Duplicate the Text copy layer by click-dragging it to the New layer icon at the bottom of the Layers panel.

Step 2

Press Command-T to enter the Free Transform Mode, and then hit the Down Arrow key once and the Right Arrow key once to move the Text copy 2 layer 1 px downwards and 1 px to the right.

Step 3

Hit the Return key to commit the changes. You should see all the steps recorded and added to the Action you're creating.

Step 4

Click the Stop recording icon at the bottom of the Actions panel.

6. How to Create the Extrusion

Step 1

Here's where you'll start to see the 3D text effect in Photoshop. Click the Play selection icon at the bottom of the Actions panel 10 times to create 10 more copies with the transformation.

The final layer should have the name Text copy 12.

Step 2

Select all the Text copy layers (without the original invisible Text layer), and go to Layer > Arrange > Reverse.

This will place the last copy layer at the bottom and bring the first to the top.

Step 3

Deselect the first and last layers, and then place the remaining selected layers in a group and call it Extrusion.

Step 4

Rename the Text copy layer to Text Front, and the Text copy 12 layer to Text Back.

Duplicate the Text Front layer, change the copy's Fill value to 0, and then duplicate it.

7. How to Style the Extrusion Layers

Double-click the Text copy 2 layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

• 
  Size: 0


• 
  Shadow Mode - Opacity: 15%

Step 2

Add a Drop Shadow with these settings:

• 
  Opacity: 7%


• 
  Distance: 3


• 
  Size: 2

Step 3

This will style the first extrusion layer.

Right-click the styled layer, and choose Copy Layer Style.

Step 4

Select the rest of the extrusion layers, right-click any of them, and choose Paste Layer Style.

This will create the 3D extrusion effect in the text.

Step 5

Duplicate the Extrusion group, drag the copy to place it on top of the Text Front copy 2 layer, and change its Fill value to 0.

8. How to Style the Text Front Layer

Double-click the Text Front layer to apply the following layer style:

Step 1

Add a Bevel and Emboss to the 3D text effect in Photoshop with these settings:

• 
  Size: 3


• 
  Gloss Contour: Cove - Deep


• Check the Anti-aliased box


• 
  Shadow Mode - Opacity: 15%

Step 2

Add a Contour with these settings:

• 
  Contour: Cove - Deep


• Check the Anti-aliased box


• 
  Range: 100%

Step 3

Add a Stroke with these settings:

• 
  Size: 1


• 
  Position: Inside


• 
  Blend Mode: Screen


• 
  Fill Type: Gradient


• Use the faucet 70 gradient fill

Step 4

Add an Inner Shadow to the Photoshop 3D text with these settings:

• 
  Opacity: 35%


• Uncheck the Use Global Light box


• 
  Angle: 141


• 
  Distance: 9


• 
  Choke: 6


• 
  Size: 18

Step 5

Add an Inner Glow with these settings:

• 
  Blend Mode: Linear Light


• 
  Opacity: 100%


• 
  Color: #d1cc90
  


• 
  Technique: Precise


• 
  Size: 90


• 
  Contour: Cone - Asymmetrical

Step 6

Add an Outer Glow with these settings:

• 
  Opacity: 100%


• 
  Color: Use the faucet 140 gradient fill


• 
  Spread: 28


• 
  Size: 10


• 
  Contour: Cove - Shallow

Step 7

Add a Drop Shadow with these settings:

• 
  Opacity: 7%


• 
  Distance: 3


• 
  Size: 2

This will style the top layer of the text.

9. How to Style the First Front Copy

Double-click the Text Front copy layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

• 
  Size: 10


• Uncheck the Use Global Light box


• 
  Angle: 138


• 
  Altitude: 21


• 
  Gloss Contour: Cove - Deep


• Check the Anti-aliased box


• 
  Shadow Mode - Opacity: 15%

Step 2

Add a Contour with these settings:

• 
  Contour: Cove - Deep


• Check the Anti-aliased box.


• 
  Range: 100%

Step 3

Add a Stroke with these settings:

• 
  Size: 1


• 
  Position: Inside


• 
  Blend Mode: Screen


• 
  Fill Type: Gradient


• Use the faucet 70 gradient fill

This will style the first layer of the text front's inner part.

10. How to Style the Second Front Copy

Double-click the Text Front copy 2 layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

• 
  Technique: Chisel Hard


• 
  Size: 10


• Uncheck the Use Global Light box


• 
  Angle: 110


• 
  Altitude: 26


• 
  Gloss Contour: Cone - Asymmetrical


• Check the Anti-aliased box


• 
  Shadow Mode - Opacity: 15%

Step 2

Add a Contour with these settings:

• 
  Contour: Notched Slope - rounded


• Check the Anti-aliased box


• 
  Range: 100%

This will style the second layer of the text front's inner part.

11. How to Style the Text Back Layer

Copy and Paste the Text Front layer's layer style to the Text Back layer, and then double-click the Text Back layer to adjust the following settings:

Step 1

Bevel and Emboss:

• 
  Size: 6

Step 2

Contour:

• 
  Contour: Cone - Inverted

Step 3

Drop Shadow:

• 
  Opacity: 70%


• 
  Distance: 20


• 
  Size: 50

This will style the back layer.

12. How to Style the Extrusion Groups

Step 1

Double-click the Extrusion group to apply a Gradient Overlay effect with these settings:

• Check the Dither box


• 
  Blend Mode: Multiply


• Use the stove pipe 185x gradient fill

This will add some more dimension to the extrusion.

Step 2

Double-click the Extrusion copy group to apply an Outer Glow effect with these settings:

• 
  Blend Mode: Linear Light


• 
  Opacity: 35%


• 
  Color: #a9f6ff
  


• 
  Size: 27


• 
  Contour: Ring


• 
  Range: 75%

Step 3

Group all the visible text copy layers and extrusion groups you have, and call the group Text Effect.

Step 4

Double-click the Text Effect group to apply an Outer Glow effect with these settings:

• 
  Blend Mode: Screen


• 
  Opacity: 50%


• 
  Color: #399da7
  


• 
  Size: 150

Step 5

This will finish off the text effect.

If you want to change the text, you can double-click the original Text layer's thumbnail to open the original text file, change the text, go to Image > Reveal All, and then File > Save, and File > Close.

This will update the rest of the smart object layers, and you'll get the effect applied to the new text you entered.

13. How to Add a Texture and Some Adjustment Layers

Step 1

Place the Freeze texture on top of all layers, and rename its layer to Texture Overlay. Change the Texture Overlay layer's Blend Mode to Linear Burn and its Opacity to 15%.

Step 2

Add a Gradient Map adjustment layer on top of all layers, and check the Dither box.

Create the gradient fill using the colors #433469 to the left, #5e6474 in the middle, and #d4b28a to the right.

Change the layer's Blend Mode to Color and its Opacity to 15%.

Step 3

Duplicate the Gradient Map adjustment layer, and then change the copy's Blend Mode to Soft Light and its Opacity to 50%.

Congratulations, You're Done!

In this tutorial, we created a simple gradient background with a texture overlay.

Then we created the text, converted it into a smart object, and duplicated it. After that, we recorded an action to create the extrusion and started applying different layer styles to the layers to create the text effect.

Finally, we added a texture and a couple of adjustment layers to finish everything off.

Awesome 3D Text Effects for Photoshop From Envato Elements

When you don't have time to open Photoshop and create your own 3D text, use these premade styles from Envato Elements. They're professionally crafted and offer unique looks. The best part is that they're all included with your subscription!

Let's take a look at five of these 3D text effects:

1. 80's Style Text Mockups V2 (PSD)

Take your text and make it chrome with these 80s styles. They work with Smart Object layers, making it easy to create awesome effects in just a few clicks. Use this download if you want a vintage 3D text effect that can be made quickly in Photoshop.

2. Vintage 90s Pinball 3D Text Effect (PSD)

This vintage 3D text effect PSD takes its name and inspiration from the classic arcade game. Color is the star of the show here, giving each letter a strong impact. Customize the 3D text in Photoshop and use it for invitations, posters, and more.

3. Realistic Gold Balloon Foil Text Effect (PSD)

Whatever the occasion you want to celebrate, you can make use of these realistic gold balloons. The 3D text effect can be edited in Photoshop thanks to the Smart Object layers. When it's time to let your next party invitation shine, use this download.

4. Retro Vintage 3D Text Effect Vol 2 (PSD)

If you're after the retro aesthetic, you can't do much better than this vintage 3D text effect PSD. The effect itself is simple, but it can be applied to any font you like. All the backgrounds you see on the item page are included, so you can really let your creative side loose.

5. 3D Face Editable Text Effect (PSD)

The minimal outline of the Face download lends itself well to 3D text. You'll be happy to know you can fully customize everything about this file, including the size, since it's a vector. If you use Photoshop and want to make 3D text effects, there's no doubt this PSD download should be in your personal creative library.

Discover More Photoshop Tutorials and Resources

Did working on this tutorial make you want to try more? We've got just the thing right here on Envato Elements. Check out some of our other creative text effect tutorials from our instructors below:

• 
  

  
  
  

  
  

  
  

  How to Create a 3D Chipped, Painted Wood Text Effect in Adobe Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Rose

  
  

  24 May 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Fun Felt Photoshop Text Effect

  
  

  
  

  
  
  

  
  

  
  

  John Negoita

  
  

  18 Oct 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Rose

  
  

  19 Sep 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Super Easy Liquid Metal Text Effect in Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Rose

  
  

  19 Jul 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Rose

  
  

  29 Mar 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Flame Text Effect in Adobe Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Rose

  
  

  11 Jan 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Honey Text Effect in Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Marko Kožokar

  
  

  21 Feb 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create an Underwater Text Effect in Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Daisy Ein

  
  

  12 Nov 2021

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Realistic Neon Light Text Effect in Adobe Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Rose

  
  

  11 May 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create an Easy Gold Glitter Text Effect in Adobe Photoshop

  
  

  
  

  
  
  

  
  

  
  

  Rose

  
  

  28 Oct 2021