www.psd-dude.com
In this tutorial I will show you how to make a nice rustic text effect using wood texture and a 3D text effect. So the wooden text and nice details like grass and little bugs will complete the image.
I hope you will find this tutorial interesting enough to share it with your friends. This tutorial was made using Photoshop CS4, before the release of CS5 where anyone can obtain a 3D text effect much easier.
Step 1 Write the text
Write WOOD
with the settings:
font family:
Futura Xblk BT
size: 100 pt
sharp
Call the layer
Wood Layer.
![](/tutorials/rustic-text/RusticText_doc_m2c6640c0.gif)
Duplicate the Wood Layer, change the text color to #f70ee9 and call it Wood1 Layer.
Hide the Wood
Layer. Go to Edit - Transform - Skew and move the text like in the picture:
![](/tutorials/rustic-text/RusticText_doc_m253b11d4.png)
Step 2 3D Effect
Duplicate Wood1
Layer. Change the new layer color to #97198f and place the layer
under Wood1
Layer. Move the Wood2 Layer like in the picture below.
Call this layer
Wood2 Layer.
![](/tutorials/rustic-text/RusticText_doc_666893a1.png)
Set the foreground
color to #ba04af. With Pen Tool connect the two wood text to give a 3D look.
It should lookk
something like this:
![](/tutorials/rustic-text/RusticText_doc_m583aa6e6.png)
As you can
see we have at leas 8 surfaces; in fact the corect number of surface is 14 but there
are not all visible. The ones from top have a lighter color, the other a darker
color. The ones below are the surfaces without the Wood1 Layer.
![](/tutorials/rustic-text/RusticText_doc_m58928b19.png)
Now do the
same for the other letters. "O" has only two surface ; duplicate it and move it
to the other O.
"D" has three
surfaces. I advise you to put W surfaces into a group called "W", O surfaces into
a group called "O" and D surfaces into a group called "D"( Select the layers, go
to Layer - New - Group from layers...) And put all 3 groups in one group called 3D.
![](/tutorials/rustic-text/RusticText_doc_169c362a.png)
You can now
hide Wood2 Layer.
![](/tutorials/rustic-text/RusticText_doc_19817703.png)
Step 3 - WOOD Texture
Now it is time
to texture our text. Set the foreground color to #af5207 and the background color #
4b1f04. Draw
a rectangle with the Rectangle Tool big enough to cover the entire text. Go to Filter
0 Render - Fibers and do the following settings. Call this layer Texture Layer.
![](/tutorials/rustic-text/RusticText_doc_ad9b931.png)
We need to
duplicate Texture Layer 5 times, one for each plan and direction we have. Call the
layers Direction 1, Direction 2, .... You can of course skip the direction phase but
the result will not be realistic. Group all 5 layers into a group called Directions.
![](/tutorials/rustic-text/RusticText_doc_652d8e86.png)
Use Skew to
obtain from Texture Layer the direction5 number 1, 2, 5 presented in the image above.
Direction number
5
![](/tutorials/rustic-text/RusticText_doc_25f197c.png)
Use Warp Tool
to obtain from Texture Layer the directions number 3 and 4.
Direction number
3
![](/tutorials/rustic-text/RusticText_doc_m9f7585a.png)
Step 4 - WOOD Texture applied to the text
Now duplicate
the 3D Group and call it Selection Areas.
You have to
merge all the areas that corespond to a direction and call the new layers Area 1,
Area 2,...
Now we have
2 Groups: 5 areas that corespond to 5 directions. The 6th layers coresponds to the initial text Wood 1
Layer.(I have copied the Wood 1 Layer and rasterized it)
![](/tutorials/rustic-text/RusticText_doc_m5b41a082.gif)
Press CTRL
and Thumbnail of the layer Area for each of the 5 areas ; than go to the corespondent
Direction layer and press CTRL+C and CTRL +V. The result is that after a direction
layer a new layer appears that represent the areas with the texture.
Move Layer
10 in front of all the others and hide the directions layers. The result so far
is this:
![](/tutorials/rustic-text/RusticText_doc_m624f5ab3.png)
Step 5 -Textured areas
Move the textured
areas into a new group called Textured Areas. Duplicate this group 2 times and hide
2 of them. We will work only with group Textured Areas 3.
![](/tutorials/rustic-text/RusticText_doc_m268c4b00.png)
For every layer
from the group Textured Areas 3 do the following settings:
1. Filter -
Brush Strokes - Spatter ( spray radius 5, smoothness 5)
![](/tutorials/rustic-text/RusticText_doc_m5ce6e736.png)
2. Image -
Adjustments - Hue/Saturation and set
![](/tutorials/rustic-text/RusticText_doc_m5d5d5472.png)
3. Blending
Options - Stroke , color #b17c51
![](/tutorials/rustic-text/RusticText_doc_m122f1888.png)
The result
for front area is :
![](/tutorials/rustic-text/RusticText_doc_m3a558952.png)
After doing
all the steps mentioned you should have this result:
![](/tutorials/rustic-text/RusticText_doc_4126991f.png)
Step 6 - More
details;Wood section
Set foreground color #d3985f and background color #9c5928.
Create a new layer and fill it with color #d3985f.
Go to Filter - Sketch - Halftone Pattern
![](/tutorials/rustic-text/RusticText_doc_m6bf5c170.png)
Create a new layer with the letter O. Set the opacity
of the layer to 70 % and place the letter near the center of the rectangle. Press
CTRL + Thumbnail of the layer with the letter O and go to rectangle layer; press
CTRL+C and CTRL+V. You will have a new O layer. Duplicated and set the opacity to
75%.
![](/tutorials/rustic-text/RusticText_doc_549850d8.png)
![](/tutorials/rustic-text/RusticText_doc_37f0eccd.png)
The new text will look like this:
![](/tutorials/rustic-text/RusticText_doc_7680a271.png)
Step 7 - Add Wood cracks
To make this wood text more real I will add cracks. So I
found some interesting
wood cracks section that I will use for the two letters O.
Copy the image and paste it into your document. Resize
it Edit - Transform - Scale until it has the same size as O letter.
Press CTRL + Thumbnail of the layer with the letter
O and go to layer Crack Wood Section; press CTRL+C and CTRL+V. You will have a new
O layer. Set the Blending Mode of the layer to Luminosity 45% .
Go to Image - Adjustments - Brightness/Contrast and
set the contrast to +40.
![](/tutorials/rustic-text/RusticText_doc_m146b9a4b.png)
Duplicated the layer and place it in place of the other
O letter.
![](/tutorials/rustic-text/RusticText_doc_m2524d0b5.png)
Select all the layers that involves O shape and place
it into a new group called O.
Merge all the other layers from this group
Textured Areas
3 except group O.
Call this merged
layer Final Wood.
Step 7 -Add
some extra crack
The red circles that you see in the picture below are
areas where we are going to add extra cracks.
![](/tutorials/rustic-text/RusticText_doc_45b55424.png)
Step 8 -Final
Wood Text
Lets add light from the right top corner . So with
the Burn Tool and Dodge Tool I will darken/lighten parts of the text.
Use a small brush 4 - 9 and low exposure 10 %.
![](/tutorials/rustic-text/RusticText_doc_m4df22ce0.png)
You can integrate this text effect in any of your rustic
design. I have drawn a simple shape with Pen Tool, give it depth with Bevel/Emboss;
I used Burn and Dodge Tool to simulate light and shadow. I used color green to look
like a melting grass. I have added some earth ground under the grass.
Use these
grass PNG images to add text behind the wood text.
In the end I have added a
butterfly to make the image look more cute.
Here is the final result for the wooden text effect made in Photoshop.
Check out our newest wood tutorials and resources that you will enjoy for sure.
10 comment(s) for "Rustic wooden text"
I hope it works ok! reply
So to texturize the text with wood you have to move each Direction Layer right above its corresponding Area Layer and right click and choose Create Clipping Mask. reply
I m using Photoshop CS as well as CS3 reply