Photoshop Text Effects

How to Create a Worn and Weathered Text Effect

In this tutorial, we’ll learn how to create a worn and weathered text effect in Photoshop. Here’s the effect we’ll be creating:

weathered text effect

To create a worn and weathered text effect, you’ll need:

  • Any recent version of Photoshop

Step 1

Create a new document of 640px width and 480px height.

 weathered text effect new document

Press D to set black as the foreground color and fill the document with black by pressing Option+Delete (Macs) / Alt+Backspace (Windows).

 weathered text effect fill

Step 2

Press X to set white as the foreground color, select the Type Tool and type your text using the Impact font. Then, press Command+T (Macs) / Ctrl+T (Windows) to enter Free Transform and drag the corner handles outwards while holding Shift+Option (Macs) / Shift+Alt (Windows) to make the text larger.

 weathered text effect text

Now, go to Layer > Rasterize > Type.

 weathered text effect rasterize

Step 3

Select the Polygonal Lasso Tool, make a jagged selection of the first letter and finish the selection by selecting the rest of the word.

 weathered text effect first selection

Now, press Command+Shift+J (Macs) / Ctrl+Shift+J (Windows) to move the selection onto a new layer.

 weathered text effect move first selection

Press Command+T (Macs) / Ctrl+T (Windows) to enter Free Transform and drag the center target icon to the top-left corner.

 weathered text effect target icon

 weathered text effect top left corner

Now, rotate the letters counterclockwise to create a little tear and press Return (Macs) / Enter (Windows) when you’re done.

 weathered text effect rotate first selection

Step 4

With the Polygonal Lasso Tool, make a jagged selection around the second letter and then select the rest of the word.

 weathered text effect second selection

Again, press Command+Shift+J (Macs) / Ctrl+Shift+J (Windows) to move the selection onto a new layer.

 weathered text effect move second selection

Once again, press Command+T (Macs) / Ctrl+T (Windows) to enter Free Transform and drag the center target icon to the bottom-left corner.

 weathered text effect bottom left corner

Now, rotate the letters clockwise and press Return (Macs) / Enter (Windows) when you’re done.

 weathered text effect rotate second selection

Step 5

Repeat step 3 for all the other letters. Here’s my text after rotating the letter “A” counterclockwise and letter “R” clockwise.

 weathered text effect final text

Step 6

Select all the text layers by first selecting the top layer and shift-clicking on the original text layer.

 weathered text effect select text layers

Now, press Command+E (Macs) / Ctrl+E (Windows) to merge all of the text layers.

 weathered text effect merge

Select the text by command-clicking (Macs) / ctrl-clicking (Windows) on the merged layer’s thumbnail.

 weathered text effect select text

Now, click on the Add A Layer Mask option.

 weathered text effect layer mask

 weathered text effect layer mask result

Go to Filter > Filter Gallery, choose Spatter from the Brush Strokes folder and use the settings shown below.

 weathered text effect spatter

 weathered text effect spatter result

Step 7

With the text layer selected, click on the Layer Styles option.

 layer styles

Select Stroke from the list that appears and select Gradient for the Fill Type option.

 gradient

Click on the gradient preview area.

 gradient preview area

Now, double-click on the black color stop and select a bright red color. Then, double-click on the white color stop, select a dark red color and apply the Layer Style.

gradient editor

And we’re done! The worn and weathered text effect tutorial is complete!

 weathered text effect

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*