Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Rustic wooden text

www.psd-dude.com
Tutorials Text Effects 34382 June 18th, 2018

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.
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: 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. 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: 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. 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. You can now hide Wood2 Layer. 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. 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. Use Skew to obtain from Texture Layer the direction5 number 1, 2, 5 presented in the image above. Direction number 5 Use Warp Tool to obtain from Texture Layer the directions number 3 and 4. Direction number 3 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)

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: 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. For every layer from the group Textured Areas 3 do the following settings: 1. Filter - Brush Strokes - Spatter ( spray radius 5, smoothness 5) 2. Image - Adjustments - Hue/Saturation and set 3. Blending Options - Stroke , color #b17c51 The result for front area is : After doing all the steps mentioned you should have this result: 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 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%. The new text will look like this: 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. Duplicated the layer and place it in place of the other O letter. 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. 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 %. 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.

4.9 ( 103 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

10 comment(s) for "Rustic wooden text"

camy
camy
7:00 AM Wednesday, December 2, 2009
it is super cool this text effect... reply
adriana lima
adriana lima
7:00 AM Wednesday, December 2, 2009
i like it too :) reply
Patrickman
Patrickman
7:00 AM Monday, January 4, 2010
very very good..thank you so much for this tut reply
P.Harris
P.Harris
7:00 AM Wednesday, March 3, 2010
Very complicated, lots of steps:) reply
TKhaO
TKhaO
7:00 AM Wednesday, March 3, 2010
Amazing tut! Like a 3D work :-) reply
PsdDude
7:00 AM Tuesday, February 15, 2011
You can download the font from here http://www.azfonts.net/load_font/futura_xblkcn_bt_extra_black.html and than install it.
I hope it works ok! reply
Twatcher
Twatcher
7:00 AM Tuesday, May 10, 2011
Really cool! reply
ramilc
ramilc
10:05 AM Friday, February 14, 2014
can't get pass through step no. 4. "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." Nothing's happening after doing this. reply
John
10:09 AM Friday, February 14, 2014
This is a very old tutorial, one of my first tutorials that I am not that proud in terms of Photoshop skills.
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
Deep Shah
Deep Shah
1:30 AM Tuesday, December 23, 2014
I don't have d Futurax BLK Text
I m using Photoshop CS as well as CS3 reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top