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 34782 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!


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!

grass-wood-text tutorial intermediary image

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

grass-wood-text tutorial intermediary image

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

grass-wood-text tutorial intermediary image

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.

grass-wood-text tutorial intermediary image

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:

grass-wood-text tutorial intermediary image

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:

grass-wood-text tutorial intermediary image

You should obtain something similar to this.

grass-wood-text tutorial intermediary image

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.

grass-wood-text tutorial intermediary image

grass-wood-text tutorial intermediary image

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
How to create a realistic pool water texture in Photoshop from scratch using filters and gradient co...
Learn how to create a silk embroidery effect in Photoshop using textures and layer styles. This is a...
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 ...

      Torn Photo Effect 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