Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Bronze Beveled Text Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
Final product image
What You'll Be Creating

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:

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.

Create a new document

Step 3

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

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.

Add the texture
black_backgroundpat

Step 5

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

Top lighting effect

black_backgroundpat with top lighting effect

2. Creating the Text

Step 1

Type the word Round or a text of your choice using Stonecross font. Set the Font Size to 132 pt and Tracking to 20 pt. For best quality, change the anti-aliasing mode to Sharp. Rename the layer A01.

The text - Layer A01

Step 2

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

Step 3

Duplicate the text and rename the new layer A02, 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.

Duplicate the text - Layer A02

The text layer over the background

3. Styling the Main Layer

Step 1

Install the .pat file named scratched_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.pat from the list. This texture will work as a base to the metal effect.

Pattern Overlay scratched_metalpat on our text
scratched_metalpat on our text

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.

Bronze color

Bronze color on our text

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.

First custom curve
Second custom curve

Our text are now beveled

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.

Brighten up the text with Satin

Our beveled text brighten up

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.

Shiny metal effect by adding glow
Our text with a glow final touch

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.

Getting more contrast to the background
Just a little more contrast

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.

Outer Glow as a strong stroke

This is a preliminar step

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.

Lights and shadows to the new stronger stroke
Now this is 3D

Step 3

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

Go to the Character window and change Horizontally Scale to 98% as shown below.

The central vanishing point in few clicks

Step 4

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

Match the color
Our duty are close to the end

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.

Brighten up the edges

A little big change

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.

The last shadow
Final Bronze Beveled Text Effect

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.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.