Google+

Leather Text Effect

This tutorial will explain how to use the layer Layer Style to achieve a leather-like text effect, and how to create a nice glossy stroke to add more depth to the final effect.

The Final Result

Tutorial Details

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

Resources

Step 1

Create a new 1024 x 768 px document. Place the S. Weaver Texture Stock on top of the Background layer. You might need to rotate the image to fit in the document (Image > Image Rotation > 90° CW).

Leather TE step 1

Create the text using the color #e3cdab, the font used is Spatha Sans, and the Size is 370 px.

Leather TE step 1

Step 2

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

– Drop Shadow

  • Color : #212121
  • Distance : 0
  • Spread : 20
  • Size : 25
  • Contour : Half Round
  • Check the Anti-aliased box
Leather TE step 2

– Inner Shadow

  • Color : #734d17
  • Distance : 0
  • Size : 16
Leather TE step 2

– Bevel and Emboss

  • Depth : 450
  • Size : 24
  • Gloss Contour : Valley Low
  • Check the Anti-aliased box
  • Shadow Mode – Color : #907248
Leather TE step 2

-Contour:

Just check the Anti-aliased box.

Leather TE step 2

– Texture

  • Pattern : Satin
  • Depth : 5%

This is the part that gives the text a leather-like feel, as it uses the texture to create the bevel.

Leather TE step 2

– Satin

  • Blend Mode : Overlay
  • Color : #57472e
  • Un-check the Invert box
Leather TE step 2

You’re text should look like this:

Leather TE step 2

Step 3

Right click the text layer and choose Create Work Path.

Leather TE step 3

Create a new layer on top of all layers and call it stroke.

Leather TE step 3

Choose a hard round brush, and set the Size to 10, or whatever value you like (a bigger value will create a thicker stroke).

Leather TE step 3

Set the Foreground color to #9e865b, and pick the Direct Selection Tool. Right click the path and choose Stroke Path.

Leather TE step 3

Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is un-checked.

Leather TE step 3

Hit Enter/Return to get rid of the path.

Leather TE step 3

Step 4

Ctrl/Cmd+ click the layer’s thumbnail to create a selection.

Leather TE step 4

Press the Delete button to get rid of the inner part of the stroke.

Leather TE step 4

Step 5

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

– Drop Shadow

  • Color : #322618
  • Distance : 0
  • Size : 7
Leather TE step 5

– Bevel and Emboss

  • Depth : 378
  • Soften : 1
  • Gloss Contour : Ring Double
  • Check the Anti-aliased box
  • Shadow Mode – Color : #734c13
Leather TE step 5

– Contour

  • Contour : Log
  • Check the Anti-aliased box.
Leather TE step 5

This will create a nice stroke that adds more depth to the text.

Leather TE step 5

Step 6

Finally, this is optional, but it adds a nice final touch to the colors of the effect.

Create a new layer on top of all layers and call it Gradient. Set the Foreground color #797979, and use the Radial Gradient tool to create a Foreground to Transparent Gradient from the center of the document to one of the corners. Don’t forget to check the Reverse box to get the color on the corners.

Leather TE step 6

Finally, change the Gradient layer’s Blend Mode to Soft Light.

Leather TE step 6

And this is the final effect.