How to create metallic typography in Photoshop

In this Photoshop tutorial, we are going to design a metallic typography by using basic tools, few patterns and gradients and a simple designing technique. We’re going to start with a blank page creating a metal pattern first then applying it on the background and text.
Follow this step by step guide to learn how to create metallic typography in Photoshop.


Step # 1 – Creating a Metal Holes Pattern

In the firsts step, launch Adobe Photoshop and open a new document of “4 x 4 pixels” in dimension with a transparent background. Zoom in and select the “Ellipse” tool. Now draw a circle at the bottom of the page using the black color. Duplicate the layer and create two more circles and place them on the top in a way that only their half part is visible. Once done, go to the “Edit” menu, select “Define Pattern”, enter its names as “Metal Holes” and click on the “OK” button to save this pattern.

Design a pattern

Step # 2 – Applying the Pattern on a Page

Now open up a new document choosing the white background, double click on its layer to unlock it and again double click on it to open the blending options. In the blending options panel, go to the “Pattern Overlay” tab, choose the “Metal Holes” pattern which you have just created and set its scale to “30 percent”.

Insert the pattern on a page

Step # 3 – Adjusting the Gradient Overlay Settings

In the next step, go to the “Gradient Overlay” tab, choose its blending mode to “Multiply” and click on the gradient color. Choose the color as “080808” for the left gradient, “343434” for the center and “020202” for the right side gradient. After choosing the gradient, set the angle to “-90 degrees” and click on the “OK” button to apply it.

Change the gradient overlay settings

Step # 4 – Applying the Brush Tool

Now insert a new layer, select the “Brush” tool and paint over the page by using a soft brush with white color. Once done, change the blending mode of this layer to “Overlay”.

Using the brush tool

Step # 5 – Adjusting the Outer Glow Settings

Now insert some text, open its blending options and move over to the “Outer Glow” tab. In this tab, choose its blending mode to “Normal”, set the opacity to “100 percent” and color as black.

Change the outer glow settings

Step # 6 – Adjusting the Bevel and Emboss Settings

Now move over to the “Bevel and Emboss” tab, set its depth to “5 percent”, size to “1px” and soften to “5px”.

Change the bevel and emboss settings

Step # 7 – Adjusting the Gradient Overlay Settings

In the last step, move over to the “Gradient Overlay” tab and click on the gradient option. Choose the color as “828282” for the left and right and “cecece” for the middle gradient. After changing these settings, click on the “OK” button to apply it.

Change the gradient overlay settings