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

Wood and grass text

www.psd-dude.com
Tutorials Text Effects 36311 July 11th, 2018

In this Photoshop tutorial I will show you a simple way to create a beautiful rustic text effect. First of all we will need grass texture and of course some wood texture to make this text effect.

So I hope you will enjoy reading this grass text effect or wood text effect it depends on how you want to call it. If you decide to practice it upload your result!

Step 1 - Start with a simple text layer

Open a new psd file. Use the Pen Tool to draw a simple vector shape like in the picture below. Be careful to choose Paths from the top bar; this way your shape will not be visible and the most important it will help you write a custom aligned text. Click on the shape to write the text following the path. If the text is perfect horizontal it is not good try again!

How To Make Wood And Grass Text Photoshop Tutorial

After you've drawn the shape with the Horizontal Type Tool write a simple text "Welcome". The settings for the text are:

How To Make Wood And Grass Text Photoshop Tutorial

The color is not important because we will apply a texture anyway.

How To Make Wood And Grass Text Photoshop Tutorial

If you want to move the text along the path simply drag one of the points from the picture below and the entire text will follow the path. If you want to modify the shape than choose Convert Point Tool from the toolbar and click on the vector points and move them up /down/right/left. It works just like another vector shape. You can Add points, Delete Points, etc.

How To Make Wood And Grass Text Photoshop Tutorial

Write the text "Home" with the same settings and follow the exact same steps. You don't have to make the exact shapes I did; you can do better! Mine for "Home" text is this:

How To Make Wood And Grass Text Photoshop Tutorial

Step 2 - More work on the text effect!

Now we have two text layers Welcome and Home. Select this two layers and right click Rasterize Type and than right click Merge Layers. Call this new layer Text.

Duplicate Text layer and call it Text 1.

Select Text layer and right click and choose Blending Options and check stroke:

How To Make Wood And Grass Text Photoshop Tutorial

You should obtain something similar to this.

How To Make Wood And Grass Text Photoshop Tutorial

Step 3 - Transform the background text into Wood

Create a new layer above the Text layer. Set the Foreground color red. With the Brush Tool cover the white area between the 2 text. Merge the 2 layers : Text layer and Paint layer. Call this new layer Wood.

How To Make Wood And Grass Text Photoshop Tutorial How To Make Wood And Grass Text Photoshop Tutorial

Step 4 - Transform the background text into Wood

Lets make a little inventory. We have 2 layers: Wood and Text 1.

Right click on Wood Layer and make the following settings for Color Overlay and Stroke:

How To Make Wood And Grass Text Photoshop Tutorial

The color is #ab8753.

How To Make Wood And Grass Text Photoshop Tutorial

The color is #46433c.

Now you should have this image on your screen:

How To Make Wood And Grass Text Photoshop Tutorial

Step 5 - Wood fence texture

I've searched the internet for nice wood texture and I found this very beautiful one

Copy the texture and place it above Wood layer. Press CTRL and click the Wood layer thumbnail. You will see a selection of this layer. Go to Wood texture layer and press CTRL+C and CTRL+V. You will se that a new layer appeared. Call this new layer Wood Texture layer and delete the initial texture. Set the Blending Mode for this layer from Normal to Multiply 100%.

How To Make Wood And Grass Text Photoshop Tutorial

Step 6 - Give Depth to the Wood

I want to apply a new stroke to this layer so for that I need to duplicate Wood Layer and than to merge the 2 wood layers. The result is that the new created layer has no stroke checked on Blending options.

So right click on the new Wood layer, choose Blending Options and check Drop Shadow(color # 000000), Bevel/Emboss(Highlight color # a6824b, Shadow Color # 000000), and Stroke(Color # 281f14) like in the pictures below:

How To Make Wood And Grass Text Photoshop Tutorial How To Make Wood And Grass Text Photoshop Tutorial How To Make Wood And Grass Text Photoshop Tutorial How To Make Wood And Grass Text Photoshop Tutorial

Step 7 - Let's work with Text1 - Green Text

I will work now with Text1 layer the one that has the green text. We will apply a grass texture to it. For that copy this nice grass from flickr. Delete the parts that is not grass and duplicate several times and move it until you obtain a big grass area so that it covers the text.

How To Make Wood And Grass Text Photoshop Tutorial

We will do something similar to what we did to wood texture. Press CTRL and click the Text1 Thumbnail and than go to Grass texture layer and press CTRL+C and CTRL+V. Call the new layer Grass texture.

How To Make Wood And Grass Text Photoshop Tutorial

For Grass layer make the following settings in the Blending Options window: drop shadow and Bevel and Emboss.

How To Make Wood And Grass Text Photoshop Tutorial How To Make Wood And Grass Text Photoshop Tutorial

Step 8 - Final Touch!

Copy this nice lady bug and crop it. Resize it and place it on the wood fence.

Set the Foreground Color to # 49351e and draw a rectangle below all the layers.

Did you notice the red circles? This is where I will use Eraser Tool brush size 2-4%, opacity 100% to give the impression of continuity to the fence lines. I will have to delete parts from Wood Layer and Wood Texture Layer.

How To Make Wood And Grass Text Photoshop Tutorial

For the final touch with the Burn and Dodge Tool I have darken/lighten parts from the Wood layer and Grass Texture Layer.

This is the final result!

How To Make Wood And Grass Text Photoshop Tutorial
5 ( 100 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 "Wood and grass text"

Carlo Ruiz
Carlo Ruiz
7:00 AM Tuesday, December 1, 2009
muy buen trabajo!!!! excelente!! reply
Amelie
Amelie
7:00 AM Thursday, December 3, 2009
One of the best wood text tutorials!!!!! reply
John
John
7:00 AM Friday, December 4, 2009
it looks very good! good tehnique! reply
Nige
Nige
3:19 PM Wednesday, September 21, 2011
Great tutorial, learnt a lot from that.

Thanks reply
PSDDude
3:22 PM Wednesday, September 21, 2011
I am glad that my tutorial was useful :) reply
PSDDude
7:13 AM Tuesday, October 25, 2011
I'm very glad! reply
richelle dacup
richelle dacup
1:30 AM Tuesday, December 23, 2014
I learn more in this tutorial's
reply
richelledacup
richelledacup
1:30 AM Tuesday, December 23, 2014
i'm too ,,,,,,,,,,,,,,,, reply
areapal
areapal
1:06 PM Monday, April 29, 2019
Thanks for your wood text tutorials. reply
website Breda
website Breda
1:06 PM Monday, April 29, 2019
clean but simple effect! love it:) 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