Design & UX - - By Jennifer Farley

Create An Easy Sophisticated Metal Type In Photoshop With Layer Styles

Layer Styles in Photoshop allow us to create an unbelievable array of effects such as glass, ice or plastic. Best of all, after you’ve played around with the styles to get the effect you like, you can then save it and reuse it on other objects on different layers.

1. Create a new document 600 x 600 pixels.

2. Set the foreground color to #003366 (mid blue) and the background color to #000033 (dark blue/navy). Select the Gradient Tool (G) and on the tool options bar at the top of the screen, choose ‘Foreground To Background’ and choose ‘Radial Gradient’.

1-ToolOptions

3. Drag out from the centre of the document towards the edge, so you have a gradient that looks a bit like this:

2-Gradient

To give the background more texture, choose Filter > Texture > Texturiser. Choose Sandstone for the texture, 100% for Scaling and 2 for Relief. Click OK to apply the texture.

2a-Sandstone

2b-Sandstone

That’s the background setup. Now we can focus on the type.

4. Add some text. I’m using Times New Roman regular, size 150pt and set to white.

3-AddType

5. With the Type layer selected, click on the Layer Style icon at the bottom of the Layers palette and choose Gradient Overlay from the drop down menu.

4-GradientOverlay

When the Gradient Overlay dialog box opens up, click on the Gradient in the middle to open up the Gradient Editor. Set up a Gradient with three stops as follows. The first stop is dark blue (#000033), the second stop is white and the third, on the right hand side is mid blue (#003366). Don’t click OK yet.

5-GradientEditor

6-GradientOverlay

6. Now click on the word Stroke on the left hand side. Set the Stroke Size to 1 px, position to Outside and Opacity to 84%. Set the Fill Type to Gradient, then click on the Gradient in the middle.

7-Stroke

When the Gradient Editor opens, click on the small triangle in the upper right corner and choose Metals from the drop down menu. Then choose Silver from the Presets. Click OK to close the Gradient Editor.

8-GradientEditor

9-StrokeApplied

7. Still inside the Layer Style dialog box, choose Inner Shadow and use the following settings. Don’t click OK yet.

10-InnerShadow

11-InnerShadow

8. And where would we be without a Drop Shadow to finish? Click on the words Drop Shadow on the left hand side and set the following:

12-DropShadow

The final effect should look something like this.

13-Final

To save the style you’ve created for future use, simply click the New Style button on the Layer Style dialog box and give it a name.

It’s easy to go back and change any of the styles you’ve applied by clicking on the name on the Layers palette and the text is still fully editable.

Sponsors