Add text on a textured surface Photoshop Tutorial

With this tutorial I am going to show you the technique I use when I want to add text on a textured surface.

First of all open the photo with the textured surface that you want to place your text on. For this tutorial I am going to use a stock photo of a wall.

Photo of a textured wall


We are going to duplicate our photo. Go to Image -> Duplicate

duplicate original photo

A new window will come up asking you to give the duplicate image a name, choose a name that you will remember (I named it wall copy)

name the duplicate layer

Now save the duplicate image as the-name-you-gave-it.psd. Make sure that you don’t save it in .jpg or any other format, it needs to be saved as a .psd. (File -> Save as) You can now close the duplicate image.

Back at our original Image. Select the text tool and type your text. I typed the name of my blog in red using the font Action ls.

type your text on the textured surface

The next step is to rasterize the text layer. Right click on the text layer at the layers palette and choose “Rasterize Layer”.

rasterize text layer

This is the basic step of this technique. Go to Filter->Distort->Displace

select the displace filter of adobe photoshop

The settings I use are shown in the screenshot below, however you can experiment with the settings to find the ones that better suit you needs.

displace filter settings

A window will come up asking you to select a displacement map. Find and select the duplicate image that you created at the start of the tutorial (Mine was “wall copy.psd”) and press open.

select your displacement map

Here is the result of the displacement filter.

displacement filter result

We are almost done, we just need to do one more thing, change the text’s layer blending mode. For this tutorial I used “Linear Burn”. However, when using different colors for the text or the color of the background layer is different than the one I used for this tutorial, other blending modes may work as well. For example, “Overlay” works well for black text on light color surfaces.
Here is my final result.

final result of this photoshop tutorial

You can see that the text now blends nicely with the textured background.
If you liked this tutorial digg it digg this story

tutorials thumbnails
del.icio.us Add text on a textured surface Photoshop Tutorial digg this reddit this Furl this +Spurl this

6 Responses to “Add text on a textured surface Photoshop Tutorial”

  1. Arsenal Says:

    Very good keep going.

  2. Noob Says:

    nice… looks good… but i dont think i’ll be using this because im more for making sigs.

  3. edwinwrg Says:

    as a learner to photoshop i found it ivery instructive.

  4. Photoshop Tutorials Blog » Blog Archive » Grunge Text Photoshop Tutorial Says:

    […] With my last Photoshop Tutorial I showed you the technique I use to blend text on textured surfaces, using displacement maps. With this tutorial I am going to show you how you can create grungy text using displacement maps, an almost similar technique. […]

  5. khuezy Says:

    It won’t let me go to “Rasterize Layer”, only “Rasterize Type” and it’s al messed up

  6. Teri Says:

    Seems cool. Will try this later on.
    Thanks

Leave a Reply

Related Posts from the Past: