Eat Your Veggies! Create a Vegetable Pattern in Adobe Illustrator | Envato Tuts+ (2024)

Get those sweet vitamins and minerals with this cute vegetable pattern in Adobe Illustrator CC. We'll use simple shapes to create each item, repeating basic styles, and creating a color palette that brings our design together as a cohesive pattern. Top it all off with the Pattern Options panel for quick and easycreation ofseamless patterns, and you've got a fabulous design garden growing!

I created this design inAdobe Illustrator CC 2015. You are welcome to use earlier versions ofthe program, but may find some features to be missing. Since everything's been created from basic shapes, however, I'm sure you can adapt these techniques to whatever program you've got on your computer.

1.Corn on the Cob

Step 1

Open aNew Document and use theEllipse Tool (L) to draw a circle. Most of our shapes will start with a circle.

1. Set the fill color to bright green (#7dd229).
2. Use theDirect Selection Tool (A) to pull the top anchor point upward.
3. Use theAnchor Point Tool (Shift-C) toconvertthe top anchor point from a curve to a point.
4. Select your long teardrop shape and go toEffect > Warp > Flag to apply aVertical bend of37%. Then go to Object >ExpandAppearance.

Step 2

Draw a larger circle to gather your warped leaves around it.

1. Place two warped leaves on the left side.
2. Copy (Control-C),Paste (Control-V), andReflect the two leaves over aVertical Axis so you can place them on the right side of the large circle.

Step 3

The corn base was created from a light yellow circle whose top anchor point was pulled upward by theDirect Selection Tool. Place it beneath the leaf shapes but above the green circle shape in theLayers panel.

Step 4

Let's create some kernels!

1. Draw a series of rounded rectangles with theRounded Rectangle Tool over the corn cob.
2. I've hidden the leaves so this can be seen clearly.Group (Control-G) the rounded rectangles together.
3. Select the corn cob and the kernel group, and use theShape Builder Tool (Shift-M) to select the portions of the kernels that do not intersect with the corncob.
4. Deselect all components and delete the non-intersecting components of the rounded rectangles.

Step 5

Let's review the colors used in this design so far! For the corn base, I used light yellow (#fce47f) and then medium (#fecc68) and dark yellow-orange (#ffc05c) for the kernels. Then, the inner leaves are medium green (#8eb72a) and the outer leaves are light green (#7dd229).

2.Create the Corn Details

Step 1

Group together your corn design. Then,Copy andPaste the object andUnite the pasted object in thePathfinder panel. Set the fill color and stroke color to dark brown (#3d1708). In theStroke panel, set the width to 3–5 ptand the caps and corners to rounded.

Place behind the original corn object andAlign the two objects to their centers in theAlign panel. Expand your design underObject.This is the technique we'll use to create outlines for all of our little vegetable designs.

Step 2

In the case ofScaling your corn cob down, make sureScale Rectangle Corners is selected in theTransform panel. If it's not, you may find your rounded rectangles will change in shape as you resize your object.

Step 3

As an optional step, you can add adorable little faces to your vegetable designs.

1. Draw two circles for the eyes.
2. For the mouth, draw a circle and overlap it with a rectangle. Select both shapes and hitMinus Front in thePathfinder panel.
3. Draw two pink ellipses for the cheeks and place them under the eyes in the Layers panel.

Step 4

I sometimes like to add a cute and simple heart to the mouths of my designs.

1. Draw a small circle with theEllipse Tool.
2. Copy andPaste that circle and overlap the first.Unitethe two shapes in thePathfinder panel.
3. Delete the bottom three anchor points with theDelete Anchor Point Tool (-).
4. Add a new anchor point in the center of the bottom edge of the shape with the Add Anchor Point Tool (+).Pull the lower anchor point downward with the Direct Selection Tool.
5. Grab the handles of the two side anchor points and round out the side a bit.
6. Use theAnchor Point Tool to convert the bottom point from a curve to a point. Set the fill color to pink (#fc94b5).

Step 5

Place the heart in the mouth of your corn design. Draw two small white circles on the eyes for highlights.Group all of your corn components together.

3.Draw an Avocado

Step 1

This is one of the easiest designs in this tutorial. Draw a circle and pull the top anchor point upward to create the base design of the avocado.

Step 2

Set the base color of the avocado to #7e6353. Repeat the first shape with a smaller circle and set the color to lime green (#c3e548). Draw a circle in the center and set the color to#c97d5a.

Add a dark-brown outline to the base shape, and give your avocado a face as we did with the corn on the cob. For highlights on the avocado pit, draw a couple of circles and set their fill colors to #e5ab70.Group all of your avocado components together and make sure toExpand your design underObject.

4.A Bunch of Beets!

Step 1

Once again, this vegetable starts with a teardrop shape formed from a circle. Convert the lower anchor point to a point from a curve.Copy andPaste two instances of your upside-down teardrop, andRotate all three objects slightly so that when they overlap they look like a bunch of beets.

Step 2

For the stems of the beets, draw a thin, vertical rectangle with theRectangle Tool (M). Select your rectangle and go toEffect > Warp > Arc to apply aVertical bend of37%.Then, go to Object > ExpandAppearance.

Step 3

Copy,Paste, andReflect orRotate a couple instances of the stems. Place them over each beet. To thicken the stems, go toObject > Path > Offset Path and set the offset at 2–3 pixels.

Step 4

For the leaves, overlap several circles on top of each other and once you have the puffy leaf shape you desire,Unite the circles in thePathfinderpanel. Place the leaves on top of the beet stems.

Step 5

Add an outline stroke to each of the beets. Then, add an outline to the entire beet group, as we did with the corn and avocado earlier. Draw faces with circles, small curves, and little arrow shapes.

For the new colors added to our palette in this section see the following:

• dark green leaves(#4c721f)
• beets (#a80057)
• beet stem(#75002d)

Optionally, you can draw some squiggles with thePencil Tool (N) or thePen Tool (P), or draw smaller leaves with circles as we did before and layer them on top of each other.

5.Tomayto Tomahto

Step 1

Draw a large ellipse for the tomato's base. For the leaves, we're once again creating a series of teardrop shapes with the techniques we've used earlier. Overlap fourRotated green teardrops for the lower half of the tomato's leaves.Copy,Paste, andReflect the four leaves over aHorizontal Axis.Unite all eight teardrop shapes together and place them on the top of the tomato.

Step 2

For the stem, draw a small green rectangle. Go toEffect > Warp > Arc to apply aVerticalbend of20% and make sure toExpand Appearance underObject.Draw an ellipse and line it up with the top edge of the warped stem shape.

Unite the two shapes together. Use theDirect Selection Tool to move the lower anchor points inward and narrow the stem's base. Place it on the top of the tomato.

Step 3

Complete the tomato in the same manner (with an outline and a face) as we've done with the previous vegetable designs. The red I used for the tomato is #ff4b78. I also changed the little tongue heart's color to tomato red.

Step 4

Here's a look at our vegetable designs so far. We've got three more to go!

6.Draw Bell Peppers

Step 1

The bell pepper design is pretty simple as well. Let's start with the stem.

Draw a vertical light green rectangle. Go toEffect > Warp > Bulge and apply aVertical bend of-9%. Expand theAppearance underObject.Then, apply anArc Effectwith a35% Vertical bend. Once again, make sure toExpand its Appearance.

Step 2

Let's add a top edge to the stem.

1. Draw an ellipse with theEllipse Tool andRotate it with theSelection Tool (V) so that it's at an angle similar to the top edge of the stem shape.
2. Use theDirect Selection Tool to manipulate the anchor points of the ellipse so it fits onto the top of the stem a bit better.
3. Set the fill color to medium green.

Step 3

For the pepper shape itself, draw a fat vertical ellipse for the center shape and three red (#fe5153) ellipses for the front, each rotated from the center. Place the stem at the top of the pepper. You can also draw a darker-red, scalloped shape with thePen Tool to create a bit of depth, or just change the back ellipse's fill color.Group your pepper components together.

Step 4

Complete the pepper with a face and an outline.Copy andPaste your pepper, and change the reds to yellow for an alternate pepper colorway.

7.Spice It Up With a Jalapeño

Step 1

Our pepper friends wouldn't be complete without a cute and spicy jalapeño. Like the avocado, it's very, very simple.

Draw a circle and drag the lower anchor point downward to create an elongated teardrop shape.Copy,Paste, andScale the bell pepper's stem down to create the jalapeño's stem. Place it behind the pepper's body in theLayers panel.

Step 2

Add an outline to your design, as we've done previously, and a face too, if you'd like.Scale andRotate the pepper to your liking to be placed later into your pattern design.

8.Don't Cry, Little Onion

Step 1

Once again, as we've done with all of these cuties, draw a circle. Pull the top anchor point upward and convert the curve to a point with theAnchor Point Tool.Copy,Paste, andScale three instances of the onion body down and place them at the bottom of the onion.Group these four objects together. I chose #feb159 for my onion color.

Step 2

With thePen Tool, draw two little 'greater than' and 'less than' shapes for the eyes.

1. Draw a half-circle or slight curve for the mouth.
2. Draw a large curved path from the top center to the bottom center of the onion.
3. Repeat three more times.Expand the strokes andUnitethese shapes in thePathfinder panel.
4. As with the corn kernels, use theShape Builder Tool to delete the onion stripes from the onion base. Set the fill color to #df9361. Complete your design with a dark-brown outline.

Step 3

For the pattern, arrange three or four of the vegetables andcreate aNew Pattern in thePattern Options panel. Set the Tile TypetoBrick by column.HitDone and thenCopy the rest of the vegetable designs.

In theSwatches panel,Double-Click your new pattern, andPaste your other vegetable objects onto your pattern. Now you can rearrange your elements, overlapping the pattern swatch's boundaries and creating a dense, seamless pattern.Scale,Rotate, andMove your elements as you see fit. Once satisfied, hitDone and your pattern swatch will be updated with your new additions.

Eat Your Veggies!

To complete your design, draw a large rectangle over your artboard and apply your pattern swatch to it as the fill color. Draw another rectangle below the first with the fill color of your choice to add a simple background color to your design.

What other fruits and veggies can you add to your design to make it unique?Share your vegetable designs in the comment section below!

If you enjoyed this tutorial, check out these other cute pattern and object tutorials:

• How to Create a Kawaii Soda Shop Pattern in Adobe Illustrator
• How to Make a Quick Kawaii Candy Corn Pattern for Halloween
• How to Create a Super Kawaii Collage in Adobe Illustrator