Google+

Colorful Textured Plastic Text Effect

This tutorial is a retro stationery inspired one. It will explain an easy way to create textured plastic semi-transparent letters, then move them around over the graph paper background.

The Final Result

Tutorial Details

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

Resources

Step 1

Create a new 1100 x 800 px document, set the Resolution to 300, and fill the Background with the color #ececec.

Textured Plastic Text Effect step 1

Pick the Paint Bucket Tool, then choose the Pattern option in the Options bar.

From the picker menu, choose Graph Paper (found in the Lined Paper Patterns pack). Create a new layer and call it Paper Pattern, then fill it with the selected Graph Paper pattern.

Textured Plastic Text Effect step 1

Change the Paper Pattern layer’s Blend Mode to Color Burn.

Textured Plastic Text Effect step 1

Duplicate the Paper Pattern layer, then change the copy’s Opacity to 50%.

Textured Plastic Text Effect step 1

Step 2

Type only the first letter of the text you want to create using the font Anchor Jack. Choose a bright color, here, the color #39ace1 is used.

The font Size is 70 pt, and the text is created in All Caps.

Textured Plastic Text Effect step 2

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

– Bevel and Emboss

  • Depth : 150
  • Check the Anti-aliased box
  • Shadow Mode – Color : #b7b7b7
Textured Plastic Text Effect step 2

– Contour

  • Contour : Cove – Shallow
  • Check the Anti-aliased box.
Textured Plastic Text Effect step 2

– Texture

  • Pattern : Little Knobs
Textured Plastic Text Effect step 2

– Satin

  • Blend Mode : Screen
  • Color : #ffffff
  • Opacity : 70%
  • Angle : -150
  • Distance : 40
  • Size : 29
  • Contour : Cove – Shallow

This will create simple reflections.

Textured Plastic Text Effect step 2

– Drop Shadow

  • Color : #dddddd
  • Distance : 3
  • Size : 2
Textured Plastic Text Effect step 2

This will create the main plastic-like effect.

Textured Plastic Text Effect step 2

Step 3

Pick the Brush Tool and open the Brush panel (Window > Brush).

Under Brush Tip Shape, choose a hard round brush, change the Size to 10 px, the Angle to 90°, the Roundness to 30, and the Spacing to 300.

Textured Plastic Text Effect step 3

Under Shape Dynamics, set the Angle Jitter Control to Direction. This will change the brush tips’ angle values following their direction.

Textured Plastic Text Effect step 3

Create a new layer on top of the text layer, then call it (the letter) Brush, and set the Foreground color to a color that is a bit darker than the text color you used (here it is #2198db). Now, you’ll need to draw a line inside one of the letter’s sides.

So click where you want the line to start, and before you release the mouse button, press and hold the Shift key, and drag the line to where you want it to end, then release everything.

(Creating curves for letters like O and C will be explained in the next step).

Textured Plastic Text Effect step 3

Double click the brush layer, and apply a very simple Bevel and Emboss effect:

  • Style : Pillow Emboss
  • Size : 0
  • Shadow Mode – Color : #868686
Textured Plastic Text Effect step 3

This will blend the brush with the plastic shape nicely.

Textured Plastic Text Effect step 3

Now, you’ll need to repeat the same steps for the rest of the letters.

So create each letter in a new bright color, create a new layer on top of it, add the brush, then apply the same Layer Styles to both layers.

To apply the Layer Styles quickly and easily, copy the original Layer Style (right click its layer, and choose Copy Layer Style), then paste it for each other layer (right click the new layer, and choose Paste Layer Style).

Textured Plastic Text Effect step 3

Step 4

To create the curves, you’ll need to use the Pen Tool. Make sure that the Path option is the active one in the Options bar.

Click to add a point, click and drag to create a curve.

You can then use the Direct Selection Tool to select the anchor points and move them around, or click and drag the direction points to control the curve.

Textured Plastic Text Effect step 4

Make sure to create the Brush layer for the letter you’re working on and to change the Foreground color depending on the letter’s color, then right click the path (with the Direct Selection Tool or the Pen Tool active), and choose Stroke Path.

Textured Plastic Text Effect step 4

Choose Brush from the Tool drop down menu with the Simulate Pressure box un-checked, and click OK.

This will stroke the curve with the same brush. Hit the Enter/Return key when done to get rid of the work path.

Textured Plastic Text Effect step 4

Step 5

Next, select a letter’s text and brush layers (Ctrl/Cmd + click), then go to Edit > Free Transform.

Textured Plastic Text Effect step 5

Rotate and move the letter around, then hit Enter/Return to accept the changes.

Textured Plastic Text Effect step 5

Repeat that for the other letters as well.

Textured Plastic Text Effect step 5

Step 6

Place the Crumpled Paper Texture image on top of all layers, then change its layer’s Blend Mode to Multiply and its Opacity to 30%.

This will make the paper background look wrinkled, and will modify the coloring a little bit at the same time.

Textured Plastic Text Effect step 6

This is optional, but it will add some more coloring to the final result.

Click the Create new fill or adjustment layer icon down the Layers panel, and choose Photo Filter.

Textured Plastic Text Effect step 6

Choose any of the Filters you like. The one used here is the Warming Filter (81).

Textured Plastic Text Effect step 6

And you’re done!

The final result reminds me of the 90s school supplies for some reason!
Hope you enjoyed the tutorial :)