30% OFF ALL PSD VAULT VIP MEMBERSHIPS! Sign up now at https://vip.psdvault.com

Design Unique Grass Wood Text Effect in Photoshop

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)


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

OK Let’s get started!

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



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

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

1 paste

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

1 erase

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

1 hue

and you will have the following effect so far:

1 effect

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

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

2 dist

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

2 eraser

2 erase edge

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

2 burn setting

This adds more depth to the track:

2 burn

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

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

2 effect

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

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

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

3 hue

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

3 shadow

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

Step 4

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

4 plam tree

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

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

4 grass

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

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

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

5 render

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

5 change

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


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!

Categories: Text Effects

Tags: ,,,,

  • http://www.webdesign.org/ Julia Agnes

    wow! lovely tutorial!

  • http://www.freetemplatesonline.com/ Stacy

    cool tutorial! thanks!