In this tutorial, you'll learn how to create a bronze beveled text effect using layer styles in Adobe Photoshop. Let's get started!
The following assets were used during the
production of this tutorial:
1. Create the Background
Install the pattern file named black_background.pat by double clicking it.
Create a new document (File > New). Set Width to 600 px and Height to 500 px. Resolution must be 72 ppi.
Select the background and duplicate it (go to Layer > Duplicate Layer > OK). Rename the new layer as Background Pattern.
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.
create the top lighting effect, go to Bevel & Emboss inside the Layer
Style dialog box and apply the following settings:
2. Creating the Text
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.
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.
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
3. Styling the Main Layer
Install the .pat file named scratched_metal.pat.
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.
To achieve a realistic
bronze color, go to Layer Style > Color Overlay. Change the Blend Mode to Multiply and set the following values.
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.
Go to Layer Style > Satin and use the following settings to brighten up the text.
The Contour is a default curve named Cove – Deep.
Now we’re going to improve the shiny metal effect by adding glow. Go to Layer Style > Inner Glow and set the following values.
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
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.
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.
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.
To match the color of both text layers, go to Layer Style > Color Overlay and use the following values.
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.
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.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post