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!


Did you enjoy this post? Please consider donating to help us cover our server costs.

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 *