How to Create a Realistic Rustic Wooden Sign in Photoshop

Today, I’m going to demonstrate how to apply a design to a textured background, such as wood.

This is ideal for making rustic wooden signs or any other appearance in which your artwork seems to have been painted on a surface and weathered over time.

To begin, we’ll need an image of the textured surface to which we’d like to apply our artwork.

Click here to download the wooden texture.

I’ll also be using two different fonts that you can download here as well as the Fleur de Lys.

Source Serif Pro Black font

Painter

Fleur de Lys

In this tutorial, I’ll be using Photoshop 2022 but any version will work.

I’ll quickly take you through the process of creating this Québec sign design.

This is what the final result will look like.

Rustic Wooden Sign
Final Result

How to Create a Realistic Rustic Wooden Sign

Step 1: Add Your Text and Design

To start with, open up your wooden texture in Photoshop.

We’ll need some artwork to go over the texture. You might use your logo, font design, or other imagery.

Select the Type Tool by pressing T to write your text.

I used the typeface Painter for the world Québec and Source Serif Black Font for the text below. I also added two fleur de lys on each side of the word Québec.

Rustic Wooden Sign
Add Your Text, logo, or imagery

Once you are done with your artwork, Hold Shift and select all the layers that make up the design, then hit Ctrl/Cmd + G to create a group.

Rustic Wooden Sign
Select Your Layers
Rustic Wooden Sign
Ctrl/Cmd + G to group

Step 2: Add Texturing to the Artwork

Let’s start by removing the clean digital aspect to give it a more hand-made appearance.

Right-click on the group and convert to Smart Object.

Rustic Wooden Sign
Convert to Smart Object

Next, Go to Filter > Distort > Ripple.

Change the Size to Large, then add a small amount of distortion between 10-20%.

Rustic Wooden Sign
Filter > Distort > Ripple
Rustic Wooden Sign
Distortion

You can now notice that the digital appearance is less crisp.

Rustic Wooden Sign
Eliminate the Crisp Digital Appearance

After that, turn off the visibility of the artwork group, leaving just the original texture.

Rustic Wooden Sign
Turn off Group

Then, navigate to the Channels panel, then hold down the CTRL/CMD key and click one of the channel thumbnails.

Usually Blue is the best option as it has the most contrast.

Return to the Layers panel and bring back the artwork.

While the selection is active, add a Layer mask to this group to automatically fill it with the texture.

Channel Panel
Channel Panel
Add a Layer Mask
Add a Layer Mask

Depending on the brightness of the texture image, you may need to use CTRL/CMD+I to invert the mask.

Because the present mask is fading the artwork too much, press CTRL/CMD+L while the mask thumbnail is selected to bring up the Levels.

To alter the look of the mask, move the sliders back and forth.

The darker the shadows, the more the artwork is erased; the lighter the highlights, the more the artwork is kept.

Bring up the Levels
Bring up the Levels

Step 3: Add a Displacement Map to Our Rustic Wooden Sign

The Displacement Map will help to boost the realism to make it seems like the artwork is really painted onto the texture.

First, turn off the visibility of the artwork again by clicking on the eye icon.

Then, go to Select > All or press Ctrl + A, followed by Edit > Copy Merged.

Select All
Edit > Copy Merged.
Edit > Copy Merged

You’ll then create a new document and paste the texture.

Next, go to Image > Adjustments > Desaturate, then go to Filter > Blur > Gaussian Blur.

Desaturate
Desaturate
Gaussian Blur
Gaussian Blur
Rustic Wooden Sign

Because this image will be used as a displacement map, a small bit of blur will help to deform the artwork smoothly and without sharp edges.

Save this file as a PSD with a recognizable name by going to File > Save As.

Close the image to return back to the main document.

Restore the artwork’s visibility, then pick the group rather than the group’s mask; otherwise, the effect will be applied to the Layer Mask.

 pick the group rather than the group's mask
pick the group rather than the group’s mask

Next, go to Filter > Distort > Displace.

Rustic Wooden Sign
Filter > Distort > Displace

Keep the default values, then navigate to the displacement map file we just made.

Final Result
Final Result for Rustic Wooden Sign

This Displacement filter distorts the artwork gradually around the texture’s bumps and shapes.

The end result is a Rustic Wooden Sign look in which the artwork has been worn away where there are cracks or dirt inside the texture.

This article focused on utilizing a wooden texture, but the same process can be used to apply your artwork to rusty metal, brick walls, concrete, or any other dirty material.

And We Are Done!

After following this tutorial, you should be able to Create a Realistic Rustic Wooden Sign in Photoshop. I hope you found this guide useful and easy to follow. If you have any questions or suggestions please let me know in the comments down below and I’ll get back to you as soon as possible.

Also Read:

Quick Tips on How to Bend a Road in Photoshop

How to Create a 3D Pop-Out Photo Effect in Photoshop

Tip to Easily Glow Water in Photoshop in 1 Minute