TutorialsRoom.com, Where knowledge lands

Creating a Realistic Text on Grass Effect

grass_text (3K)
In my previous tutorial, you have seen how to make a girlish text style in Photoshop now, we will see how to use Photoshop to create a realistic looking text on grass effect.
  1. Click File > New and choose a reasonable size for your image.
  2. Click the Background layer in the Layers window and press Ctrl+J to duplicate it.
  3. Delete the Background layer.
  4. Rename the new layer to BG.
  5. Choose the "Horizontal Text Tool" (T) and type whatever you like.
    grass_text_01 (14K)
  6. Select the BG layer and click "Add a layer style" located at the bottom of the layers window and choose "Pattern Overlay".
  7. Now, we want to choose a grass for the BG layer. Click the down arrow next to the current pattern to open the "Pattern picker", click the small right arrow, choose "Nature Patterns", click Ok in the confirmation message and click the grass pattern. (Follow the red arrows).
    grass_text_02 (16K)
  8. Select the text layer then choose the grass for it too by repeating the previous steps but do not close the Layer Style window.
  9. Check the "Drop Shadow" and follow those settings:
    grass_text_03 (31K)
  10. Make the BG layer invisible by clicking the small eye next to it in the layers window, select the "Magic wand tool" (W) and click all the none text areas then press Ctrl+Shift+I to inverse the selection and select the text only then make the BG layer visible again.
  11. Click "Create new fill or adjustment layer" located at the bottom of the Layers window then choose "Hue/Saturation".
  12. Enter 22 for Saturation, 37 for Lightness and click Ok.
  13. Select the BG layer, click "Create new fill or adjustment layer" located at the bottom of the Layers window then choose "Hue/Saturation".
  14. Enter -8 for Hue, -10 for Saturation, -9 for Lightness and click Ok.
  15. Click the text layer, click Filter > Stylize > Wind to give your work a more realistic look.
Here is my final image: grass_text_04 (48K)

More Useful Tutorials

Make A Girlish Text Style In Photoshop
An easy to follow Photoshop tutorial on how to make a girlish text style suitable for your feminine site logo, banners, avatars and signatures.

Rounded corners rectangle and aligning objects in Photoshop
A detailed answer for two of the most frequently asked Photoshop questions: How to make a rounded corners and how to align objects in Photoshop.

Merge a Baby And a Water Images Using Photoshop
The first thing that almost all of us try to do when starting to learn Photoshop is merging photos. See how we could merge a baby and a water photos so that it looks like the baby is actually in the water!

Did You Like This Tutorial?

Share/Save/Bookmark

Your vote is greatly appreciated!

Current Comments (2)

MGR Said,
Thu, 27 September 2007 01:04am (GMT)

Good tutorial Thank You

Tue, 06 November 2007 17:56pm (GMT)

Superb tutorial - thanks for sharing!


Leave Your Comment (English Only Please)


(Required)


(Optional, will not be shown in public)


(Including http:// - Optional)



Type the sum of 5 + 3 (Required)


Copyright © 2007-2008 Hazem Osman. All rights reserved. Terms & Conditions