Quick-Tip: Create Glossy Plastic Text in Photoshop

Quick-Tip: Create Glossy Plastic Text in Photoshop
Learn a quick and easy way to create reflective plastic text in Photoshop from scratch. Three layer styles will be combined to achieve this effect. We will also explore blending modes and their effective use to achieve this type effect with layer styles. Same effect can be use on shapes also because of its simple and highly customizable nature.

Preview of Final Results

Glossy Plastic Text Photoshop Tutorial


Step 1

Open a new file in Adobe Photoshop with the following settings.
pic1

Step 2

Select Type Tool (T) and in the Option Bar select Arial Black, 325 pt, smooth. Then type the word "psd" in lower case.
pic2

Step 3

Change the tool into Move Tool (V). Then in the Layer palette left click on background layer to target that layer. Now press shift from the keyboard and left click on the Type layer. Alignment buttons will be active in the Option bar when more than one layer is selected. Then click on the Vertical Centers and Horizontal Centers buttons to center align the type layer.
pic3

Step 4

Create a new layer by clicking on the Create a new layer button below the Layer palette and fill it with white color. Target both the new layer and the type layer by using the shift click method. Then use Menu > Layer > Merge Layers to merge them into a single layer.
pic4

Step 5

For creating a reflective glossy plastic text effect we need a bold or chunky round corner type face. Because round edges catch more light than the corner edge. But edges of Arial Black are corner not round. So let's explore a quick and easy technique to change any edge from corner to round. First on "psd" layer apply Filters > Blur > Gaussian Blur (Radius: 8 px).
pic5

Step 6

Then on the same layer Image > Adjustments > Levels. In the Input Levels area drag the Left (Shadow) Input Slider to the right and the Right (Highlight) Input Slider to the right. This will remove or rather convert the resulting grey blurry area produced by the application of Gaussian Blur and change that area into solid black. Due to that the corner edges are now rounded.
pic6

Step 7

Select the Magic Wand Tool (W) and click on the black area of the "psd" layer to select the black text. Selection active, create a new blank layer on top of the "psd" layer by clicking on the Create a New Layer button below the Layer Palette. Then fill the selection with 50% gray and also rename the layer as "base style". Deselect by Select > Deselect or press Ctrl + D.
pic7

Step 8

You can delete the "psd" layer as we don't need it anymore. Double click on the Background layer to convert it to a normal layer (Layer 0). Now double click on the text "Layer 0" and rename it to "gradient bg". Then double click on the "gradient bg" layer to open the Layer Style dialogue box. First create a Radial gradient in the Gradient Overlay with the following settings.
pic8

Step 9

Then create an Inner Glow with the following settings. This will create a texture variation of the Gradient Overlay.
pic9

Step 10

Target the "base style" layer. Double click on it to open the Layer Style dialogue box. Let's start building the main Plastic Layer Style. First in the Blending Option section, reduce the Fill Opacity to 0%. This will make the Plastic Style transparent.
pic10

Step 11

Then for the Bevel and Emboss section use settings from the below screenshot. In the Shading section, for Highlight Mode select Linear Dodge for a much stronger highlight than Screen blending mode. Also for the Shadow Mode use Color Dodge to simulate at the edge of the text light is passing through a translucent object bright look. Below the Bevel and Emboss is the Contour of Bevel and Emboss, which will basically define the edge or shoulder of the Bevel. Click on the Contour type and select Gaussian type.

Pages: 1 2

Luminar: AI Photo Editing
Sponsored

Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.

29 comments on “Quick-Tip: Create Glossy Plastic Text in Photoshop”

  1. Glossy text effect is very impressive and you made this task look very easy with nice screenshots and clear description. Keep posting more of them.

  2. This tutorial was terrible! Half of it doesn't make sense and it's not very clear! I got to step 7 and couldn't do anymore because it wasn't clear enough, then tells me to delete the text layer. WTF?

  3. Really superb...... very simple steps... and easy to understand...

    thank u very much....

  4. This is a great tutorial!! However I realized too late that it doesn't work on text that are too long. Anyone trying this should stick with 3 letter text or less. The issue starts when you do the blur and levels... it turns it into a blob-by illegible text.

    1. yeah, i do the same with you, and i realized that is doesnt work on my text. "SMARTCLOTH" or " CHAPTER K" haha. but its fantastic tutorial i think. :)

Leave a Reply to Stephen Nack Cancel reply

Your email address will not be published.

cross