Glossy Text Effect Photoshop Tutorial

In this tutorial we would be playing around with 3D effects for our typography, implementing various manipulation effects in the process.

Step 1 : Text

Open up Adobe Illustrator and type in your text. In this tutorial the “Palace Script MT” font has been used for the text. Right click on the text and choose the “Create Outlines” option. Choose gray color for your text.

Step 2 : Pen Tool

Now that your text has been changed into objects you can pick up the pen tool or the direct selection tool to transform the text anyway you like. Head over to the letter “F” and stretch the bottom part of the letter like shown below.

Step 3 :Extrude and Bevel

Head over to Effect, 3D and choose the Extrude and Bevel option. Use the following details for the 3D effect.

Step 4 : Magic Wand

Open up Photoshop and drag the 3D object on to the canvas. Hid the background and position the object at the center of the canvas. With that done pick up the magic wand tool. Click on the front of your 3D text and copy the selection on to a new layer. Rename the Layer 3D-Front. Similarly copy the darker portion of the object on a separate layer. Color the 3D-Front layer. The color value used in this tutorial is e0762c.

Step 5 : Color Burn

Create a new layer. Choose the gradient tool and make a gradient from white to transparent. Once done you would have something like this on the canvas. Change the blending options of the layer to Color Burn.

Step 6 : Contract

Press CTRL and click on the 3D-Front Layer. This would load the selection on the canvas. Now go to Select, Modify and choose the Contract option. Now create a new layer and color the layer white. Change the blending options of the layer to Linear Burn.

Step 7 : Brush Tool

Now we would be create two layers. Rename the layers Red Overlay and Yellow Overlay. In the Red Overlay layer apply the round brush with 0% hardness. Choose ff0000 for the color value. Change the blending mode of the layer to “Hue”. In the Yellow Overlay layer apply the same brush with 0% hardness. Choose f6f857 for the color value and change the blending mode of the layer to “Color Dodge”.

Step 8 : Bevel and Emboss

You can enhance the colors of the text and play around with the blending options to add more depth to the image. Once done, duplicate all the layers that make up your text and merge them into a single layer. Now make a selection such as the one given below with the help of the Elliptical Marquee Tool. Simply hit the delete button.

Step 9 : Outer Glow

Now right click on the newly created layer and go to the blending options. Use the following details for the outer glow effect.

Step 10 : Inner Glow

Move over to Inner glow and use the following details.

Step 11 : Bevel and Emboss

In Bevel and Emboss input the following values.

Step 12 : Other options

You can even Texturize your font if desired. Click on the Satin option as well as the Contour option. This would add more depth to your image.

Step 13 : White Background

Uptill now the canvas looks a bit messy. Lets tidy things up a bit. Press CTRL and click on the original 3D text layer that you brought in the photoshop document through Adobe Illustrator. Once the selection loads go to Select and choose the Invert option. Create a new layer and position it right at the top. With that done color the layer white.

Step 14 : Final Touches

Now we get done with the final touches. Use the blur tool to blur out the sides of the canvas. This would give focus to the center of the canvas and ultimately your text. Pick up the gradient tool and choose the gray to transparent gradient. Apply the gradient (either on two different layers or the same layer) as shown below, leaving the center where your text is displayed. This would help enhance your text.

1 thought on “Glossy Text Effect Photoshop Tutorial”

Leave a Comment

Your email address will not be published. Required fields are marked *