Tutorial: Learn How To Add Texture to Text

Jamie Bartlett Tutorial 17 Comments 16106 Views

Some of you guys have been asking how I add texture to my lettering so I thought it would be fun to share a little tutorial with you. It’s pretty easy, but if you have any questions be sure to let me know. I’d love to see your results if you end up trying it out!

STEP ONE: Start by opening up a new document in Photoshop at whatever size you need. For this project I’m only going to be using this image on the web so I set up my file as 1200px x 1200px at 72dpi.

STEP TWO: On a new layer add in the type/lettering you want to put texture on.

STEP THREE: Put your texture on your canvas. For this project I did a quick google search for concrete texture then copied and pasted it straight from google.

STEP FOUR: Make a selection of the texture layer by selecting all (⌘A) then copy the selection (⌘C).

STEP FIVE: Add a layer mask to the text layer. Then option + click on the mask.

Now paste (⌘V) the texture in that mask. Then deselect (⌘D). You can now hide the texture layer. You won’t need that anymore. I usually don’t delete it just in case I want to redo my texture or something later.

STEP SIX: Next we need to adjust the texture. Bring up the curves palette for the mask layer (⌘M) and start adding contrast. I usually adjust it, click ok, then bring up the curves palette and keep adjust it a few more times until I get it how I want it.

STEP SEVEN: Make a selection of the text by holding ⌘+clicking on the text in the layer palette.

STEP EIGHT: Now adjust that selection by going to SELECT > MODIFY > CONTRACT and contracting by 8px (this number may change based on the size of your document or preference). Then invert that selection SELECT > INVERSE.

STEP NINE: With the mask selected in the layers palette and your foreground color set to black, hit ⌘+delete to fill the mask with the selection, getting rid of the texture around the edges of the text. You can adjust the curves of the layer mask more if you need to and fine-tune the texture by brushing out any pieces you don’t want. Then you’re done!

Jamie BartlettTutorial: Learn How To Add Texture to Text

17 Comments

    1. apairofpears   Reply

      Select the layer you want to add a mask to, and then click the "Add Layer Mask" button at the bottom of the layers palette. It's the one with a rectangle with a hole in the middle. Then your layer will have an empty mask applied (the white box next to the thumbnail preview in the layers palette). Then just opt+click on the mask (or alt+click on a PC).

      Does that help?

  1. Amy   Reply

    Hey Jamie, I am up to step 8 but when I go to hit ok on the contract dialog, it says no pixels are selected. Now, I've already 'selected' my type on the layer (cmd + select the square where the type is on the layers palette) and it has the marching ants around my type. But apparently it's not there to select? I'm very confused – how am I not selecting anything? Even tried selecting the type and then deleting it, which deletes it. So it's selected something enough to delete it, but not to modify it?

    Could be worth noting that I've placed a png of a hand-drawn text image. So, I didn't start with anything in photoshop, just imported it in there.

LEAVE YOUR COMMENT