Create text from molten metal in Photoshop

In this tutorial, I will show you how to quickly and easily create bright and fiery text in Adobe Photoshop using a couple of layer styles and textures. So let’s get started!

The Envato Market website features many different styles that inspired me to create this text effect.

The final result:

1. Create a background and apply a gradient

Step 1

Create a new document 980 x 980 px. Duplicate the background layer.

Step 2

Double click on duplicate background layer to apply layer style. Gradient Overlay (Gradient Overlay). Set the following settings for this layer style:

  • Style (Style): Radial (Radial)
  • Tick ​​in the box Dithering (Dither)
  • Click on the color gradient scale to set the colors. Set the tint color # 3b1a0b on the left and the color tint # 170b03 on the right.

So we applied a gradient to the background.

2. Create text layers

Step 1

Type in capital letters using the Chivo Black font. Font color # cb2141, font size 200 pt, value Tracking (Tracking) 25.

Step 2

Duplicate the text layer, decrease the value Fillings (Fill) to duplicate the layer to 0.

3. Apply Styling to the original text layer.

Double click on the original text layer to apply the following layer style:

Step 1

Apply layer style Stamping (Bevel and Emboss) with the following settings:

  • Method (Technique): Smooth (Smooth)
  • The size (Size): 13
  • Uncheck the box Global coverage (Global Light)
  • Circuit gloss (Gloss Contour): Cove-Deep
  • Angle (Angle): 162
  • Height (Altitude): 42
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light) – Opacity (Opacity) 75%, color # c0bcac
  • Mode the shadows (Shadow Mode) – Multiplication (Multiply) – Opacity (Opacity) 75%. Color # 474747

Step 2

Apply the next layer style Circuit (Contour) with the following settings:

  • Circuit (Contour): Half-Round
  • Tick ​​in the box Smoothing (Anti-aliased)

Step 3

Next, apply the following layer style. Texture (Texture) with the following settings:

  • Pattern (Pattern): Select Dark Pattern.

Step 4

Next, apply a layer style. Inner Shadow (Inner Shadow) with the following settings:

  • Blend mode (Blend Mode): Linear dimmer (Linear Burn)
  • Colour (Color): # 745a32
  • Opacity (Opacity): 75%
  • Bias (Distance): 0
  • The size (Size): 10

Step 5

Apply layer style Internal glow (Inner Glow) with the following settings:

  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Colour (Color): Set the gradient shown in the screenshot below.
  • Method (Technique): Accurate (Precise)
  • A source (Source): From the center (Center)
  • The size (Size): 250

Step 6

Next, apply a layer style. Gloss (Satin) with the following settings:

  • Blend mode (Blend Mode): Bright light (Vivid Light)
  • Colour (Color): # fffdf7
  • Opacity (Opacity): 75%
  • Angle (Angle): 7
  • Bias (Distance): 29
  • The size (Size): 35
  • Circuit gloss (Contour): Cone
  • Tick ​​in the box Smoothing (Anti-aliased)

Step 7

Next, apply a layer style. External glow (Outer Glow) with the following settings:

  • Colour (Color): # b73f1b
  • The size (Size): 7

Step 8

Next, apply a layer style. Shadow (Drop Shadow) with the following settings:

  • Blend mode (Blend Mode): Multiplication (Multiply)
  • Colour (Color): # 292525
  • Opacity (Opacity): 100%
  • Bias (Distance): 7
  • The size (Size): 10

So, we applied styling to the original text layer.

4. Apply Styling to duplicate text layer.

Double click on the duplicate text layer to apply the following layer style:

Step 1

Apply layer style Stamping (Bevel and Emboss) with the following settings:

  • Method (Technique): Smooth (Smooth)
  • The size (Size): 20
  • Uncheck the box Global coverage (Global Light)
  • Circuit gloss (Gloss Contour): Cone – Inverted
  • Angle (Angle): 150
  • Height (Altitude): 35
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Linear clarifier (Add) Linear Dodge (Add) – Opacity (Opacity) 60%, color # c0bcac
  • Mode the shadows (Shadow Mode) – Linear shine (Linear Light) – Opacity (Opacity) 75%. Color # b09b86

Step 2

Apply the following layer style Circuit (Contour) with the following settings:

  • Circuit (Contour): Cone
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Range (Range) 100%

Step 3

Next, apply the following layer style. Texture (Texture) with the following settings:

  • Pattern (Pattern): select Aluminum texture with scratches

So, we applied styling to the duplicate text layer.

5. Add a Bokeh Texture to the background

Step 1

Open the bokeh texture in Photoshop. Move this texture to our working paper. Position the bokeh texture below the text layers, scale as necessary. Change the blending mode for the Bokeh texture layer to Lightening basics (Color Dodge).

Step 2

Depending on your text and the size of the bokeh texture that you set, you can fill in the remaining empty parts of the image.

So, hold down (Ctrl), click on the thumbnail of the Bokeh texture layer to load the selection, and then go Editing – Copy merged data (Edit> Copy Merged).

After that we go File – New (File> New) to create a new document with the dimensions of the copied layer, and then go Editing – Paste (Edit> Paste) to get the final result.

Congratulations! We have completed the lesson.

In this tutorial, we created a simple background with gradient fills, then styled two text layers using different layer styles. Finally, we added a bokeh texture to create a simple and colorful glow effect.

Please leave your comments and feedback, as well as your work.

The final result:

Like this post? Please share to your friends: