Quick Tip: Create an Extruded Glossy 3D Text Effect in Photoshop
Tutorial Details
- Program: Adobe Photoshop CS4+
- Difficulty: Beginner
- Estimated Completion Time: 5 Minutes
Download Source Files
Final Product What You'll Be Creating
People love 3D effects. They also love the look of shiny, glossy, graphics as well. Today, we will combine those two popular styles and create an extruded 3D glossy text effect in Photoshop. Let’s get started!
Step 1
Create a new document, make it 600px by 400px.

Step 2
Fill the background with #011923. Now, add some noise, go to Filter > Noise > Add Noise. 2% should be ok.

Step 3
Create a new layer and select the Elliptical Marquee Tool (M). Add a 150 px feather and drag out a shape as shown below.

Fill the selection with white and set the blending mode to Linear Dodge (Add) and bring the opacity down to 90%.

Step 4
Select a nice-looking bold font. I used Helvetica Neue LT Std 85 Heavy, but you can use anything you like. Set its size to about 160 px and fill it with white.

Duplicate the text, set the color to something darker. Send the darker text layer behind the original and adjust the width as shown below using the transform tool (T).

Step 5
Apply the following layer styles to the white text layer.




Step 6
Apply the following layer styles to the darker text layer.





Step 7
Grab the Brush Tool and select a big 200 px wide soft brush. This is what we will use to create some shiny reflections.

Paint the areas as shown and set the layer’s Blending Mode to Soft Light.

Step 8
Duplicate the text layer and rasterize it (Layer > Rasterize > Type). Select the Elliptical Marquee Tool (M) and create a wide shape as shown. Make sure to reset the feather value to 0px, we want this edge really sharp.

Now take the Eraser Tool (E) and start erasing the top part of it to get a nice and soft gradient.

Step 9
Use the Brush Tool again to create some soft spots and hit Cmd/Ctrl + T to bring up the Free Transform options. Scale down the width and rotate it 45 degrees by holding Shift while rotating. Duplicate it and rotate it again to get this x shaped sparkle.

Step 10
Create some copies of this sparkle and make them a little bit smaller, place them in the brighter areas. That’s it, you are done! Hope you enjoyed working on this tutorial!


I love it! Very simple and clean looking.
I FINALLY understand step 8.
- Duplicate the layer of white text (we’re only going to work on the duplicate).
- Clear it’s layer styles.
- Make the elliptical selection.
- Erase everything inside the selection.
- Deselect everything.
- Set your erased to a soft brush, and erase the tops of the letters.
This will create a hard-cut blue on the bottom, white in the middle, and a soft-cut blue on the top.
Simple and very nice ,liked it.
Awesome design just tried it and it worked amazing
This tutorial is great so far… but I’m having a bit of trouble with step 7. When I use the brush, it just makes the text a slightly darker blue, not the effect at all. (I might just be making a dumb mistake; This is my first time using photoshop) Can anyone explain it to me?
Hi Raj,
I think the colour of the brush you are using is not white. Change it to white (#ffffff) and then try.
Happy to help :)
Dhruv
SImple, well explained and impressive results. Thank you for the teaching