How To Make Grass Background With Phantasm CS And Adobe Illustrator

How To Make Grass Background With Phantasm CS And Adobe Illustrator

In this tutorial you will learn how to create grass background using Phantasm CS and Adobe Illustrator.

Vector Grass Background

Today you will learn how to create a grass background using the Transform & Distort effects and Phantasm CS Halftone. Phantasm CS in combination with other effects allows you quickly create very complex textures. See this yourself by studying the technique described in this tutorial.

 

Step 1

Take the Rectangle Tool (M) and draw a rectangle with dark green fill.

Vector Grass Backgro/und

This will be the bottom layer of the grass. Copy the rectangle and paste it in front (Cmd / Ctrl + C, Cmd / Ctrl + F), replace the fill of this rectangle with light green color, mixing colors in the Color panel.

Vector Grass Background

Step 2

Keeping the upper rectangle selected, go to Object > Transform & Distort > Roughen… and set the parameters indicated in the figure below.

Vector Grass Backgro/und

Open the Appearance panel (Window > Appearance) and move the item with the Roughen effect down, so that it is under the fill.

Vector Grass Backgro/und

Step 3

Keep the object selected and go to Object > Transform & Distort > Tweak…, set the effect parameters indicated in the figure below.

Vector Grass Backgro/und

Place the Tweak effect on top of the Roughen effect in the Appearance panel.

Vector Grass Backgro/und

Step 4

Now go to Effect > Phantasm CS > Halftone… and set the parameters for this effect.

Vector Grass Backgro/und

Place Phantasm CS Halftone effect on top of the Tweak effect in the Appearance panel.

Vector Grass Backgro/und

This already appears more like grass!

Step 5

All the effects applied can be reconfigured. For example, to adjust the Phantasm CS Halftone effect, click on its name in the Appearance panel which opens a dialog window with the settings of the effect.

Vector Grass Backgro/und

So, to adjust the size of a blade of grass you can change the appearance or properties of the “Dot Grain” chart observing the changes.

Vector Grass Backgro/und

Step 6

In order not to repeat the previous steps in the further stages, create a graphic style with all the effects applied. Open the Graphic Styles panel (Window > Graphic Styles) and save the new style.

Vector Grass Backgro/und

Copy the bottom rectangle of dark green color and paste it in front (Cmd / Ctrl + C, Cmd / Ctrl + F) and place it above all the objects (Shift + Cmd / Ctrl +]).

Vector Grass Backgro/und

Step 7

Now apply the graphic style created in the previous step to this rectangle, and reconfigure the effects using the Appearance panel for this. In particular, change the fill color to another lighter shade of green.

Vector Grass Backgro/und

Step 8

Create another rectangle, apply the graphic style to it, change the fill color to another shade of green. To achieve a better result, I’ve removed the Tweak effect from the Appearance panel for this rectangle.

Vector Grass Backgro/und

The grass background is now ready!

Conclusion

Now you can use this technique to create landscapes or sports backgrounds, as I did by adding a vector tennis ball (see previous AG Blog tutorial How to Create a Tennis Ball Using VectorScribe and Adobe Illustrator)

Vector Grass Background

This technique is not just limited to a grass effect. For example, wool texture is also possible.

Phantasm CS allows you to create a variety of effects, some of them can be found in the following publications:

SOURCE

More to read:
How to Draw a Fall Leaf Using Adobe Illustrator
How to Create a Transparent Battery Icon
How To Make Grass Background With Phantasm CS And Adobe Illustrator
Create a Cool Vector Robot Character in Illustrator
SHARE US ON:
Facebook Twitter
Freemarket.com Marketplace

Explore/Tags

Tutorializing.com © 2014 by www.TheBrightBox.com