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

www.psd-dude.com
Tutorials Text Effects 33684 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!

Advertisment

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
Amelie
Amelie
7:00 AM Thursday, December 03, 2009
One of the best wood text tutorials!!!!! reply
John
John
7:00 AM Friday, December 04, 2009
it looks very good! good tehnique! reply
areapal
7:00 AM Monday, December 14, 2009
Thanks for your wood text tutorials. 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
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 create a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

      Rubber Stamp Generator Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
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...
Partners
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top