Google+

Sparkling Iron Text Effect

This tutorial explains how to create a vivid sparkling iron text effect. Many elements will be used, like Layer Styles, brushes, filters, adjustment layers, and some images as well. This tutorial is full of useful tips and tricks for Photoshop users, and it introduces helpful techniques too.

The Final Result:

Tutorial Details

  • Software Used : Photoshop
  • Version : CS6 Extended
  • Time : 0:30 – 0:45

Resources

Step 1

Create a new 1024 x 786 px document. Set the Foreground color to #464646 and the Background color to #363636, pick the Gradient Tool, click the Radial Gradient icon in the Options bar, then click and drag from the center of the document to one of the corners.

Sparkling Iron Text Effect step 1

Place the White diamond plate texture on top of the gradient background then change its layer’s Blend Mode to Overlay and its Opacity to 70%.

Sparkling Iron Text Effect step 1

Place the Texture7 on top of both layers, and change its layer’s Blend Mode to Multiply.

Sparkling Iron Text Effect step 1

Step 2

Create the text in any light color using the font Age. The Size is 300 pt and the text is in All Caps. Also, change the Tracking value to 100 to increase the space between the letters.

Sparkling Iron Text Effect step 2

Change the text layer’s Fill value to 0.

Sparkling Iron Text Effect step 2

Double click the text layer to apply a Stroke effect:

– Stroke

  • Size : 25
  • Position : Center
  • Color : #000000
Sparkling Iron Text Effect step 2

Make sure to increase the Tracking value if you are using a bigger font or Stroke sizes.

Sparkling Iron Text Effect step 2

Step 3

Duplicate the text layer then make it invisible by clicking the eye icon next to it.

Sparkling Iron Text Effect step 3

Next, we want to rasterize the copy text layer AND its Layer Style. In Photoshop CS6, you can right click the layer and choose Rasterize Layer Style, which is a new cool feature in CS6.

In older versions, you’ll need to group the layer, then right click the group and choose Merge Group.

Sparkling Iron Text Effect step 3

Duplicate the rasterized layer.

Sparkling Iron Text Effect step 3

Step 4

Double click the copy (copy 2) rasterized layer to apply the following Layer Style:

