In this Photoshop tutorial, I will show you the steps I took to Design this Unique Grass Wood text effect in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky. We will come across techniques such as layer masking, image adjustments, blending, a number of filter effects. Have a try!

Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

leaves typo flatten 2 500x288 Design Unique Grass Wood Text Effect in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design Unique Grass Wood Text Effect in Photoshop

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Hill

Sky

Forest 1

Forest 2

Palm Tree Leaf

Step 1

Create a new document sized 1180px * 680px with white background. Load the Hill image into Photoshop and use the quick selection tool to select the top of the hill, as shown below:

1 sel 500x225 Design Unique Grass Wood Text Effect in Photoshop

Copy and paste the selection onto our document, and resize it the fit the width of our document:

1 paste 500x142 Design Unique Grass Wood Text Effect in Photoshop

Use a soft eraser to fade the top edge of the ground layer, this will create a fog-like effect:

1 erase 500x169 Design Unique Grass Wood Text Effect in Photoshop

Add a Hue/Saturation adjustment layer to this ground layer with the following settings:

1 hue Design Unique Grass Wood Text Effect in Photoshop

and you will have the following effect so far:

1 effect 500x123 Design Unique Grass Wood Text Effect in Photoshop

Step 2

We will add a crack onto the grass, which we will use later on to place our text in. Load the “Forest  2″ image into Photoshop and select the following portion with our quick selection tool:

2 sel 500x224 Design Unique Grass Wood Text Effect in Photoshop

Copy and paste the selection onto our document and distort it slightly so it fits the shape of the hill:

2 dist 500x289 Design Unique Grass Wood Text Effect in Photoshop

Use a splatter brush as eraser, gently erase the edge of the track so it blends into the grass:

2 eraser 500x303 Design Unique Grass Wood Text Effect in Photoshop

2 erase edge 500x191 Design Unique Grass Wood Text Effect in Photoshop

Use the Burn tool to add some dark shadow on the inner sides of the track:

2 burn setting 500x115 Design Unique Grass Wood Text Effect in Photoshop

This adds more depth to the track:

2 burn 500x170 Design Unique Grass Wood Text Effect in Photoshop

Load the Sky image into Photoshop and copy and the sky into our document, then apply the following Motion blur filter setting to it:

2 cloud blur 500x372 Design Unique Grass Wood Text Effect in Photoshop

Fade the bottom edge of the sky with a soft eraser tool and you will have the following effect so far:

2 effect 500x288 Design Unique Grass Wood Text Effect in Photoshop

Step 3

We will start working on the type. Load the Forest 1 image into Photoshop and select the following trunk portion from the image:

3 sel 500x418 Design Unique Grass Wood Text Effect in Photoshop

Copy and paste the trunk into our document, and use the Lasso tool (with 40px feather setting) to select its bottom part as shown below:

3 paste 500x506 Design Unique Grass Wood Text Effect in Photoshop

Adjust the Hue/Saturation setting for this selection so the bottom part blends into the ground:

3 hue 500x372 Design Unique Grass Wood Text Effect in Photoshop

Add some shadow under the trunk with a soft black brush:

3 shadow 500x229 Design Unique Grass Wood Text Effect in Photoshop

Go back to the Forest 1 image and copy a few more tree branches, and attach them to form a letter “F”, as shown below:

3 attac 500x371 Design Unique Grass Wood Text Effect in Photoshop

Step 4

Load the Palm Tree Leaf image into Photoshop and select it with the magic wand tool:

4 plam tree Design Unique Grass Wood Text Effect in Photoshop

Copy and paste the selection onto our document and place this layer below the first big wood trunk layer. Resize and duplicate it a few more times, attach the layers to different parts on the letter as shown below:

4 attach 500x431 Design Unique Grass Wood Text Effect in Photoshop

Also add some grass over the wood with the following portion from the forest 2 image:

4 grass Design Unique Grass Wood Text Effect in Photoshop

Paste the selection over to our document, resize it and set the layer blending mode to “Hard Light”. Duplicate this new grass layer a few more times and attach them as shown below:

4 hard light 500x383 Design Unique Grass Wood Text Effect in Photoshop

Step 5

We’re almost done! Optionally, you can add some green particles around the text, just to add some motion into it:

5 particle 500x325 Design Unique Grass Wood Text Effect in Photoshop

We can add a new black layer on top of all previous layer, and render the following lens flare filter to it:

5 render 500x347 Design Unique Grass Wood Text Effect in Photoshop

Change the blending mode to “Screen”, and you will have the following effect:

5 change 500x305 Design Unique Grass Wood Text Effect in Photoshop

And here is my final effect for this Photoshop tutorial: (click to enlarge)

leaves typo flatten 2 500x288 Design Unique Grass Wood Text Effect in Photoshop

Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!