Textured Text Effect

In this tutorial, we’ll learn how to create a textured text effect in Photoshop. You can use the steps mentioned here to create any type of texturized text.

Textured Text Effect

To create a textured text effect, you’ll need:

  • Adobe Photoshop

Step 1

Create a new 800 x 600px document and fill it with black.

Textured Text Background

Now, write your text in your chosen color and font. I will be using Myriad Pro font in a blue color.

Textured Effect Text

Step 2

Open your texture photo that you want to use on the text. I will be using this one.

Textured Text Texture

Press Cmd/Ctrl + A to select the image and press Cmd/Ctrl + C to copy the image.

Now, go back to your original document, make sure the text layer is selected and click on the Layer Mask option at the bottom of the layers palette to create a layer mask.

Textured Text Effect Layer Mask

Opt/alt-click on the layer mask thumbnail to bring it up on the document window.

Textured Text Effect Layer Mask Thumbnail

Now, press Cmd/Ctrl + V to paste your texture photo in the layer mask. Then, press Cmd/Ctrl + D to deselect everything.

Textured Text Effect Paste

Once again, opt/alt-click on the layer mask thumbnail to exit out of the layer mask and show the original text with the texture.

Textured Text Effect Layer Mask Click

Textured Text Effect Layer Mask Click Result

Step 3

To make the image inside the text look less like a picture and more like a texture, go to Image > Adjustments > Threshold.

Textured Text Effect Threshold

Dragging the Threshold slider to the left will make the text more visible, while dragging it to the right will hide more of the text. Adjust the Threshold slider according to your image and the effect you want. My text is a bit more hidden than I would like, so I am moving the slider to the left.

Textured Text Effect Threshold Slider

Textured Text Threshold Slider Result

Step 4

If you are happy with the effect as it is now, you can skip this step. However, if you want to change the position of the image inside the text, click on the small link icon between the text thumbnail and the layer mask thumbnail.

Textured Text Unlink

Now, press Cmd/Ctrl + T to enter Free Transform and adjust the image according to your liking.

Textured Text Free Transform

Once you are done, press Return/Enter to exit Free Transform and that’s it! Your textured text effect is complete!

Textured Text Effect