Google+

Glossy Encapsulated Text Effect

This tutorial explains a simple way to create a glossy encapsulated text effect, using Layer Styles to create the glossy plastic like effect, and simple Filters to create the texture.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS5 Extended
  • Time : 0:30 – 0:45

Resources

Step 1

Create a new 1000 x 1500 px document. Set the Foreground color to #e57100, and the Background color to #8a0205, then, create a Radial Gradient from the center of the document to one of the corners.

Glossy Encapsulated Text Effect step 1

Open the Texture 24 image, rotate it if necessary (Image > Image Rotation > 90ยฐ CW), then place it on top of the Gradient Background. Change its Blend Mode to Multiply, and its Opacity to 50%.

Glossy Encapsulated Text Effect step 1

Step 2

Create the text using the color #ffd200. The font used is Chumbly BRK , and the Size is 250 pt. You might as well need to modify the Leading and Tracking values in the Character panel (Window > Character).

Glossy Encapsulated Text Effect step 2

Duplicate the text layer, and change the copy’s Fill value to 0.

Glossy Encapsulated Text Effect step 2

Double click the original text layer to apply the following Layer Style:

– Drop Shadow

  • Opacity : 30%
  • Distance : 9
Glossy Encapsulated Text Effect step 2

– Bevel and Emboss

  • Size : 16
  • Gloss Contour : Terraced
  • Shadow Mode – Color : #ffd200
Glossy Encapsulated Text Effect step 2

– Contour

  • Contour : Rounded Slope
  • Check the Anti-aliased box.
Glossy Encapsulated Text Effect step 2

– Gradient Overlay

  • Blend Mode : Color
  • Click the Gradient box to create the gradient
Glossy Encapsulated Text Effect step 2

The Gradient has only two colors, #ffd200 and #980034.

Glossy Encapsulated Text Effect step 2

Click OK. The text should look a bit glossy and shiny.

Glossy Encapsulated Text Effect step 2

Step 3

Now, double click the copy text layer and apply the following Layer Style:

– Bevel and Emboss

  • Style : Emboss
  • Depth : 500
  • Size : 20
  • Gloss Contour : Cove – Deep
  • Check the Anti-aliased box
  • Highlight Mode : Linear Light
  • Shadow Mode – Color : #d35600
Glossy Encapsulated Text Effect step 3

– Contour

  • Check the Anti-aliased box.
  • Range : 100%
Glossy Encapsulated Text Effect step 3

The text should look super glossy and bright!

Glossy Encapsulated Text Effect step 3

Step 4

Create a new layer between the two text layers and call it texture. Ctrl/Cmd + click any of the text layers’ thumbnails to create a selection.

Glossy Encapsulated Text Effect step 4

Set the Foreground color to #ffd200 and the Background color to #980034. Go to Filter > Render > Clouds. Press Ctrl/Cmd + D to get rid of the selection.

Glossy Encapsulated Text Effect step 4

Go to Filter > Texture > Patchwork and type in the values below:

Glossy Encapsulated Text Effect step 4

You should get a result similar to this:

Glossy Encapsulated Text Effect step 4

Change the texture layer’s Blend Mode to Overlay.

Glossy Encapsulated Text Effect step 4

Step 5

Create a new layer on top of all layers, call it Round Brush, and change its Blend Mode to Overlay. Set the Foreground color to #f4edd3 and pick the Brush Tool.

Glossy Encapsulated Text Effect step 5

Choose a soft round brush, and set its Size to something around 40 px. Start adding soft dots where there are bright or shiny areas. Don’t add too many dots, and try to spread them all over the text.

Glossy Encapsulated Text Effect step 5

Create another layer on top of all layers, call it Sparkles, and change its Blend Mode to Linear Light. Choose any of the sparkles you like from the Sparklies Photoshop Brushes pack, resize it and/or rotate it, and start adding sparkles over the brush dots you’ve created. You can change the Size and Angle values in the Brush panel (Window > Brush) while you’re adding the sparkles, so that they don’t all look the same.

Glossy Encapsulated Text Effect step 5

That’s it!


Did you enjoy this post? Please consider donating to help us cover our server costs.

Latest Comments
    • textuts
  1. guno
    • textuts
  2. zircon747
    • textuts
  3. nikkey2006
    • textuts
    • textuts
  4. MiKE
    • textuts
  5. moai5355
    • textuts
    • textuts
  6. Paula
    • textuts

Leave a Comment

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