Text on a wooden signboard in Photoshop

Working with textures can breathe life into your text. Believe me, using different textures with many different elements to create a bright, realistic result is very interesting.

Final image:

Lesson resources:

Step 1

Create a new document. File – Create (File – New) Width: 1000 pix. Height: 718 pixels. Open the original image (brick wall texture) and place it on our document. Scale it (Ctrl + T) until the image completely fills our document.

Double click on the layer (Brick wall texture) with the left mouse button and apply the parameter “Gradient Overlay” (Gradient Overlay)

Blend Mode: Soft Light
Gradient Type: Radial
Scale: 150% (Scale)
Gradient: From transparent to black.

We darkened the edges of the texture a bit.

Step 2

Using the tool “Horizontal text” write any text in white with the font “Wolf_in_the_city” size is arbitrary. In the lesson, the size of the top line: 153.7 points. And the lower 107.6 points.

Duplicate the text layer (Ctrl + J) and place a copy of the text layer under the original one.

Standing on a copy of the text layer go to Editing – Free Transform (Edit> Free Transform) or simply press (Ctrl + T). Then, using the arrows on the keyboard, move the transformed area of ​​the copy of the text layer one pixel down and one pixel to the right. Then press (Enter).

Standing on a copy of the text layer, hold down the keys: Alt + Ctrl + Shift + T, several times to create a duplicate layer and automatically transform as we did with a copy of the text layer.

Hold these keys until the depth becomes stronger. In this lesson, the total number of copies is 17.

Select all copies of the text layer and go to Layers – Merge Layers (Layer> Merge Layers) or just press (Ctrl + E)

Double click on the glued layer and apply the parameter “Stroke” (Stroke)

Size: 5 pixels. (Size)
Position: Center (Center)
Color: (#ffffff)

Set the value “Fill” 0% (Fill) for the bonded layer.

Select the original layer with the text and the glued copy, to do this, hold down the (Shift) key and merge them (Ctrl + E) Layers – Merge Layers (Layer> Merge Layers)

Step 3

Open the texture (Wooden Board) and place it on our document under the text layer (WoodPlanksClean0027). Transform the texture to fit your text. Editing – Free Transformation (Edit> Transform> Scale) or just press (Ctrl + T)

And also you can transform the text as needed. Editing – Free Transformation (Edit> Free Transform) or just press (Ctrl + T)

Go to the original image of the wood texture (WoodPlanksClean0027) then in Image – Correction – Hue / Saturation (Image> Adjustments> Hue / Saturation)

Tone: +2 (Hua)
Saturation: – 15 (Saturation).

Go to Image – Correction – Levels (Image> Adjustments> Levels) (Ctrl + L).

Left slider: 25
Medium slider: 0.95

Step 4

Hold down the Ctrl key and click on the icon of the tree texture layer to create its selection.

Create a new layer under the layer with the texture of the tree, set the foreground color to (# 362f2d) select the tool “Fill” (Paint Bucket Tool) and fill in the layer created by us, after filling, deselect (Ctrl + D).

Now let’s move on to creating the shadow from the board, standing on the layer that we filled in the previous paragraph, activate the free transformation: Editing – Free Transformation (Edit> Free Transform) Then use the arrows on the keyboard to shift the transformable area of ​​the copy of the text layer one pixel down and one pixel to the right. Then press (Enter).

Create two more copies of this layer and also move them (one pixel down and one pixel to the right.)

This will create a small 3D effect for our wood texture.

Select layers with shadow and merge them (Ctrl + E)

Double-click the combined shadow with the left mouse button and apply the parameter “Shadow” (Drop Shadow)

Offset: 13px (Distance)
Size: 27 pixels. (Size)

This setting for the shadow will make the wood panel look more realistic.

Step 5

Now we need a slight slope to make our work look more realistic. Select all layers except the background (Empty if you have one).

Go to Editing – Transformation – Perspective (Edit> Transform> Perspective) then drag the upper left corner 2 degrees down.

Set the foreground color (# b6a187) Background color: (#ffffff). And go to the text layer.

Go to Filter – Filter Gallery – Magic Pencil (Filter> (Filter Gallery)> Sketch> Conte Crayon)

Foreground Level: 11 (Foreground Level)
Scale: 100% (Scaling)

Small effect to make it realistic.

Go to Filter – Noise – Add Noise (Filter> Noise> Add Noise) Effect 5%

Step 6

Choose a tool “Eraser” (Eraser Tool) t open the “Brush Options” window (Window> Brush) (F5)

Select brush number 11 and set its parameters:
Angle: 0 deg. (Angle)
Shape: 100% (Roundness)
Intervals: 5% (Spacing)

Dynamics Shapes: (Shape Dynamic)
Size fluctuation: 3% (Size Jitter)
Angle Jitter: 100% (Angle Jitter)

Move to text layer using tool “Eraser” (Eraser Tool) right click on the canvas and select the brush that we set up earlier. With this tool we will erase the extra parts of the text that are on the connection of the boards or just cracks. (With the help of the Shift key held down, you can erase the area with a straight line).

You should get something like the screenshot below:

Finally add a correction layer. “Gradient Map” (Gradient Map)

Blend mode “Multiplication” (Multiply) Opacity: 70% (Opacity). Click on the color bar of the gradient and set the following colors: Left: (# d7d7d7) Right: (#ffffff).

And so we finished the work, I hope you like your final Result:

Like this post? Please share to your friends: