Metal Text Effect In Photoshop - Page 2

Step 11: Create A Clipping Mask

Click on Layer 1 in the Layers panel to select it. Then go up to the Layer menu and choose Create Clipping Mask:

The Create Clipping Mask command in Photoshop. Image © 2010 Photoshop Essentials.com.
Go to Layer > Create Clipping Mask.

Layer 1 will become indented to the right in the Layers panel, indicating that it's now "clipped" to the text layer below it:

Layer 1 is now clipped to the text layer. Image © 2010 Photoshop Essentials.com.
The Layers panel now shows Layer 1 clipped to the text layer.

If we look in the document window, we see that the gray texture now appears only inside the text:

The metal texture now appears only inside the text. Image © 2010 Photoshop Essentials.com.
The black from the Background layer is now visible around the text.

Step 12: Add A Bevel And Emboss Layer Style

Click on the text layer in the Layers panel to select it. Then click on the Layer Styles icon at the bottom of the Layers panel:

The Layer Styles icon in the Layers panel in Photoshop. Image © 2010 Photoshop Essentials.com.
Click the Layer Styles icon.

Choose Bevel and Emboss from the list of layer styles that appears:

The Bevel and Emboss layer style. Image © 2010 Photoshop Essentials.com.
Choose Bevel and Emboss.

This opens Photoshop's Layer Style dialog box set to the Bevel and Emboss options in the middle column. First, change the Technique to Chisel Hard, then increase the Size to around 7 px. Drag the Depth slider towards the right to increase it to around 500%:

The Bevel and Emboss options in the Layer Style dialog box. Image © 2010 Photoshop Essentials.com.
The Bevel and Emboss options.

In the Shading section of the options, click on the Gloss Contour thumbnail:

The Gloss Contour thumbnail. Image © 2010 Photoshop Essentials.com.
Click on the Gloss Contour thumbnail.

This opens the Contour Editor. Click on the Preset drop-down box at the top of the dialog box and choose Ring from the list:

The Contour Editor. Image © 2010 Photoshop Essentials.com.
Choose the Ring preset.

Click OK to exit out of the Contour Editor. Then, back in the main Layer Style dialog box, select the Anti-aliased option to the right of the Gloss Contour thumbnail:

The Anti-aliased option. Image © 2010 Photoshop Essentials.com.
Select the Anti-aliased option.

Don't close out of the Layer Style dialog box yet. We still have one more to add, but your text should now look similar to this:

The metal text with Bevel and Emboss applied. Image © 2010 Photoshop Essentials.com.
The text after applying the Bevel and Emboss layer style.

Step 13: Add A Gradient Overlay Layer Style

Click directly on the words Gradient Overlay in the left column of the Layer Style dialog box. You need to click directly on the words themselves, not just in the checkbox, for the Gradient Overlay options to appear:

Selecting the Gradient Overlay layer style. Image © 2010 Photoshop Essentials.com.
Click on the words Gradient Overlay.

The middle column of the Layer Style dialog box will change to show options for the Gradient Overlay. By default, Photoshop chooses a gradient based on the current Foreground and Background colors (black and white), but if some other gradient is selected, click on the gradient preview bar:

The gradient preview bar. Image © 2010 Photoshop Essentials.com.
Click on the gradient preview bar only if something other than a black-to-white gradient is selected.

Then click on the Foreground-to-Background gradient's thumbnail (top left) in the Gradient Editor to select it:

Photoshop Gradient Editor. Image © 2010 Photoshop Essentials.com.
Select the Foreground-to-Background gradient.

Click OK to close out of the Gradient Editor. Back in the main Layer Style dialog box, change the Blend Mode to Overlay, then lower the Opacity to around 70%. This will add an initial lighting effect to the metal:

The Gradient Overlay layer style options. Image © 2010 Photoshop Essentials.com.
The Gradient Overlay options.

Click OK to exit out of the Layer Style dialog box. Here's the effect with the layer styles added:

The metal text effect after applying the layer styles. Image © 2010 Photoshop Essentials.com.
The effect after applying the layer styles.

Step 14: Add A New Layer Set To The Overlay Blend Mode

Click on Layer 1 in the Layers panel to select it. Hold down your Alt (Win) / Option (Mac) key and click on the New Layer icon at the bottom of the Layers panel:

Clicking the New Layer icon. Image © 2010 Photoshop Essentials.com.
Hold down Alt (Win) / Option (Mac) and click the New Layer icon.

This tells Photoshop to pop open the New Layer dialog box where we can set some options before the new layer is added. Click inside the checkbox to the left of where it says Use Previous Layer to Create Clipping Mask to select the option, then change the Mode (short for Blend Mode) to Overlay. Click OK when you're done to close out of the dialog box. A new blank layer named "Layer 2", set to the Overlay blend mode, will appear above Layer 1 in the Layers panel. Like Layer 1, it will be clipped to the text layer below it:

