Grass text effect

[Flep]

Hi all !

Today FlepStudio presents a Photoshop CS3 tutorial that will help many of you, is really a beauty and very useful, thousands and thousands of applications.

In this tutorial we will create a very interesting text effect different textures.

Auhor: Create a Spectacular Grass Text Effect in Photoshop - PSDTUTS

The first thing we want to do is create an interesting background.

So duplicate the background layer and add a nice green gradient to it:

We will now apply a nice texture to it.

You can use internet search engines to find many interesting free-to-use textures around, sxc.hu is one of my favorites.

I chose a nice crumpled paper texture and added some noise to it with the “Add noise filter”.

I then also overlayed an additional texture:

Paste these textures in new layers above our gradient background and change their blending mode to “overlay”.

I also lowered the opacity of both layers to about 50%.

We will now find a nice photo of grass and paste it above all layers.

Type some text above this layer and lower it’s opacity.

We will use it as a guideline:

Here comes the annoying bit.

Zoom in and use your pen tool to follow the outlines of the letters leaving some shapes outside the actual letters in order to resemble grass:

Once your path is completed, go to the paths channel and load your path as a selection.

You can do this by selecting the path and clicking on the circle icon at the bottom of the paths palette.

With this selection active, go to the layers panel and select the grass layer.

Hit CTRL+J on your keyboard to duplicate the selected part of the image into a new layer.

De-activate visibility on path, grass and text layers to see the effect:

Repeat this process for all the letters.

Merge the layers forming the letters and add these styles:

Now duplicate this layer and clear its style by right-clicking on it and selecting: “Clear Style”.

Lower it’s opacity to around 50% and add these styles:

Now control-click on one of the layers containing our grassy text to load that layer as a selection.

Create a new layer and position it below both grassy-text layers.

Fill that selection with black.

With the selection still active, select the “Move tool” (V on your keyboard) from the tools palette and use your arrow keys on your keyboard to move the layer slightly.

You should be pressing in this sequence : Down – Right – Down – Right.

This will give our text much more depth.

Add a motion blur with these settings to this layer:

Lower the shadow layer to around 50%.

Now move this layer down and to the right like we did before so it looks like the letters are casting a shadow over the background:

By duplicating this shadow layer and using the eraser tool with a very soft brush we can adjust the shadow as we like.

Changing the blending mode of the duplicated layers to multiply helps a lot too:

Merge all the layers creating your text and use the burn and dodge tool to add shadows and small highlighs where needed.

As a final step, let’s make some adjustments to the background and add some text.

I used white text with a black outer glow set on a normal blend mode for the “studio” part.

I changed that layer mode to “Soft Light”.

For the other text I used black text with a black outer glow on blend mode: “normal”.

To add some depth to the background, merge the background layers and, with a very large and soft brush, paint the borders of our background so it looks like this:

Source file:

download
TRY ADOBE PHOTOSHOP NOW!

[lex_ph]

cool effect...i like it!

[fromdawest]

WOW ! flep bro ... u a great one bro ... really .. appreciate your guidance bro ... and if you can please start a new tutorial serious for BEGINNERS in FLASH CS3 ... hw evr .. thank you very much bro ...

[mike{]

Please credit the author Collis for the original tutorial over at
Create a Spectacular Grass Text Effect in Photoshop - PSDTUTS

Thank you.

[Flep]

Hi mike,
ok I added the link.
I am sorry, I did not know about it.
You know... I also paid for this tutorial and the author said me he was the author... bAh

[psico88]

wow nice tutorial ! Thanks a lot :)