Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended ~ albtechportal

In this tutorial, I will show you the steps 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!

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)

3d grass stone text flatten 500x281 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

OK Let’s get started!

To complete this tutorial, you will need the following stocks:
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:
1 grad 500x281 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

1 grad 500x281 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Load the Grass image into Photoshop, select a rectangular portion as shown below:
1 select grass 500x297 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

1 select grass 500x297 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

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:
1 unsharp Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

1 unsharp Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Go to Filter > Distort > Wave and apply the following settings:
1 wave 500x363 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Use the free transform tool to adjust the shape of the grass as shown below:
1 effect 500x219 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

1 effect 500x219 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Step 2

We can now add the text in. Type some letters onto the canvas:
2 type 500x256 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

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:

2 3d ex 500x230 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Apply the following 3D settings:
Scene
2 3d scene Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Environment

2 3d env Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Mesh

2 text Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

3D Camera

Infinite Light 1

2 inf light 2 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Infinite Light 2

2 inf light 1 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

and you will have the following effect so far:
2 effect 500x231 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

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”:
3 texture overlay 500x382 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

3 texture overlay 500x382 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

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:
3 mask 500x283 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

3 mask 500x283 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

and you will have the following effect:
3 paste 500x285 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Add the following 3 adjustment layers as clipping mask to this texture layer:
Black and White
3 bw Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

3 bw Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Levels

3 lvs Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Layer mask on this levels adjustment layer:
3 lvs mask 500x289 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Curves

and here is the effect so far:

3 effect 500x262 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

Step 4

We’re almost done! I used some abstract brushes to add some patterns and particles around the text:
4 paint 500x228 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

4 paint 500x228 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

4 paint 2 500x250 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

4 shadow 500x232 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

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

4 highlight 500x346 Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 Extended

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

Source

albtechportal

Wednesday, 20 November 2013