How to Make Grass in Adobe Illustrator

Making a vector grass background in Adobe Illustrator is easier than you think. For this tutorial, you will need to download and install a separate plug-in for Adobe Illustrator called Phantom CS. This plugin helps in making patterns and backgrounds. Follow the step by step guide and learn how to create grass in Illustrator.


Step # 1 – Create a colored rectangle

First of all, create a rectangle from the shape tool. Keep its measurements the same as that of the page which in this case is “800px x 600px”. Change its color to dark green by double clicking the color box. Once the color picker window opens up, enter the color value as “09130A”.

Make a colored rectangle

Step # 2 – Make a second rectangle

Make another rectangle with the same measurements. Change its color value to #”35B44B”.

Create another rectangle

Step # 3 – Add the “roughen” effect

Select the newly created rectangle and go to the “effect” menu on top. From the drop down menu that appears, move over to “distort and transform” and select the “roughen” option. It leads you to a settings menu. From these options set the “size” to “59″ and “detail” to “5″. Choose “smooth” for the points and press “ok”. Once done you can see this effect on the appearance panel. Drag the “roughen” effect below the “fill” option.

Insert the “roughen” effect

Step # 4 – Add the “tweak” effect

Now add another effect to this illustration. Go to the “effects” menu, then to “distort and transform” and select the “tweak” option. This opens the tweak settings window. Over here increase the “horizontal” and “vertical” amount to “100%” and choose relative for the distribution. You can preview the output and press “ok” once you are satisfied. In the appearance panel on the right, bring the “tweak” effect above the “roughen” effect.

Insert the “tweak” effect

Step # 5 – Apply the “Phantom CS” effect settings

The last effect that you need to apply is “Phantom CS”. This effect is a separate plug-in. So if it does not already exist in the “effect” menu, you will have to download it separately. This plug-in allows you to make grass in Illustrator much more easily.
Once you download the plug-in, save it in the plug-in folder where Illustrator setup files are saved. Once downloaded and installed, go to the “effect” menu, drop down to “Phantom CS” and select the “halftone” option.

Inset the “Phantom CS” effect

Step # 6 – Adjust the “Phantom CS” effect settings

Once the Phantom CS Halftone window opens, change the Type to Sampled, Shape to Line and Tint Adjust to Width. With that done, click on “ok” to apply these changes. Once done, move to the appearance panel and bring the “phantom CS halftone” effect above both the “tweak” and “roughen” effects. With that done, your grass background is complete.

Modify the “Phantom CS” effect settings

Step # 7 – Alter the effects

You can alter these effects even after you have already applied them. Do this by going to the appearance panel and double clicking on the effect you want to alter. It opens the settings menu and you can change them according to your requirement.

Modify the effects