Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Grass-Covered Spring Text Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
Final product image
What You'll Be Creating

Spring is in the air! And in celebration of that, we're going to create a spring-inspired text effect, similar to the text effects that can be purchased on Envato Market, using some textures, brushes, layer styles, and filters. Let's get started!

Tutorial Assets

The following assets were used during the production of this tutorial:

1. Create the Background

Step 1

Create a new 849 x 603 px document, and then place the Wood Texture v2e image on top of the Background layer, and resize it as you like.

Add the Wood Texture

Step 2

Go to Filter > Blur > Gaussian Blur, and set the Radius to 0.5. This will smooth the texture a little bit.

Gaussian Blur

Step 3

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Hue/Saturation.

HueSaturation

Step 4

Change the Saturation to -15.

Saturation Value

Step 5

Click the Create new fill or adjustment layer icon again, and choose Levels, then change the Gamma value to 0.95.

Levels Settings

2. Create and Duplicate the Text

Step 1

Create the text in All Caps using the font Big Bottom Cartoon. Change the Size to 120 pt and the Tracking value to 250.

Create the Text

Step 2

Duplicate the text layer, and then go to Edit > Free Transform.

Hit the Down Arrow Key once and the Right Arrow Key once to move the copy text layer 1 px downwards and 1 px to the right.

Hit the Return key to accept the changes.

Duplicate and Transform the Text Layer

Step 3

Press the Command-Option-Shift-T keys three more times to create three new copy layers with the transformation applied.

Duplicate the Text Layer

3. Rename and Reorder the Text Layers, and Create Some More Layers

Step 1

Rename the text layers you have to Text, along with the layer's number from bottom to top.

So the original text layer at the bottom should be renamed Text 1, and the fifth copy text layer at the top should be renamed Text 5.

Rename the Text Layers

Step 2

Now change the order of the text layers so that you have Text 1 at the top and Text 5 at the bottom.

Reorder the Text Layers

Step 3

Create five new layers on top of the text layers you have, and reorder them as well.

Create Five New Layers

Step 4

Duplicate the Text 1 layer, rename it Text Top, and place it on top of all the layers you have.

Finally, create one more new layer on top of all layers and call it Grass Stroke.

Create Two More Layers

4. Stroke the Text Layers

Step 1

Right-click the Text 1 layer and choose Create Work Path.

Set the Foreground Color to #b6b567 and the Background Color to #425103, pick the Brush Tool, and choose the Grass Stroke Brush tip.

Create a Work Path

Step 2

Select Layer 1, and hit the Return key to stroke the path with the brush tip.

Stroke the Path

Step 3

Right-click the Text 2 layer, choose Create Work Path, and then select Layer 2, and hit the Return key to stroke the path.

Repeat that for the rest of the text layers you have. Make sure to create a work path for each text layer, and then select the layer with the corresponding number to stroke the path on.

Stroke the Rest of the Text Layers

Step 4

Create a work path for Text 1 again, select the Grass Stroke layer, and stroke the path.

Grass Stroke Layer

Step 5

Select the Text Top layer, and click the Add vector mask icon at the bottom of the Layers panel.

Pick the Eraser Tool, choose the same Grass Stroke Brush tip, and set the Foreground Color to White.

Make sure that the mask thumbnail is selected, and hit the Return key to stroke the Text 1 work path one last time.

Pick the Direct Selection Tool (A) and hit the Return key to get rid of the work path.

Stroke the Layer Mask

5. Add the Grass Texture

Step 1

Group the text layers in a group and call it Text Layers.

Text Layers Group

Step 2

Place the Grass0027_5_S image on top of the Text Layers group, and resize it to cover up the group's contents.

Add the Grass Texture

Step 3

Right-click the grass texture's layer and choose Create Clipping Mask.

Duplicate the grass texture layer twice. Place one of the copies on top of the Top Text layer, and the other on top of the Grass Stroke layer, and create clipping masks for both.

Duplicate the Grass Texture

6. Style the Text Top Layer

Step 1

Double-click the Text Top layer to apply a Bevel and Emboss effect using the following settings:

  • Size: 13
  • Uncheck the Use Global Light box
  • Angle: 27
  • Altitude: 42
  • Check the Anti-aliased box
  • Highlight Mode: Soft Light
  • Opacity: 30%
  • Shadow Mode: Multiply
  • Color: #8b8e79
  • Opacity: 50%
Bevel and Emboss

This will add some dimension to the text.

