Jun
09
2010

Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Illustrator’s Envelope Distort is an editing tool that not only creates distortions in an object or image, it can also be used for modeling interesting forms, like this pepper. Beginners will get to know Illustrator a little better by using the Blur, Envelop Distort, Gradient Mesh and Pathfinder tools in this easy to follow tutorial. Let’s get started!


Step 1

Open a new document. Select the Rectangle tool (M) and create a rectangle. Fill it with a red color.

Best Web Magazine   91decfb692b80d5c5cdce6f2057ecd20   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 2

Duplicate this rectangle and move the new shape beside the original.

Best Web Magazine   06e451428f365aa8ffd085cd84ffe67a   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 3

With the Pen tool (P) create a sinuous path over the duplication, like the drawing of a wave.

Best Web Magazine   85534868feed938f295fa2b037a6345b   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 4

Select the sinuous path and the shape below it then click on the Divide button from the Pathfinder palette. The rectangle is now divided in two fragments.

Best Web Magazine   cafa66f30ce7c518469d0fb59e91ce5f   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 5

Delete the top fragment of the duplication. Move the remaining fragment above the first rectangle and align it with the bottom.

Best Web Magazine   4ade6624716510df591f66c9891599bc   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 6

Select the Gradient tool (G). Choose the transparent transition from the Swatches Palette (Black to Transparent). Use the Gradient tool on the new curly shape above the red rectangle.

Best Web Magazine   8e874802a0f809c8b19d64d6d28a6cf5   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 7

Now click over the black fill arrow of the gradient slider and change the color to white.

Best Web Magazine   0fab779c53e0e3f7c6e59d30dd688aae   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 8

Select the Gradient Tool (G) to alter the transition’s angle. Create a vertical transition by moving the cursor slightly down and to the right while applying the gradient.

Best Web Magazine   b283b0c0b117ff389bf662a184975831   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 9

Now select the red rectangle then go to Effect > Stylize > Inner Glow. This effect will create a foggy border on the inner sides of the rectangle. Change the effect configurations by altering the fill color to black and the Mode option to Multiply. Also make adjustments on the Opacity and Blur options to create the illusion of depth, as shown in the example below.

Best Web Magazine   70033d5061fbaf5ed6f146ad895da21b   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 10

Select all the objects and go to Object > Envelope Distort > Make With Warp. Choose the Inflate Style. Drag the Bend slider all the way to the right. This will change the rectangle into an oval form.

Best Web Magazine   651ea162cc8f45261473949dc0809c3d   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 11

At the Distortion options drag the Horizontal slider all the way to the left and click Ok. This will create a point at the right side of the shape.

Best Web Magazine   af95f4c3498a230d180167512c7f06b9   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 12

Now you can make distortions manually. Start by flattening the shape vertically.

Best Web Magazine   2d3595e766acd6abdf4c03c7333efeb8   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 13

Select the Direct Select tool (A) and model the shape of the pepper through the handles of the effect mesh until you create a pepper shaped object.

Best Web Magazine   d3167b5bf05b75efca9a612230d9006a   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 14

Complete the illustration by creating a pepper stalk. Create a new layer then draw the stalk shape and fill it with a brown color. The stalk above uses the hexadecimal color: # 7C4412.

Best Web Magazine   008dc846e11887c95cf47079433b842b   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 15

Select the stalk and go to Object > Create Gradient Mesh. Choose 10 rows and 10 column divisions. Click OK.

Best Web Magazine   21536d4d28552300fa80c353154dffd7   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 16

Create four, or more, different green tones. Here are the hexadecimal colors that I used: # 008D36 , # 175026, # 519330 and # 00260A. Select the mesh handles with the Direct Select tool (A) and with the Color Palette apply the green tones at the mesh handles. Model the mesh until you create a wrinkled surface like the example below.

Best Web Magazine   cfd99545cc83f6f918d71b168371f203   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 17

Juxtapose the stalk with the pepper shaped object, as shown in the image below.

Best Web Magazine   179cccaa23128a65750944562418e928   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 18

Let’s conclude the drawing by adding a shadow to the floor. Create a copy of the pepper shape and position it below the original illustration.

Best Web Magazine   b3b70bcaed531ec02b626019241182d6   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 19

Select the copy, go to Object > Expand. With the copy still selected fill it with black. Distort the copy to give it a flattened form. Position the shadow below the original pepper illustration.

Best Web Magazine   16aa6007b0a6a8ea0299a35676be7614   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Step 20

Apply a black and white gradient to the new shape, creating the illustration of a shadow. To make the shadow more realistic apply a blur filter. Go to Effect > Blur Gaussian Blur. Here’s our hot pepper!

Best Web Magazine   9b31ae61a87acddd825880c954c45436   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Conclusion

There you have it, a quick and easy way to make a great looking Chili. Using the direct selection tool you can alter the shape and color of your Chili to make different varieties. I hope you’ve enjoyed this tut.

Best Web Magazine   6d35c419252065b75d1243dd32fff96a   Illustrating a Chili Pepper with Illustrator’s Envelope Distort Tool

Similar Posts

WEBSITE COPYRIGHT © 2012 | bestwebmagazine.com