Photoshop New Layer dialog box. Image © 2010 Photoshop Essentials.com.
The New Layer dialog box.

Step 15: Apply The Clouds Filter

Let's add some random highlights and shadows to the metal effect. For that, we'll use Photoshop's Clouds filter, along with the Overlay blend mode we've already set the layer to. Go up to the Filter menu at the top of the screen, choose Render, and then choose Clouds:

Selecting the Clouds filter in Photoshop. Image © 2010 Photoshop Essentials.com.
Go to Filter > Render > Clouds.

The "clouds" create lots of light and dark areas:

The metal text effect after applying the Clouds filter. Image © 2010 Photoshop Essentials.com.
The image after applying the Clouds filter.

Step 16: Apply The Gaussian Blur Filter

The clouds need to be smoothed out a little so they look more like highlights and shadows. We'll do that by blurring them. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur:

Selecting Photoshop's Gaussian Blur filter. Image © 2010 Photoshop Essentials.com.
Go to Filter > Blur > Gaussian Blur.

When the Gaussian Blur dialog box appears, drag the slider along the bottom towards the right to increase the Radius value to around 10 pixels:

The Gaussian Blur dialog box in Photoshop. Image © 2010 Photoshop Essentials.com.
Set the Radius to around 10 pixels.

Here's the image after blurring the clouds:

The image after blurring the clouds. Image © 2010 Photoshop Essentials.com.
The clouds effect now looks more like a subtle lighting effect.

Step 17: Add A New Layer Set To The Multiply Blend Mode

Once again hold down Alt (Win) / Option (Mac) and click on the New Layer icon at the bottom of the Layers panel to bring up the New Layer dialog box. Select the Use Previous Layer to Create Clipping Mask option by clicking inside its checkbox, then change the Mode to Multiply. Finally, select the Fill with Multiply-neutral color (white) option at the bottom of the dialog box. Click OK when you're done to close out of it and add the new layer:

Adding a new layer. Image © 2010 Photoshop Essentials.com.
Add another new layer, this time set to Multiply.

Step 18: Add Noise

Let's grunge up our metal effect by adding some dirt and scratches to it. Go up to the Filter menu, choose Noise, then choose Add Noise. The Add Noise dialog box will appear with the same settings we used previously. No need to change them, so just click OK to exit out of the dialog box. The text is now filled with noise, and since the layer's blend mode is set to Multiply, only the dark specks of noise are visible:

The new layer is filled with noise. Image © 2010 Photoshop Essentials.com.
The Multiply blend mode hides areas of white from view, so only the dark specks of noise are visible.

Step 19: Apply The Median Filter

To turn the noise into something that looks like dirt or scratches, go back up to the Filter menu, choose Noise once again, and then choose Median:

Selecting the Median filter in Photoshop. Image © 2010 Photoshop Essentials.com.
Go to Filter > Noise > Median.

The Median filter is designed to remove noise from an image. Click inside the Radius input box and use the Up arrow on your keyboard to slowly increase its value while keeping an eye on your image in the document window. As you increase the Radius value, the noise will begin to disappear, leaving "clumps" of it behind to create our dirt and scratches effect. A value of around 9 pixels should work. Click OK when you're done to exit out of the dialog box:

The Median filter dialog box. Image © 2010 Photoshop Essentials.com.
Increase the Radius value to decrease noise.

Step 20: Lower The Layer Opacity

If the dirt and scratches effect looks too dark, lower the opacity of the layer. You'll find the Opacity option in the top right corner of the Layers panel. I'm going to lower mine to around 70%:

Photoshop layer opacity. Image © 2010 Photoshop Essentials.com.
The layer opacity option.

And with that, we're done! Here is the final "metal text" effect:

Photoshop metal-text-effect. Image © 2010 Photoshop Essentials.com.
The final "metal text" result.

The Text Remains Editable

One of the nice things about creating this metal effect the way we have is that the text remains completely editable, and we can even change the font we're using if we don't like the one we started with! To change the font, simply select the Type Tool from the Tools panel, click on the text layer in the Layers panel to select it, then choose a different font from the Options Bar (you may need to resize the text again using Free Transform - see Step 9). For example, here I've done nothing more than change the font to Trajan Pro Bold:

The metal text effect using Trajan Pro Bold. Image © 2010 Photoshop Essentials.com.
Same effect, different font.

Here, I've edited the text, changing the word from "METAL" to "STEEL". If you save your document as a Photoshop .PSD file, you can open it again any time you want and edit your text without ever having to recreate the metal texture:

Photoshop steel text effect. Image © 2010 Photoshop Essentials.com.
Same effect, different text.

And there we have it!

Download our tutorials as printable PDFs! Learning Photoshop has never been easier!

More Text Effects tutorials - View our complete collection!

Go to page: 1 | 2