Access To 100's Of Premium Design Resources

Join today
Share via:

How create grass text effect in Illustrator

In this tutorial I will show you how create grass text effect in Illustrator. This lesson is made for beginners, so that nothing difficult about it. Let’s begin!

Creative Nerds Premium


Step 1: Text

Open Illustrator and create a new document of any size you want (I used 800x800px). Select the text tool and and type your text (I used Myriad Pro Bold).

Now make a gradient for the text, for that go in Window and activate Appearance or press Shift + F6. After that click on the small arrow in the right corner and select “Add New Fill”.

Now we can use gradient for the text. I used linear gradient from #98c739 to #699c35 .

Now with pen tool draw some grass growing from the text and fill it with the same gradient that we used for the text.

Step 2: Leaves

Make a new layer and name it “leaves”.

With pen tool draw a path as you see in the image and fill with the same gradient that we used for the text.

Now draw the second part of the leaf and fill with gradient.

Now connect the leaf to your text.

For the highlight draw a similar path with pen tool, and apply a white gradient of three sliders. The first and the last one with the 0% opacity and the middle one with 50% opacity.

For water drops I used Ellipse Tool (L) and a Radial gradient (white to transparent).

For reflection of water I used white brush with 50% opacity.

After that select all the components of water drop and press Ctrl + G to group them, make a copy of this group and reduce the size.

Now make a copy of layer “leaves”. After that go to Object > Transform > Reflect… Choose Axis: Vertical and press Ok. Scale donw the copy.

For better effect make some more copies of the leaf and water drops and scatter on the text.

Step 3: Lady bird

Now we’ll define a pattern for our lady bird. Draw a square (fill with #C1272D) and a circle inside it in that way so their centers match.

Now draw four quarters in the corners, for that draw a 4 circles in the corners.

Select all the shapes and in pathfinder click “Divide” after that remove excess (click on the circles and press delete).

Select all newly created shapes and go Edit > Define Pattern, give it a name and press ok.

Now make a circle on the leaves for the body of lady bird and fill it with the pattern that we made (select the circle and in Window > swatches select the Pattern).

For the highlights make a copy of this circle (Edit > Copy; Edit Paste in Front) and fill with linear gradient: White to transparent.

For the head make a black circle with the Ellipse tool and put it under the body, and with the pen tool make the legs.

Step 4: Final Adjustments

Draw the shadows with your pen tool and fill them with #83BC39 .

Make a copy of the text layer (name it reflection) and go to Object > Transform > Reflect… Choose Vertical Axis and press ok and put this copy at the bottom of the text.

Select the “reflection” layer and Activate Window > Transparency and make double click here:

After that you’ll get a black rectangle and your reflection will disappear.

Now with Rectangle Tool make a shape and fill with gradient Black to transparent.

And now with a radial gradient make the background.

Our text looks fresh and clean.

Post tags


Please leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

HELP SUPPORT US - Become a premium member

Regular updates

Regular updates

New content is continually added throughout each month, so frequently visit back to see new resources added.

1 year membership

1 year membership

Your membership lasts for 12 months, which cost less than a cup of coffee a month.

Unlimited access

Unlimited access

Download as many resources as you like throughout lifetime of your membership with over 100 resources.

Only $15.99 Per Year

Join today