Monday, 22 June 2015

How to Create a Bronze Beveled Text Effect in Adobe Photoshop


Hello Friends. I'm Photoshop Geek. I shall be providing Photoshop Tutorials to you from now on. This is my first Tutorial on this site and 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 files will be used during the production of this tutorial:
  • Stonecross font
  • black_background.pat and scratched_metal.pat
Download the Source Files

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.
Create a new document
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

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

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
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

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 A02layer 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
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.




Pattern Overlay scratched_metalpat on our text
scratched_metalpat on our text

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




Bronze color

Bronze color on our text
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
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
Now we’re going to improve the shiny metal effect by adding glowGo to Layer Style > Inner Glow and set the following values.




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

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




Getting more contrast to the background
Just a little more contrast

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

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

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

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

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
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

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. If you are facing any difficulty, feel free to comment.

Written by

is one of the Team Member of Programmer vs Hacker. He has written many articles on this website and is a patner of this website.

0 comments:

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

© 2015 Programmer vs Hacker. All rights resevered.