How to create a grass text effect in Photoshop

23/02/2024 412

The grass effect on text will make your design more unique and attractive. How to create a grass text effect in Photoshop is very simple, you just need to combine a few tools together. Join Sadesign to learn about how to create grass text effects in the following shares.

How to create a grass text effect in Photoshop

The grass effect on text will make your design more unique and attractive. How to create a grass text effect in Photoshop is very simple, you just need to combine a few tools together. Join Sadesign to learn about how to create grass text effects in the following shares. 

grass text effect in Photoshop

To get a photo with a unique grass text effect in Photoshop, we first need to create a suitable background. You create the background for the grass text effect in Photoshop through the following steps. 

Step 1: First, you need to create a new working document in Photoshop. 

To create a new file, on the menu bar, select File => New… => fill in the appropriate parameters => OK. 

Or you can use the keyboard shortcut Ctrl+N and then fill in the appropriate parameters.

create a new file

Step 2: We need to create a gradient background area. On the toolbar, select Gradient Tool (G). In the Options section at the top of the screen, double-click on Click to edit the Gradient. In the window that appears, set the color on the left to light yellow (#adbf41) and on the right to medium green (#328a26) and then click OK. On the Options bar, select Radial gradient.

select Gradient Tool (G)

Then we place the mouse in the middle of the background and drag it to one side of the background. At this point we have a light blue background with a yellow part in the middle as shown.

place the mouse in the middle of the background and drag it to one side of the background

So, you have finished creating the background, we will move on to creating text with grass text effects in Photoshop. 

2. Grass text effect in Photoshop - Create grass text 

To be able to create text effect, follow these steps: 

Step 1: First, download a beautiful photo of grass to your device. Then, drag it onto the new created background. Adjust the size to suit the text you intend to write.

drag it onto the new created background

Now, click on the eye icon to the left of the layer to temporarily hide this layer.

click on the eye icon to the left of the layer to temporarily hide this layer.

Step 2: Next, we need to create the text for the grass text effect in Photoshop. So, choose a font you want, customize the size accordingly. Use the Horizontal Type Tool to write appropriate text.

Use the Horizontal Type Tool

Then, set Opacity at 50%.

set Opacity at 50%.

Step 3: We can see that the word FAKER has 5 characters, so select the grass layer and press Ctrl+J 5 times to create 5 copy grass layers. 

Step 4: On the toolbar, select Pen Tool. Then the outline follows the text to create a selection. You should do each letter one by one, here I will do the first letter F. You can zoom in to make zoning easier. You should create curves, so that the grass text effect in Photoshop is most realistic.

select Pen Tool

After you have finished connecting the points, right-click on the new created path and select Make Selection.

select Make Selection.

In the Make Selection dialog box that appears, set the Feather Radius to 0 and then click OK.

set the Feather Radius to 0 and then click OK.

At this point we will get the result as the letter F as shown.

At this point we will get the result as the letter F as shown.

Step 5: Select a grass layer, then invert the selection by pressing Ctrl+Shift+I. The document will now look like the picture below. We can see that the selection will reverse to the grass and background areas.

pressing Ctrl+Shift+I

Press Delete to delete the grass background. Then press Ctrl+D to deselect the selection. At this point we will get the results as shown.

press Ctrl+D to deselect the selection

Let's temporarily hide the FAKER text layer, now we will see that the F part has grass.

Let's temporarily hide the FAKER text layer,

Step 6: Add a little effect to make the grass text effect in Photoshop more vivid. Double click on the letter F layer, the Layer Style dialog box appears, fill in the parameters as shown in the picture.

Double click on the letter F layer

the Layer Style dialog box appears

fill in the parameters as shown in the picture

Step 7: We will make a 3D effect for this letter F. Create a new layer below the letter F layer. Press Ctrl and click on the F letter layer thumbnail to create a selection of the letter F. Then, select the new layer below the new created layer, use the Gradient Tool to fill it with black. Now, the new layer below has a black letter F. Use the Move Tool to move this black letter F to the right and down a bit to create a 3D shadow as shown.

Use the Move Tool

Step 8: On menu bar, select Filter => Blur => Motion Blur.

Motion Blur.

In the Motion Blur dialog box, set the parameters as shown. Or depending on your image, set the appropriate parameters.

set the parameters as shown

Step 9: Set Opacity of the shadow to 30%.

Set Opacity of the shadow to 30%.

Step 10: Now I duplicate the bottom shadow layer to make the shadow a little darker. Then press Ctrl+E so that as the shadow gets closer to the text, it gets darker. Let's set this layer to Multiply and Opacity to 60%.

set this layer to Multiply and Opacity to 60%.

Step 11: Duplicate the layer with the main grass letter, move it below the first grass letter layer and turn off the effects. Use the Move Tool to move it to the right and down a bit. Finally, select all the layers related to the letter F and press Ctrl+E to combine.

select all the layers related to the letter F and press Ctrl+E to combine.

Step 12: Turn on the FAKER text layer and then do the above steps with the remaining letters. As a result, we will get the text FAKER with a grass text effect in Photoshop.

Turn on the FAKER text layer

Above are the steps to create a grass text effect in Photoshop. Hopefully the above sharing from Sadesign can help you have unique designs.

 
Hotline

Buy Now

Confirm Reset Key/Change Device

Are you sure you want to Reset Key/Change Device on this Key?

The computer that has this Key activated will be removed and you can use this Key to activate it on any computer.