– Bevel and Emboss

  • Technique : Chisel Soft
  • Size : 7
  • Gloss Contour : Ring
  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
  • Color : #ffe9ac
  • Sparkling Iron Text Effect step 4

    – Contour

    • Check the Anti-aliased box.
    Sparkling Iron Text Effect step 4

    – Color Overlay

    • Color : #a6a6a6
    • Opacity :
    Sparkling Iron Text Effect step 4

    – Drop Shadow
    Use the default values.

    Sparkling Iron Text Effect step 4

    This will create the shiny iron effect.

    Sparkling Iron Text Effect step 4

    Step 5

    Place the Seamless metal texture smooth image on top of all layers, then Ctrl/Cmd + click the rasterized layer’s thumbnail to create a selection.

    Sparkling Iron Text Effect step 5

    Press Ctrl/Cmd + J to duplicate the selection in a new layer (copy and paste). Then, delete the original texture layer as we don’t need it.

    Sparkling Iron Text Effect step 5

    Go to Image > Adjustments > Levels, then change the Shadows value to 30 and the Highlights value to 240.

    Sparkling Iron Text Effect step 5

    Change the texture layer’s Blend Mode to Hard Light. This will add a nice texture to the iron text, making it look more realistic.

    Sparkling Iron Text Effect step 5

    Click the original rasterized layer (copy) so that it is the selected layer. Then go to Filter > Blur > Motion Blur, and set the Angle to 90° and the Distance to 30. This will intensify the shadow vertically, adding more depth to the text.

    Sparkling Iron Text Effect step 5

    Step 6

    Open the Brush panel (Window > Brush) and choose a soft round brush. Modify its Settings as shown below:

    Brush Tip Shape

    Sparkling Iron Text Effect step 6

    Shape Dynamics

    Sparkling Iron Text Effect step 6

    Scattering

    Sparkling Iron Text Effect step 6

    Dual Brush
    Choose the 90 px Sampled Tip brush.

    Sparkling Iron Text Effect step 6

    Step 7

    Right click the original text layer (not the rasterized ones) and choose Create Work Path.

    Sparkling Iron Text Effect step 7

    Create a new layer right on top of the original text layer and below the two rasterized layers, rename it to BG Sparkles, and change its Blend Mode to Pin Light. Then, pick the Direct Selection Tool, and set the Foreground color to #fff7e5 and the Background color to #363636.

    Sparkling Iron Text Effect step 7

    Right click the Work Path and choose Stroke Path.

    Sparkling Iron Text Effect step 7

    Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is un-checked.

    Sparkling Iron Text Effect step 7

    This will stroke the path with some splattered sparkles. Hit Enter/Return to get rid of the path.

    Sparkling Iron Text Effect step 7

    Step 8

    Double click the BG Sparkles layer and apply an Outer Glow effect:

    – Outer Glow

    • Blend Mode : Overlay
    • Color : #ffd3be
    • Size : 10
    Sparkling Iron Text Effect step 8

    This will apply a nice subtle glow to the sparkles.

    Sparkling Iron Text Effect step 8

    Go to Filter > Distort > Wave, and change the values as below:

    Sparkling Iron Text Effect step 8

    This will scatter and smudge the sparkles a bit more.

    Sparkling Iron Text Effect step 8

    Step 9

    Open the Brush panel (Window > Brush) and choose the Star 14 pixels brush. Modify its Settings as shown below:

    Brush Tip Shape

    Sparkling Iron Text Effect step 9

    Shape Dynamics

    Sparkling Iron Text Effect step 9

    Scattering

    Sparkling Iron Text Effect step 9

    Dual Brush
    Choose the Star 55 pixels brush.

    Sparkling Iron Text Effect step 9

    Color Dynamics

    Sparkling Iron Text Effect step 9

    Transfer

    Sparkling Iron Text Effect step 9

    Step 10

    Ctrl/Cmd + click one of the rasterized layer’s thumbnail to create a selection.

    Sparkling Iron Text Effect step 10

    Open the Paths panel (Window > Paths), then Alt/Option + click the Make work path from selection icon down the panel. This will open the Make Work Path dialog box. Enter 1 for the Tolerance value and click OK. Lower values give more precise paths.

    Sparkling Iron Text Effect step 10

    This will convert the selection to a work path.

    Sparkling Iron Text Effect step 10

    Create a new layer below the BG Sparkles layer and call it Text Sparkles. Right click the BG Sparkles layer, choose Copy Layer Style, then right click the Text Sparkles layer and choose Paste Layer Style. Then, change the Text Sparkles layer’s Blend Mode to Color Dodge.

    Make sure that the Foreground and Background colors are still set to #fff7e5 and #363636, and pick the Direct Selection Tool.

    Sparkling Iron Text Effect step 10

    Stroke the path just like you did before, and don’t forget to hit Enter/Return to get rid of the path when you’re done.

    The stroke is subtle for now, but it will be brighter after we add some adjustment layers later on.

    Sparkling Iron Text Effect step 10

    Step 11

    Place one of the Sparkles images (found in the Resources section in the beginning of the tutorial) on top of all layers.

    Here’s a cool trick to get rid of the background. We are not going to delete it, instead, we’ll just change the layer’s Blend Mode to Lighten. This will work because the background is very dark, and the sparkles are very bright.

    Press Ctrl/Cmd + T to enter the Free Transform Mode, then resize, rotate, and move the sparkle to place it on top of any of the letters as you like.

    Sparkling Iron Text Effect step 11

    Do the same with the other two sparkles images.

    Sparkling Iron Text Effect step 11

    You can as well use the Hue/Saturation to change the sparkles color if you like (Image > Adjustments > Hue/Saturation).

    Step 12

    Click the Create new fill or adjustment layer icon down the Layers panel and choose Gradient Map.

    Sparkling Iron Text Effect step 12

    Make sure that the adjustment layer is on top of all layers, then change its Blend Mode to Soft Light, and its Opacity to 50%. Click the Gradient box in the Adjustments panel (Window > Adjustments) to create the gradient used.

    Sparkling Iron Text Effect step 12

    Click below the gradient bar to add each color stop:

    # – Color – Location

    • 1 – #503a23 – 0
    • 2 – #985d31 – 24
    • 3 – #da8437 – 47
    • 4 – #cf8d3f – 73
    • 5 – #edbd41 – 100
    Sparkling Iron Text Effect step 12

    - Click the Create new fill or adjustment layer icon once again, but choose Photo Filter this time.

    Sparkling Iron Text Effect step 12

    Choose the Warming Filter (85). The Adjustment Layers will add very nice coloring to the effect, making it look brighter and more vivid. They also help blend the different elements together nicely.

    Sparkling Iron Text Effect step 12

    Step 13

    Create a new layer between the two background texture layers and call it Corners.

    Sparkling Iron Text Effect step 13

    Pick the Elliptical Marquee Tool and draw an ellipse that intersects with the edges of the document.

    Sparkling Iron Text Effect step 13

    Go to Select > Modify > Feather, and change the Feather Radius value to 50. This will create nice smooth edges for the selection instead of harsh ones.

    Sparkling Iron Text Effect step 13

    Go to Select > Inverse to invert the selection.

    Sparkling Iron Text Effect step 13

    Fill the inverted selection with Black.

    Sparkling Iron Text Effect step 13

    Go to Select > Deselect to get rid of the selection. This will add depth to the corners instead of creating a flat final result.

    Sparkling Iron Text Effect step 13

    And this is the final result. Hope you liked the effect and found the tutorial helpful.