Google+

Halftone Text Effect

In this tutorial, we are going to use some Photoshop filters and apply some Layer Styles to create a cool halftone-like text effect.

The Final Result

Tutorial Details

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

Resources

Step 1

Create a new 1024 x 768 px document. Set the Foreground color to #df0024 and the Background to #ffffff. Fill the Background with the Foreground color.

Halftone BG step 1

Create a new layer and call it Dots, then go to Filter > Render > Clouds.

Halftone BG step 2

Go to Filter > Sketch > Halftone Pattern, and set the Size to 2, the Contrast to 0, and the Pattern Type to Dot.

Halftone BG step 3

Go to Filter > Sketch > Photocopy, change the Detail value to 20 and the Darkness to 50.

Halftone BG step 4

Once you hit OK, change the Dots layer’s Blend Mode to Linear Burn.

Halftone BG step 5

Step 2

Type your text using the color #e44520 and center-align it if needed. The font used is Familian, and the Size is 230px.

Halftone TE step 1

Duplicate the text layer, then double click it to apply a Stroke effect. Change the Size to 25, and the color to #f5f4e6.

Halftone TE step 2

You can adjust the size until you like the result.

Halftone TE step 3

Step 3

Now, double click the duplicated (copy) text layer to apply the following Layer Style:

– Drop Shadow

  • Color : #363636
  • Uncheck the Use Global Light box
  • Angle : 116
  • Distance : 2
  • Size : 3
Halftone TE step 4

– Inner Shadow

  • Color : #951d1d
  • Uncheck the Use Global Light box
  • Angle : -36
  • Size : 7
  • Contour : Rounded Steps
Halftone TE step 4

– Bevel and Emboss

  • Depth : 200
  • Size : 10
  • Uncheck the Use Global Light box
  • Angle : 135
  • Altitude : 53
  • Gloss Contour : Log
  • Check the Anti-aliased box
  • Highlight Mode : Linear Dodge (Add)
  • Shadow Mode – Color : #ba3a3e
Halftone TE step 4

You should get a result similar to this. You can stop here if you like the effect, or you can move forward to add the halftone effect to the text.

Halftone TE step 4

Step 4

To create the halftone effect for the text, create a new layer and call it Text Dots, then Ctrl/Cmd + click the text layer’s thumbnail to create a selection.

Halftone TE step 5

Set the Foreground and Background colors to Black and White, then go to Filter > Render > Clouds. Press Ctrl + D to get rid of the selection.

Halftone TE step 6

Go to Filter > Sketch > Halftone Pattern, and make sure that the Size is still set to 2, the Contrast to 0, and the Pattern Type to Dot.

Halftone TE step 7

Go to Filter > Sketch > Photocopy, make sure that the Detail value is still set to 20 and the Darkness to 50 as well.

Halftone TE step 8

Once you’re done, change the Text Dots layer’s Blend Mode to Soft Light.

Halftone TE step 9

You can play around with the colors, this effect looks really cool in different colors as well!


Latest Comments
  1. Moai
    • textuts
  2. chapola
    • textuts
  3. grain
    • textuts
  4. Kris
    • textuts
  5. Omega
    • textuts
  6. Anonymous
  7. Agota
    • textuts
  8. whitehawk
    • textuts

Leave a Comment

Your email address will not be published. Required fields are marked *