How to Make Grass in Photoshop

Creating realistic grass in Adobe Photoshop can elevate the visual appeal of your design projects. Whether you are working on a graphic design, web design, or a digital painting project, adding grass can bring a touch of natural beauty to your work. In this tutorial, we will go step by step on how to make grass in Photoshop using various tools and techniques. By the end of this tutorial, you will have a solid understanding of how to create stunning grass textures from scratch.

Getting Started: Setting up the Workspace

Before we begin, make sure you have Adobe Photoshop installed and updated to the latest version. Once you have that, open Photoshop and create a new document with the following settings:

  1. Go to File > New.
  2. Set the Width to 1920 pixels and the Height to 1080 pixels.
  3. Set the Resolution to 300 pixels/inch.
  4. Set the Color Mode to RGB.
  5. Click Create.

Creating the Grass Base

To create the grass base, we will use the Brush tool and the Grass Brush presets. Follow these steps:

  1. Select the Brush Tool from the toolbar or press B on your keyboard.
  2. Click the brush dropdown menu in the top left corner and choose the Grass brush preset. If you can’t find it, go to Window > Brush Settings and click the gear icon to load the “Legacy Brushes.”
  3. Set the Size of the brush to around 50 pixels and the Spacing to 1%.
  4. Create a new layer by clicking the New Layer icon in the Layers panel or pressing Ctrl+Shift+N (Windows) or Cmd+Shift+N (Mac).
  5. Name the new layer “Grass Base.”
  6. Choose a green color for the grass base using the Color Picker.
  7. Paint the grass base onto the new layer using the Brush tool. You can create multiple layers with different shades of green for a more realistic effect.
See also  How to Add Parental Advisory in Photoshop

Adding Depth and Texture

To add depth and texture to the grass, we will use Layer Styles and Filters. Follow these steps:

  1. Right-click the “Grass Base” layer and choose Blending Options.
  2. Apply the following Layer Styles:
    • Bevel & Emboss: Style: Inner Bevel, Depth: 100%, Direction: Up, Size: 5px, Highlight Mode: Screen, Shadow Mode: Multiply
    • Inner Glow: Blend Mode: Overlay, Opacity: 50%, Color: White, Size: 20px
  3. Click OK to apply the Layer Styles.
  4. Go to Filter > Noise > Add Noise and apply the following settings: Amount: 10%, Distribution: Gaussian, Monochromatic: checked. This will add some graininess to the grass texture.
  5. Next, go to Filter > Blur > Motion Blur and apply the following settings: Angle: 90°, Distance: 10 pixels. This will give the grass a sense of motion and depth.

Creating Individual Blades of Grass

To create individual blades of grass, we will use the Pen tool and the Custom Shape tool. Follow these steps:

  1. Create a new layer and name it “Individual Grass Blades.”
  2. Select the Pen Tool from the toolbar or press P on your keyboard.
  3. In the Options bar, choose the Shape option.
  4. Choose a green color for the grass blades using the Color Picker.
  5. Draw a single blade of grass by clicking to create anchor points and dragging to create curves. Close the path by clicking on the starting point.
  6. Duplicate the grass blade layer by right-clicking the layer in the Layers panel and selecting Duplicate Layer. You can also press Ctrl+J (Windows) or Cmd+J (Mac) to duplicate the layer.
  7. Use the Move Tool (press V on your keyboard) to reposition the duplicated grass blade. Vary the size, rotation, and color of the grass blades to create a more realistic and dynamic effect.
  8. Repeat steps 6 and 7 to create multiple grass blades. You can also use the Custom Shape Tool to add more grass blade shapes to your scene.
See also  How to flatten & save files in photoshop

Adding Shadows and Highlights

To add shadows and highlights to the grass, we will use the Dodge and Burn tools. Follow these steps:

  1. Create a new layer and name it “Shadows & Highlights.”
  2. Set the blending mode of this layer to Overlay in the Layers panel.
  3. Select the Dodge Tool from the toolbar or press O on your keyboard. Set the Range to Midtones and the Exposure to around 20%.
  4. Paint over the areas of the grass where you want to add highlights. You can adjust the brush size and hardness for more precise control.
  5. Select the Burn Tool from the toolbar (it is grouped with the Dodge Tool). Set the Range to Midtones and the Exposure to around 20%.
  6. Paint over the areas of the grass where you want to add shadows. As with the Dodge Tool, adjust the brush size and hardness for more precise control.

Final Touches

To add the final touches to your grass, you can apply a subtle color variation using the Hue/Saturation adjustment layer. Follow these steps:

  1. Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and select Hue/Saturation.
  2. Adjust the Hue slider slightly to introduce subtle color variations in the grass. You can also adjust the Saturation and Lightness sliders to fine-tune the overall appearance of the grass.
  3. Optionally, you can add a background to your scene by creating a new layer below the grass layers and filling it with a color or gradient.


You have now successfully created realistic grass in Photoshop using a combination of tools and techniques. By adjusting the brush settings, layer styles, and filters, you can achieve various grass effects and styles to suit your specific project needs. Experiment with different colors, textures, and lighting to create unique grass elements that will enhance your designs. Remember to practice and refine your skills to achieve even more impressive results in your future projects. Happy designing!

See also  What Does the Hand Tool Do in Photoshop?