Photoshop Text Effects

How to Create Glossy Text Effects in Photoshop

In this tutorial, we’ll learn how to create glossy text effects in Photoshop by using the Brush Tool and applying some layer styles. Here’s the effect we’ll be creating:

Glossy Text Effects

To create glossy text effects, you’ll need:

Step 1

You may need to load the contours used in later steps by going to Edit > Preset Manager, opening the Preset Type menu and selecting Contours.

Preset Manager

Click on the arrow shown below and select Contours.

Contours

Choose Append and the new contours will be added.

Append

Step 2

Create a new document of 1250px width and 825px height. Set the color #473f56 as the foreground color and #241c31 as the background color. Now, grab the Gradient Tool, select the Foreground to Background gradient and choose Radial Gradient in the Options Bar. Then, click and drag from the center of the document to one of the corners, and duplicate the background layer.

Glossy Text Effects Background

We will now add a texture to the background layer by double-clicking on the duplicate background layer and using the Groovepaper pattern.

Glossy Text Effects Pattern Overlay

Glossy Text Effects Pattern Overlay Result

Step 3

Write your text with the Sofia font, #3c3689 color and 350pt font size.

Glossy Text Effects Text

We will now create the glossy text effect by double-clicking on the text layer and applying the layer styles shown below.

Use Cove – Deep as the Gloss Contour.

Glossy Text Effects Bevel and Emboss

Use Gaussian – Inverse for the Contour.

Glossy Text Effects Contour

From the RS_Chrome.grd file, select the “Chrome Bar 135” gradient.

Glossy Text Effects Stroke

 

Glossy Text Effects Inner Shadow

For the color, select the “stove pipe 85-L” gradient from the RS_Chrome.grd file.

Glossy Text Effects Inner Glow

 

Glossy Text Effects Drop Shadow

Glossy Text Effects Layer Style

Step 4

Now, right-click on the text layer, select Create Work Path and grab the Brush Tool.

Glossy Text Effects Work Path

Go to Window > Brush, select a 30px hard round brush and use the settings shown below.

Glossy Text Effects Brush Tip Shape

Glossy Text Effects Shape Dynamics

Glossy Text Effects Transfer

Create a new layer below the type layer, name it “Stroke”, set #d7d7d7 as the foreground color and press Return (Macs) / Enter (Windows) to stroke the path.

Glossy Text Effects Stroke Layer

Step 5

Double-click the Stroke layer and apply the layer styles shown below.

Use Rolling Slope – Descending for the Gloss Contour.

Glossy Text Effects Bevel and Emboss Stroke

Use Cone – Inverted for the Contour.

Glossy Text Effects Contour Stroke

Use #ededed as the color.

Glossy Text Effects Inner Glow Stroke

From the RS_Chrome.grd file, select the gradient “Chrome bar 145”.

Glossy Text Effects Gradient Overlay Stroke

 

Glossy Text Effects Drop Shadow Stroke

Glossy Text Effects Stroke Layer Style

Step 6

Create a new layer at the top, name it “Glow”, and set its blending mode to Vivid Light. Next, grab the Brush Tool, choose a 30px soft round brush, set #d7d7d7 as the foreground color, and add some flares on the bright areas of the text.

Glow

If you want, you could add some sub-text using the ZnikomitNo24 font, 70pt size and #acb0b6 color.

Sub-Text

Double-click on this new text layer and from the CHROMES.grd file, use the “Aluminum 5” gradient.

Gradient Overlay Sub-Text

Gradient Overlay Sub-Text Result

Step 7

Finally, we will add some vignette effect to the text. To do so, click on the Create New Fill or Adjustment Layer option and select Gradient from the list that appears.

Gradient Fill Layer

For the gradient, set the color #4c435d on the left and #272727 on the right and choose the Transparent to Fill Color gradient. Also, change this layer’s blending mode to Soft Light.

Gradient Fill

And we’re done! The glossy text effects tutorial is complete!

Glossy Text Effects

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*