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:
To create glossy text effects, you’ll need:
- Any recent version of Photoshop
- Sofia font
- ZnikomitNo24 font
- Groovepaper pattern
- Gradients (Load the CHROMES.grd and RS_Chrome.grd files)
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.
Click on the arrow shown below and select Contours.
Choose Append and the new contours will be added.
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.
We will now add a texture to the background layer by double-clicking on the duplicate background layer and using the Groovepaper pattern.
Write your text with the Sofia font, #3c3689 color and 350pt font size.
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.
Use Gaussian – Inverse for the Contour.
From the RS_Chrome.grd file, select the “Chrome Bar 135” gradient.
For the color, select the “stove pipe 85-L” gradient from the RS_Chrome.grd file.
Now, right-click on the text layer, select Create Work Path and grab the Brush Tool.
Go to Window > Brush, select a 30px hard round brush and use the settings shown below.
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.
Double-click the Stroke layer and apply the layer styles shown below.
Use Rolling Slope – Descending for the Gloss Contour.
Use Cone – Inverted for the Contour.
Use #ededed as the color.
From the RS_Chrome.grd file, select the gradient “Chrome bar 145”.
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.
If you want, you could add some sub-text using the ZnikomitNo24 font, 70pt size and #acb0b6 color.
Double-click on this new text layer and from the CHROMES.grd file, use the “Aluminum 5” gradient.
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.
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.
And we’re done! The glossy text effects tutorial is complete!