Styled Text Top Layer

Step 2

Group all the layers you have except for the Background layers and their adjustment layers. Then duplicate the group, and go to Layer > Merge Group.

Group and Merge

7. Style the Group

Double-click Group 1 to apply the following layer style:

Step 1

Add an Inner Shadow with these settings:

  • Blend Mode: Color Burn
  • Color: #5d6625
  • Opacity: 35%
  • Uncheck the Use Global Light box
  • Angle: -104
  • Distance: 8
  • Size: 9
Inner Shadow

Step 2

Add a Drop Shadow with these settings (1):

  • Opacity: 43%
  • Uncheck the Use Global Light box
  • Angle: -41
  • Distance: 10
  • Size: 27
  • Noise: 5
Drop Shadow 1

Step 3

Add a Drop Shadow with these settings (2):

  • Opacity: 25%
  • Uncheck the Use Global Light box
  • Angle: 41
  • Distance: 45
  • Size: 27
  • Noise: 5
Drop Shadow 2

Step 4

Add a Drop Shadow with these settings (3):

  • Blend Mode: Linear Burn
  • Opacity: 35%
  • Uncheck the Use Global Light box
  • Angle: 126
  • Distance: 15
  • Size: 27
  • Noise: 5
Drop Shadow 3

Step 5

Add a Drop Shadow with these settings (4):

  • Blend Mode: Vivid Light
  • Color: #ffffff
  • Opacity: 10%
  • Distance: 15
  • Spread: 27
  • Size: 27
  • Noise: 5
Drop Shadow 4

This will style the extrusion layers and add the shadow.

Styled Extrusion Layers

8. Style the Merged Group Layer

Double-click the Group 1 copy layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 29
  • Uncheck the Use Global Light box
  • Angle: 61
  • Altitude: 37
  • Check the Anti-aliased box
  • Highlight Mode: Soft Light
  • Opacity: 50%
  • Shadow Mode: Multiply
  • Color: #8b8e79
  • Opacity: 70%
Bevel and Emboss

Step 2

Add a Texture with these settings:

  • Pattern: Black Mamba
Texture

This will add some realistic texturing to the grass.

Textured Grass

9. Add the Flowers

Step 1

Choose the flowers you want to add from the High resolution: Flowers png pack, and add one on top of all the layers you have.

Enter the Free Transform Mode (Command-T) to resize, rotate, and move it as needed, and then hit the Return key to accept the changes.

Add a Flower

Step 2

Double-click the flower layer to apply a simple Drop Shadow effect using these settings:

  • Opacity: 55%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 6
  • Size: 9
Drop Shadow

Step 3

Right-click the flower layer and choose Copy Layer Style.

Copy Layer Style

Step 4

Add in the rest of the flowers you want to add, and duplicate and transform them until you like the result.

Once you're done, select all the flower layers you have, right-click any of them, and choose Paste Layer Style.

Add the Rest of the Flowers and Paste the Layer Style

Step 5

Group the flower layers in a Flowers group.

Add a Hue/Saturation adjustment layer, clip it to the group, and change the Saturation value to -15.

HueSaturation

10. Apply the High Pass Filter

Step 1

Duplicate all the layers and groups you have except for the Background layers and their adjustment layers.

Expand the Group 1 copy 2's effect list, and click-drag the Drop Shadow effect tabs to the Delete icon at the bottom of the Layers panel to remove them.

Duplicate and Remove the Drop Shadow Effects

Step 2

Select the duplicated layers, and go to Layer > Merge Layers, then Filter > Convert for Smart Filters, and rename the layer to Filters.

Create the Filters Layer

Step 3

Go to Filter > Other > High Pass, and change the Radius to 5.

High Pass 1

Step 4

Change the Filters layer's Blend Mode to Soft Light and its Opacity to 50%.

Change the Filters Layers Settings

Step 5

Duplicate the Filters layer, and change the copy's Opacity to 35%.

High Pass 2

Congratulations, You're Done!

In this tutorial, we used a wood texture for the background, and added some adjustment layers to enhance its coloring.

Then, we created and duplicated the text, as well as a couple of other layers to start working on the effect.

After that, we created the grass stroke, added the grass texture, and styled the different layers to add texture and dimension. We also added and styled the flower layers all over the text.

Finally, we merged and modified the layers, applied a high pass filter that sharpened the details of the effect created, and finished it off.

Please feel free to leave your comments, suggestions, and outcomes below.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.