How to Create a Bronze Beveled Text Effect in Adobe Photoshop

In this tutorial, you'll learn how to create a bronze beveled text effect using layer styles in Adobe Photoshop.Let's get started!

Tutorial Assets

The following assets were used during the
production of this tutorial:

• Stonecross font
• black_background.pat and scratched_metal.pat (zip file)

1. Create the Background

Step 1

Install
the pattern file named black_background.pat
by double clicking it.

Step 2

Create a new document
(File > New). Set Width to 600 px and Height to 500 px.
Resolution must be 72 ppi.

Step 3

Select
the background and duplicate it (go to Layer
> Duplicate Layer > OK). Rename the new layer as Background Pattern.

Step 4

Now we are going to
add the texture using a Layer Style. Keep in mind that we are going to use
Layer Style a lot, so try to remember how to reach the menu.

Go to Layer > Layer Style > Pattern Overlay,
select '
black_background.pat ' from the list, set the Scale value to 50%, and press OK.

Step 5

To
create the top lighting effect, go to Bevel & Emboss inside the Layer
Style dialog box and apply the following settings:

2.Creating the Text

Step 1

Type
the word Round or a text of your
choice using Stonecross font. Set the
FontSize to 132 pt andTracking
to 20 pt. For best quality, change the anti-aliasing mode to Sharp. Rename the
layerA01.

Step 2

Using the Move Tool, select
the text and background layer, and then clickAlign Horizontal Center and Align Vertical Center on the top menu
to center it.

Step 3

Duplicate the text and
rename the new layerA02, as shown
below. Hide the A02 layer to work
more comfortably, because we are not going to use this layer until part 4 of this
tutorial.

3.Styling
the Main Layer

Step 1

Install
the .pat file namedscratched_metal.pat.

Step 2

We are going to work on the A01 layer. Go to Layer Style
> Pattern Overlay, click on the Pattern box and choose scratched_metal.patfrom the list. This texture will work as a
base to the metal effect.

Step 3

To achieve a realistic
bronze color, go to Layer Style > Color Overlay. Change the Blend Mode to Multiply and set the following values.

Step 4

In the Layer Style
window, modify the settings of Bevel & Emboss and Contour as shown below.

You’ll need to create two custom contour curves
to get the volume effect. Follow the images carefully and use the values shown in the right column.

Step 5

Go to Layer Style > Satin
and use the following settings to brighten up the text.

The Contour is a default curve named Cove – Deep.

Step 6

Now we’re going to improve the shiny metal effect by adding glow. Go to Layer Style > Inner Glow and set the following values.

Step 7

We need to add some shadows to separate the text from the background. Go to
Layer Style > Outer
Glow and use the values shown below.

4.Styling
the Second Layer

Step 1

We’re going to work with the A02 layer, so make sure you turn it on! Go to Layer
Style > Outer Glow and use the settings shown in the image below.

Step 2

To start improving the 3D look, we are going to accentuate the lights
and shadows on the edges. Go to Layer Style >
Bevel & Emboss and use the following settings.Create a custom contour with the values shown in the right column.

Step 3

This is an important step. We have to achieve a perspective with a
central vanishing point.

Go to theCharacter
window and changeHorizontally Scale
to 98% as shown below.

Step 4

To match the color of both text layers, go to Layer Style > Color Overlay and use the following values.

Step 5

Select Stroke from the Layer
Style window, set Fill Type as Gradient and use the values shown below
to brighten up the edges.

Tip:To create a new point
in the gradient you have to click under the gradient bar. Clicking each one of
the color stops allows you to modify Location and Color.

Step 6

In this final step we are going to add some
depth to make the text stand out. Modify Drop
Shadow using the following settings.

Great Job, You’re Done!

In this tutorial I showed you how
to create a metallic background and a bronze beveled text effect using layer
styles.

I hope that you enjoyed this tutorial and can use what
you’ve learned for your own projects. Please feel free to comment and show me your results.