In this tutorial, we will learn how to Create Unique 3D Grass
and Stone Text Effect in Photoshop CS6 extended. We will explore the
use of the 3D functions to create this interesting text effect. We will
also go through some texturing techniques and filter effects. If you don’t have CS6 extended, you can just download this 3D render I have here and load it into your Photoshop.
This is an intermediate level tutorial so some steps can be tricky, but why not have a try!
The following are the things needed To complete this tutorial, you will need the following stocks:
Font
Grass
Texture over text

Load the Grass image into Photoshop, select a rectangular portion as shown below:

Copy and paste the selection over to our document, use the unsharp mask to sharp the image a little bit. Make sure you adjust the size of the selection so it doesn’t appear to be too large for our document:

Go to Filter > Distort > Wave and apply the following settings:

Use the free transform tool to adjust the shape of the grass as shown below:


If you have CS6 extended, you can go to 3D > New 3D Extrusion from Selected Layer, and go through the following steps. If not, you can just download this 3D render I have here:

Apply the following 3D settings:
Scene

Environment

Mesh

3D Camera

Infinite Light 1

Infinite Light 2

and you will have the following effect so far:


Add a layer mask to this texture layer, then use a soft eraser (set opacity and flow to around 40%) to apply the following mask:

and you will have the following effect:

Add the following 3 adjustment layers as clipping mask to this texture layer:
Black and White

Levels

Layer mask on this levels adjustment layer:

Curves

and here is the effect so far:




And also use a soft white brush to paint some highlights around the text:

I also adjusted the colour balance slightly, and here is the final effect I have for this tutorial: (click to enlarge)

Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.
This is an intermediate level tutorial so some steps can be tricky, but why not 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 of this tutorial: |
Font
Grass
Texture over text
Step 1
Create a new document sized 1280px * 720px with white background. Use Gradient Fill to fill background with this effect as shown below:Load the Grass image into Photoshop, select a rectangular portion as shown below:
Copy and paste the selection over to our document, use the unsharp mask to sharp the image a little bit. Make sure you adjust the size of the selection so it doesn’t appear to be too large for our document:
Go to Filter > Distort > Wave and apply the following settings:
Use the free transform tool to adjust the shape of the grass as shown below:
Step 2
We can now add the text in. Type some letters onto the canvas:If you have CS6 extended, you can go to 3D > New 3D Extrusion from Selected Layer, and go through the following steps. If not, you can just download this 3D render I have here:
Apply the following 3D settings:
Scene
Environment
Mesh
3D Camera
Infinite Light 1
Infinite Light 2
and you will have the following effect so far:
Step 3
We will now add the texture over the text. Load the image into Photoshop and select a piece, copy and paste the selection over to our document, and set the newly copied layer as a clipping mask to the text layer, with the blending mode set to “Overlay”:Add a layer mask to this texture layer, then use a soft eraser (set opacity and flow to around 40%) to apply the following mask:
and you will have the following effect:
Add the following 3 adjustment layers as clipping mask to this texture layer:
Black and White
Levels
Layer mask on this levels adjustment layer:
Curves
and here is the effect so far:
Step 4
We’re almost done! I used some abstract brushes to add some patterns and particles around the text:And also use a soft white brush to paint some highlights around the text:
I also adjusted the colour balance slightly, and here is the final effect I have for this tutorial: (click to enlarge)
Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.
Comments
Post a Comment