Adobe Photoshop Text Effects: Create A Worn And Torn Text Effect In Photoshop

Photoshop Text Effects: Worn And Torn Text

Learn Photoshop with Free Photoshop Text Effects at Photoshop Essentials.com

Step 14: Apply The "Spatter" Filter To The Layer Mask

We're going to give our text a nice worn look to it at this point using the "Spatter" filter. To do that, with the layer mask selected, go up to the Filter menu at the top of the screen, choose Brush Strokes, and then choose Spatter, which brings up Photoshop's massive Filter Gallery set to the Spatter options (circled in red on the right):

Adobe Photoshop Text Effects: Photoshop's Filter Gallery set to the Spatter filter options.

Adobe Photoshop Text Effects: Go to Filter > Brush Strokes > Spatter to bring up the Filter Gallery set to the Spatter options.

There's only two options for the Spatter filter, Spray Radius and Smoothness. Feel free to play around with both sliders to see which settings work best for your text, which you can view in the large preview window on the left of the Filter Gallery. I've just gone and dragged both slider bars all the way to the right to set both options to their maximum values of 25 for the Spatter Radius and 15 for the Smoothness, which gives me the effect I'm looking for:

Adobe Photoshop Text Effects: The text after applying the Spatter filter.

Adobe Photoshop Text Effects: The text after applying the "Spatter" filter.

Step 15: Apply A Stroke To The Text To Complete The Effect

To finish things off, I'm going to add a stroke to my text. With my text layer selected, I'm going to click on the Layer Styles icon at the bottom of the Layers palette:

Adobe Photoshop Text Effects: Clicking the Layer Styles icon at the bottom of the Layers palette.

Adobe Photoshop Text Effects: Click the Layer Styles icon at the bottom of the Layers palette.

Then I'll select Stroke from the list that appears:

Adobe Photoshop Text Effects: Selecting 'Stroke' from the list of Layer Styles.

Adobe Photoshop Text Effects: Select "Stroke" from the list of Layer Styles.

This brings up the Layer Style dialog box set to the Stroke options in the middle column. By default, Photoshop uses a solid color for the stroke, but I'm going to use a gradient instead. To change it, click on the down-pointing arrow to the right of the Fill Type option, then select Gradient from the list:

Adobe Photoshop Text Effects: Change the stroke's fill type from 'Color' to 'Gradient'.

Adobe Photoshop Text Effects: Change the stroke's "Fill Type" from "Color" to "Gradient".

The Fill Type options will then change to options for the gradient. Click on the gradient preview area to bring up Photoshop's Gradient Editor to choose new colors for the gradient:

Adobe Photoshop Text Effects: The Fill Type options change to options for the gradient.

Adobe Photoshop Text Effects: Click on the gradient preview area to bring up the Gradient Editor.

When the Gradient Editor appears, double-click on the black color marker on the bottom left of the gradient preview bar in the middle of the Gradient Editor, which will bring up the Color Picker, and choose a bright red color. Click OK to exit out of the Color Picker, then double-click on the white color marker on the bottom right of the gradient preview bar. The Color Picker will re-appear. Choose a dark red color this time, then click OK to once again exit out of the Color Picker. Here's my colors below:

Adobe Photoshop Text Effects: Choosing new colors for the stroke gradient in the Gradient Editor.

Adobe Photoshop Text Effects: Choose a bright red for the color on the left of the gradient and and a dark red for the color on the right.

Click OK to exit out of the Gradient Editor, then click OK to exit out of the Layer Style dialog box to apply the stroke to the text (no need to make any other changes to the Stroke options), and you're done!

Here, with my gradient stroke applied, is my final "worn and torn" text effect:

Adobe Photoshop Text Effects: The final text effect result.

Adobe Photoshop Text Effects: The final text effect result.

And there we have it!

Want an easier way to learn Photoshop? Download our tutorials as Print-Ready PDFs!

Adobe Photoshop Text Effects: StumbleUpon Toolbar

del.icio.us

Go to page: 1 | 2 | 3 | 4 | 5