textuts

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:

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Resources:

* Halftone Text Effect Color Palette.

Step 1:

- Set the Foreground color to #df0024 and the Background to white (#ffffff). Fill the Background with the Foreground color (#df0024).

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

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

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

- Once you hit OK, change the “Dots” Blend Mode to Linear Burn.

Step 2:

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

- Duplicate the text layer, then double click on the original text layer to apply a Stroke. Change the Size to 25px, and the color to #f5f4e6.

- You can adjust the size until you’re satisfied with the result.

Step 3:

Now, double click on the duplicated (copy) text layer to apply the following styles:

- Drop Shadow: Change the color to #363636, remove the check next to Use Global Light, and change the Angle to 116. Also, change the Distance to 2, and the Size to 3.

- Inner Shadow: Change the color to #951d1d, remove the check next to Use Global Light as well, and change the Angle to -36, the Size to 7, and the Contour to Rounded Steps.

- Bevel and Emboss: Change the Depth to 200, the Size to 10, the Angle to 135 and the Altitude to 53. Also, change the Contour to Log, and check the Anti-aliased box for a smoother result. And finally, change the Highlight Mode to Linear Dodge (Add), and the Shadow Mode color to #ba3a3e.

- 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.

Step 4:

- To create the halftone effect for the text, create a new layer and call it “Text Dots”, then Ctrl + Click on the text layer thumbnail (icon) to create a selection.

- Make sure that the “Text Dots” layer is active (selected), set the Foreground and Background colors to their defaults (Black and White), then go to Filter -> Render -> Clouds. Press Ctrl + D to get rid of the selection.

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

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

- Once you’re done, change the “Text Dots” Blend Mode to Soft Light.

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