View Cart

Premium tuts, articles and royalty free designs resources

Become a better designer, access tons of premium tuts and royalty free designs resources.

Premium Design Bundle

Quick Tip: How to Create Vector Grass in Illustrator

Creating a cool vector grass field seems easy at a glance, but then you realize you need to create a ton of grass strings with another huge set of green tones (assuming you want it to be green) and it all comes down to hours of work for a simple grass field. So what do you do then?

No worries, I am here to explain a really fast an clean way to do the same work in way less time. The fun thing about it is we will use only one grass string to create the entire field. Pretty cool, huh?

PREVIEW design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

So let’s begin!

STEP 1

Create a new document of 600 x 600 px in RGB color mode.

1 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 2

Grab the Path Tool (P) and draw a shape like below. To convert an anchor point from rounded to sharp, click it again after you’ve drawn it.

2 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 3

Open the Symbols palette (Window > Symbols) and drag in it. A window will pop up – name it “grass string” and check the “Graphic” box. Hit OK.

3 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 4

Grab the Symbol Sprayer Tool (SHIFT+S) – the graffiti-looking icon, select the newly created symbol and create a dense mass of grass strings. Don’t worry about placing them right yet, just make them dense.

4 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 5

Hold the mouse over the Symbol Sprayer Tool and select the Symbol Scruncher Tool. Use a large brush at start (use [ and ] to increase/decrease the brush size.

5 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 6

Grab the Symbol Shifter Tool from the same submenu and nudge the extra grass strings that remained loose.

6 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 7

Grab the Symbol Spinner Tool and click-drag over random grass strings, until you obtain a chaotic look.

7 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 8

Grab the Direct Selection Tool (V) and select the grass created so far, then hold the ALT key and make a copy of it. Place it near the and switch to Symbol Spinner Tool to make it look seamless. Select both and hit CTRL+G to place them in a group.

8 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 9

Copy the group twice and place one in front and one behind. Make the ones if front larger and the ones on the back, smaller. Also reflect them (right-click > Transform > Reflect) and use the tools again to make them look seamless.

9 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 10

Go to Object > Expand twice, then change the colors for each set: the ones in front are darker and the ones on the back are lighter.

10 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

STEP 11

Select the entire grass, then grab the Eraser Tool (SHIFT+E), hold the ALT key and eras the extra bottom area. Hit CTRL+H to hide the anchor points and see what you delete.

11 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

11.1 design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

Done!

FINAL design tnt vector grass tutorial Quick Tip: How to Create Vector Grass in Illustrator

0saves
If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Similar articles:

Comments

7 Responses

Prabhat singh

nice creation

Evan Glass

Helped me with my animated kids rhyme for a school project. Thanks!

Evan Glass

by the way, the dark grass should be in the back

Amy R.

Thanks for the tutorial. Needed this bad!

Martina

Thanks for this tut!

www.concretus.lt

I am curious which blogging platform you are using?
I’m new to running a blog and have been thinking about using the Live journal platform. Do you think this is a good foundation to start with? I would be very grateful if I could ask you some questions through email so I can learn a bit more prior to getting started. When you have some free time, please make sure to contact me at: scarlett.neal@gmail.com. Bless you

Granitecarver

I found the ‘how to make grass’ tutorial masterful and totally instructive. Helped me out with a lot of things besides grass e.g., I’ve been having a problem to figure out how that symbol sprayer tool functioned, but this makes it much more clear. Thank you!

Leave a Comment

Your name:
Your email:
Comment:

captcha

Please enter the CAPTCHA text