Text with metallic effect in Photoshop

In this quick tutorial, we’ll explain how to create a patterned metallic text effect using just a couple of layer styles in Photoshop. So, let’s begin!

Materials for the lesson:

Step 1

Before opening Photoshop, install the font and brushes. Open Photoshop and create a new document of 1800×1300 pixels. In RGB mode, 72 dpi and fill it with dark gray # 1f1f1f.

Step 2

Create a new layer. (Create New layer), name it Texture (texture) and apply the installed brushes by clicking a couple of times in the center of the document, using white color. Use brushes with a different texture, painting over the center of the document.

Step 3

Double click on the thumbnail of the Texture layer to open the dialog box Layer style (Layer Style). AT Mixing parameters (Blending mode) reduce Fill (Fill) to a value of 0, then apply Shadow (Drop Shadow) and Inner shadow (Inner Shadow) by specifying the specified settings. These settings will give the texture a stamping effect.

Step 4

Click on the icon Add layer mask (Add Layer mask), then press Cmd / Ctrl + I to invert it.

Take a large soft brush (Rigidity (Hardness) – 0%, The size (Size) – 950px) and click on the center of the document. This method will allow us to make the Texture layer visible only in the center of the document, gradually dissolving along the edges of the document.

Step 5

Using tool Horizontal text (Horyzontal Type) and the settings below write the word “Othello” or any other word. If you do not see the panel Symbol (Character) go to menu Window (Window) and select Symbol (Character).

Step 6

Open the dialog box Layer style (Layer Style) for the “Othello” text layer and apply the specified settings. Under each setting, a preview is presented so that you can see the effect you just applied.

Step 7

Once you have set the style, click Ok. Now highlight the word “Othello” with the tool Horizontal text (Horyzontal Type). Select everything except the capital letter and reduce the tracking size by -5, as shown in the image below.

Step 8

Duplicate this layer with Cmd / Ctrl + J, right-click on the layer thumbnail and select Clear layer style (Clear Layer Style). At this stage, the text looks like the one below, and now we will add more effects. This is my favorite way to work with Layer styles (Layer Styles): on the first layer we add the base (as on the first text layer), and then on the new layer we add light and reflexes. This makes it easier for us to mix colors and light with the textures applied to the layer below.

Step 9

Continue adding Layer styles (Layer Styles) to the second text layer. Double click on the thumbnail of this layer to bring up the dialog box. Layer style (Layer Style). Set the parameter value Fill (Fill) to 0 to Mixing parameters (Blend Mode).

Step 10

The effect is almost achieved, but we need to make it look more realistic. Let’s apply reception with Stroke (Stroke): reduce it Opacity (Opacity) to 0. This technique works on the principle of a layer mask, hiding the outlines of the layer. A three-pixel stroke with the “Inside” position, for example, removes the edges of text by 3px, making everything that is on the layers below in the 3px range visible. Once you have the necessary settings, click Ok to apply the effect.


Remember that when you save the final effect, for example, in jpeg format, it may become slightly different, sharper and more distinct.

Like this post? Please share to your friends: