6. Create the Main Grass Rectangle

Step 1

Step 2

Pick the Direct Selection Tool, then click and drag to select the two upper corners of the rectangle.

Step 3

Go to Edit > Transform Points > Scale, press and hold the Alt/Option key, then drag one of the rectangle's sides inwards. The Alt/Option key will drag the other side as well.

You'll need to drag the points until they are behind the text, creating an illusion of a 3D/perspective effect. Once you're done, hit the Enter/Return key to accept the changes.

7. Adding the Grass Texture

Step 1

Place the Grass0138_20_M image on top of the rectangle's layer, then go to Edit > Transform > Perspective, and click and drag one of the upper corners to move them inwards, then hit Enter/Return to accept the changes.

Step 2

Right click the grass texture layer and choose Create Clipping Mask. You can then use the Move Tool to move the texture inside the rectangle until you like the result.

Step 3

Pick the Brush Tool, open the Brush Panel (Window > Brush), choose the Dune Grass tip, and modify its Settings as shown below.

Once you're done modifying the settings, click the Create new brush icon down the Brush panel and type in a name for the brush tip. This will add it to the preset so that you can use it later in the tutorial as well.

Brush Tip ShapeShape DynamicsScatteringColor DynamicsTransfer

8. Stroke the Grass Edges

Step 1

Use the Direct Selection Tool to select the grass rectangle shape's anchor points, then go to Edit > Copy.

Step 2

Create a new layer on top of the grass texture layer and call it Grass Stroke, then go to Edit > Paste. This will paste the work path into the document.

Step 3

Pick the Brush Tool once again, then set the Foreground color to #232d05 and the Background color to #7b892a. Hit the Enter/Return key 3 times to stroke the path with the grass brush, then pick the Direct Selection Tool and hit Enter/Return one more time to get rid of the path.

Step 4

Command/Ctrl-click the rectangle layer's thumbnail to create a selection.

Step 5

Go to Select > Modify > Contract, and type in 2. This will contract the selection 2 px inwards.

Step 6

Step 7

Hit the Delete key to get rid of the selected part, then go to Select > Deselect. This will help blend the stroke grass with the grass texture a bit better.

Step 8

Pick the Dodge Tool, and in the Options bar, choose a soft round 65 px tip, set the Range to Midtones and the Strength to 50%.

Then, start brightening the stroke where it meets with the bright areas of the original texture. Again, this will help with blending both parts more seamlessly.

9. Add the Dirt Below the Grass

Step 1

Use the Rectangle Tool to create a smaller rectangle below the grass one, then, following the same steps as before, select the lower two corners to transform them inwards.

Step 2

Place the SoilCliff0027_1_S image on top of the small rectangle, making sure to show some of the grass at the top.

Step 3

Command/Ctrl-click the small rectangle layer's thumbnail to create a selection, then press Command/Ctrl-J to duplicate the selection into a new layer. Delete the original SoilCliff0027_1_S texture layer.

Step 4

Copy and paste the small rectangle's work path into the copy SoilCliff0027_1_S layer, set the Foreground color to #6a492b and the Background color to #4e3119, then stroke the path 2-3 times with the same grass brush. Don't forget to get rid of the path afterwards as well.

Step 5

Place the SoilSand0046_1_S image on top of the copy SoilCliff0027_1_S layer, and go to Edit > Transform > Perspective to move the bottom corners inwards.

Step 6

Right click the dirt layer and choose Create Clipping Mask, then change its Blend Mode to Multiply.

Step 7

Double click the clipped dirt layer to apply a Gradient Overlay effect, by changing the Blend Mode to Soft Light, and using a White to Black gradient.

Step 8

With the Layer Style box still open, click and drag the gradient in the document to move it around, so that it is darker at the top and lighter at the bottom.

Step 9

This is it for the dirt part below the grass.

10. Add the Shadow and Scattered Dirt

Step 1

Pick the Brush Tool and choose a soft round 150 px tip, set the Foreground color to #a1a1a, make the small rectangle's layer invisible, create a new layer on top of it, call it Shadow, and change its Blend Mode to Linear Light.

Place the brush tip on the rectangle's left front corner so that its center is in the middle of the dirt part, click, and press and hold the Shift key, then drag to the right front corner to create the shadow.

Step 2

Pick the Eraser Tool, and use a soft round brush tip to erase any extra shadow around the edges.

Step 3

Step 4

Set the Foreground color to #6a492b and the Background color to #4e3119, create a new layer below the Shadow layer, call it Scatter, then paint along the shadow to add some dirt.

11. Add Grass in Front of the Text; Modify the Shadow

Step 1

Pick the Stamp Tool, select the grass texture layer, press and hold the Alt/Option key, then click where the last letter meets the grass.

Step 2

Create a new layer on top of all layers, call it Grass, with the Stamp Tool still selected, choose the modified grass brush tip, and start painting some grass at the bottom of the text.

Step 3

Select the Text Shadow Layer and make it visible by clicking the empty box next to it where the eye was, then go to Edit > Transform > Perspective to move the upper corners inwards.

Step 4

Go to Edit > Transform > Distort, then click and drag the upper side downwards to place the shadow on the grass. You can move the corners if needed as well, and once you like the result, hit the Enter/Return key to accept the changes.

Step 5

Change the Text Shadow layer's Blend Mode to Multiply, and its Opacity to 50%.

Step 6

Go to Filter > Blur > Gaussian Blur, and change the Radius to 5.

12. Create the Center Details

Step 1

Command/Ctrl-click the big rectangle layer's thumbnail to create a selection, create a new layer below the Text Shadow layer, call it Center, change its Blend Mode to Linear Light, and set the Foreground color to #a1a1a1.

Step 2

Pick the Brush Tool, choose a 35 px round brush, and set its Hardness to 90%. Click in the middle top of the rectangle, press and hold the Shift key, then drag to the bottom.

Step 3

Change the Brush Size to 200 px, and the Roundness to 50%, then add the ellipse in the center of the rectangle.

Step 4

Pick the Eraser Tool, use a round brush tip, set the Size to 150 px, the Hardness to 90%, and the Roundness to 50%, then click in the middle of the ellipse you added in the previous step to erase its center leaving an outer stroke only.

Step 5

Click the Create new fill or adjustment layer icon down the Layers panel, and choose Gradient Map.

Step 6

Place the adjustment layer on top of all layers, change its Blend Mode to Multiply, and its Opacity to 3. For the Gradient, use the colors #2c1f12 to the left and #deaf41 to the right. This will just add a very subtle color correction to the final result.

Step 7

Congratulations! You're done.

In this tutorial, we showed you how to create a soccer-themed text effect using just a few simple techniques and tools in Photoshop. We began by typing some text, then, we added some layer style effects, added a field of grass, and finally, added a few finishing touches. I hope that you learned something from this tutorial and can apply the techniques that I demonstrated to your own work.