By Mary Winkler
What You’ll Be Creating
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 easy creation of seamless patterns, and you’ve got a fabulous design garden growing!
I created this design in Adobe Illustrator CC 2015. You are welcome to use earlier versions of the 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
Open a New Document and use the Ellipse Tool (L) to draw a circle. Most of our shapes will start with a circle.
Draw a larger circle to gather your warped leaves around it.
The corn base was created from a light yellow circle whose top anchor point was pulled upward by the Direct Selection Tool. Place it beneath the leaf shapes but above the green circle shape in the Layers panel.
Let’s create some kernels!
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 (
2. Create the Corn Details
Group together your corn design. Then, Copy and Paste the object and Unite the pasted object in the Pathfinder panel. Set the fill color and stroke color to dark brown (
#3d1708). In the Stroke panel, set the width to 3–5 pt and the caps and corners to rounded.
Place behind the original corn object and Align the two objects to their centers in the Align panel. Expand your design under Object. This is the technique we’ll use to create outlines for all of our little vegetable designs.
In the case of Scaling your corn cob down, make sure Scale Rectangle Corners is selected in the Transform panel. If it’s not, you may find your rounded rectangles will change in shape as you resize your object.
As an optional step, you can add adorable little faces to your vegetable designs.
I sometimes like to add a cute and simple heart to the mouths of my designs.
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
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.
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
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 to Expand your design under Object.
4. A Bunch of Beets!
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 and Paste two instances of your upside-down teardrop, and Rotate all three objects slightly so that when they overlap they look like a bunch of beets.
For the stems of the beets, draw a thin, vertical rectangle with the Rectangle Tool (M). Select your rectangle and go to Effect > Warp > Arc to apply a Vertical bend of 37%. Then, go to Object > Expand Appearance.
Copy, Paste, and Reflect or Rotate a couple instances of the stems. Place them over each beet. To thicken the stems, go to Object > Path > Offset Path and set the offset at 2–3 pixels.
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 the Pathfinder panel. Place the leaves on top of the beet stems.
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 (
- beets (
- beet stem (
Optionally, you can draw some squiggles with the Pencil Tool (N) or the Pen Tool (P), or draw smaller leaves with circles as we did before and layer them on top of each other.
5. Tomayto Tomahto
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 four Rotated green teardrops for the lower half of the tomato’s leaves. Copy, Paste, and Reflect the four leaves over a Horizontal Axis. Unite all eight teardrop shapes together and place them on the top of the tomato.
For the stem, draw a small green rectangle. Go to Effect > Warp > Arc to apply a Vertical bend of 20% and make sure to Expand Appearance under Object. Draw an ellipse and line it up with the top edge of the warped stem shape.
Unite the two shapes together. Use the Direct Selection Tool to move the lower anchor points inward and narrow the stem’s base. Place it on the top of the tomato.
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.
Here’s a look at our vegetable designs so far. We’ve got three more to go!
6. Draw Bell Peppers
The bell pepper design is pretty simple as well. Let’s start with the stem.
Draw a vertical light green rectangle. Go to Effect > Warp > Bulge and apply a Vertical bend of -9%. Expand the Appearance under Object. Then, apply an Arc Effect with a 35% Vertical bend. Once again, make sure to Expand its Appearance.
Let’s add a top edge to the stem.
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 the Pen Tool to create a bit of depth, or just change the back ellipse’s fill color. Group your pepper components together.
Complete the pepper with a face and an outline. Copy and Paste your pepper, and change the reds to yellow for an alternate pepper colorway.
7. Spice It Up With a Jalapeño
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, and Scale the bell pepper’s stem down to create the jalapeño’s stem. Place it behind the pepper’s body in the Layers panel.
Add an outline to your design, as we’ve done previously, and a face too, if you’d like. Scale and Rotate the pepper to your liking to be placed later into your pattern design.
8. Don’t Cry, Little Onion
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 the Anchor Point Tool. Copy, Paste, and Scale 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.
With the Pen Tool, draw two little ‘greater than’ and ‘less than’ shapes for the eyes.
#df9361. Complete your design with a dark-brown outline.
For the pattern, arrange three or four of the vegetables and create a New Pattern in the Pattern Options panel. Set the Tile Type to Brick by column. Hit Done and then Copy the rest of the vegetable designs.
In the Swatches panel, Double-Click your new pattern, and Paste 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, and Move your elements as you see fit. Once satisfied, hit Done 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
Read more here:: Eat Your Veggies! Create a Vegetable Pattern in Adobe Illustrator