Google+
Turquoise Metallic

This tutorial explains how to use different layer Layer Style to create a bright turquoise metallic text effect, then add a simple stroke and some pins all around it.

The Final Result

Tutorial Details

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

Resources

Step 1

Create a new 1152 x 864 px document. Set the Foreground color to #66717d and the Background color to #2d3d48. Pick the Gradient Tool, choose the Foreground to Background gradient, and click the Radial Gradient icon in the Options Bar. Then create a radial gradient from the center of the document to one of the corners.

Turquoise Metallic Text Effect step 1

Place the Texture 230 image on top of the Background layer, then change its Blend Mode to Multiply and its Opacity to 70%.

Turquoise Metallic Text Effect step 1

Go to Image -> Adjustments -> Hue/Saturation, then change the Hue value to 180, and the Saturation value to -70.

Turquoise Metallic Text Effect step 1

Step 2

Create the text using the color #8bbabe. The font used is Baltar, the Size is 250 px, and the text is created in All Caps.

Also, you will need to change the Leading value to 270 pt, and the Tracking value to 75 pt to avoid overlapping.

Turquoise Metallic Text Effect step 2

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

Drop Shadow: Change the color to #7f7f7f and the Distance to 6.

Turquoise Metallic Text Effect step 2

– Inner Shadow

  • Color : #3da09f
  • Distance : 0
  • Size : 27
Turquoise Metallic Text Effect step 2

– Outer Glow

  • Blend Mode : Multiply
  • Color : #75b2b6
  • Size : 50
Turquoise Metallic Text Effect step 2

– Inner Glow

  • Blend Mode : Multiply
  • Color : #54a5af
  • Size : 18
Turquoise Metallic Text Effect step 2

Both glow effects are used to intensify the shadow effects by changing the Blend Modes and the colors.

– Bevel and Emboss

  • Size : 20
  • Highlight Mode : Vivid Light
  • Color : #9df0ff
  • Shadow Mode – Color : #bff3f8
Turquoise Metallic Text Effect step 2

– Contour

  • Contour : Half Round
  • Check the Anti-aliased box.
Turquoise Metallic Text Effect step 2

– Texture

  • Pattern : Texturetastic Gray
  • Depth : 30%
Turquoise Metallic Text Effect step 2

– Satin

  • Color : #b3e6ed
  • Contour : Log
Turquoise Metallic Text Effect step 2

This will create the bright metallic effect.

Turquoise Metallic Text Effect step 2

Step 3

Right click the text layer and choose Create Work Path.

Turquoise Metallic Text Effect step 3

Create a new layer below the text layer and call it Stroke. Then choose a hard round 25 px brush, and set the Foreground color to #909090.

Turquoise Metallic Text Effect step 3

Pick the Direct Selection Tool and right click the work path, then click Stroke Path.

Turquoise Metallic Text Effect step 3

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

Turquoise Metallic Text Effect step 3

This will add the stroke. Hit Enter to get rid of the work path.

Turquoise Metallic Text Effect step 3

Ctrl/Cmd + cClick the text layer’s thumbnail to create a selection, then press Delete to get rid of the inner parts of the stroke.

Turquoise Metallic Text Effect step 3

Go to Select -> Deselect to get rid of the selection.

Turquoise Metallic Text Effect step 3

Step 4

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

– Drop Shadow

  • Color : #737373
  • Distance : 10
Turquoise Metallic Text Effect step 4

– Bevel and Emboss

  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
  • Color : #dcdcdc
  • Shadow Mode – Color : #7d7d7d
Turquoise Metallic Text Effect step 4

– Contour

  • Contour : Valley – Low
  • Check the Anti-aliased box.
Turquoise Metallic Text Effect step 4

This will give the stroke an iron-like effect.

Turquoise Metallic Text Effect step 4

Step 5

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

Turquoise Metallic Text Effect step 5

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

– Drop Shadow

  • Distance : 0
Turquoise Metallic Text Effect step 5

– Inner Shadow

  • Color : #63b4bf
Turquoise Metallic Text Effect step 5

– Bevel and Emboss

  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
  • Shadow Mode – Color : #7bd0dc
Turquoise Metallic Text Effect step 5

– Contour

  • Contour : Ring – Double
  • Check the Anti-aliased box.
Turquoise Metallic Text Effect step 5

Now set the Foreground color to #c97070, and use a hard round 18 px Brush to add some pins on the corners of the stroke. Try not to add too many pins.

Turquoise Metallic Text Effect step 5

Step 6

Finally, click the Create new fill or adjustment layer icon down the Layers panel, and choose Gradient Map.

Turquoise Metallic Text Effect step 6

Make sure the Gradient Map layer is on top of all layers, then change its Blend Mode to Multiply and its Opacity to 70%.

Turquoise Metallic Text Effect step 6

Click the Gradient box to create the Gradient used.

Turquoise Metallic Text Effect step 6

The Gradient values are:
(clickce below the gradient bar to add a color stop)

Turquoise Metallic Text Effect step 6

Color – Location

  • 1 – #adafb1 – 0
  • 2 – #e1e3e5 – 60
  • 3 – #ffffff – 72
  • 4 – #f0f2f3 – 80
  • 5 – #bec1c2 – 100

The gradient map will intensify the colors and add more contrast to the final result.

That’s it.

Don't forget to subscribe to our RSS feed and follow us on Twitter.