fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Wood and grass text
Tutorials Text Effects 34797 Views July 11th, 2010

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!


Part 2

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:

grass-wood-text tutorial intermediary image

The color is # ab8753.

grass-wood-text tutorial intermediary image

The color is # 46433c.

Now you should have this image on your screen:

grass-wood-text tutorial intermediary image

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%.

grass-wood-text tutorial intermediary image

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:

grass-wood-text tutorial intermediary image

grass-wood-text tutorial intermediary image

grass-wood-text tutorial intermediary image

grass-wood-text tutorial intermediary image

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.

grass-wood-text tutorial intermediary image

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.

Part 1Part 2Part 3

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 01, 2009
muy buen trabajo!!!! excelente!! reply
7:00 AM Thursday, December 03, 2009
One of the best wood text tutorials!!!!! reply
7:00 AM Friday, December 04, 2009
it looks very good! good tehnique! reply
7:00 AM Monday, December 14, 2009
Thanks for your wood text tutorials. reply
3:19 PM Wednesday, September 21, 2011
Great tutorial, learnt a lot from that.

Thanks reply
3:22 PM Wednesday, September 21, 2011
I am glad that my tutorial was useful :) reply
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
1:30 AM Tuesday, December 23, 2014
i'm too ,,,,,,,,,,,,,,,, reply
website Breda
1:30 AM Tuesday, December 23, 2014
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

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to mirror an image in Photoshop from this quick tutorial for beginners. To flip an image P...
How to create a realistic pool water texture in Photoshop from scratch using filters and gradient co...
Useful Photoshop tutorials on how to create realistic looking sketch effect or pencil drawings. To c...
More than 70 amazing free textures that you can use for commercial projects. In this collection you ...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator