Illustrator Drawings: Making a Pizza

By Katie Houghton on August 22, 2019

Overview

The question has been asked on how to make a pizza. In the kitchen, I have my
grandmother’s recipe which is quite delicious. In Illustrator, we can also make a
pretty nice pizza. Here are some simple steps to do so for both… bon appetit!


Steps

1. USE THE POLAR GRID TOOL

Click and Drag

I usually find it easier to click and drag the solution visually rather than doing
math. I will use modifiers to help me shape the object. Just remember to alwaysPizza blog 3
get the object altered as needed with the modifiers before letting go of the mouse.

Once released, parts of the shape are baked in.

  1. Select the Polar Grid.
  2. Click and drag to draw the shape. (Do not let go until the grid is drawn.)
  3. Hold the shift key to constrain to a circle
  4. Use the up arrow to add Radial Dividers until you have the number you want.
  5. Use the down arrow to subtract Concentric Dividers until there is only 1 inside divider.
  6. Let go of your mouse then let go of your modifiers. (The item may not be constrained if done in the wrong order)

Using a dialog box

Sometimes if you know the exact sizing of an object, it is just easier to type in the
properties then trying to build the shape while drawing.Pizza blog 2

  1. Select the Polar Grid.
  2. Click one time on the artboard to bring up the dialog box for the Polar Grid object.
  3. Width & Height will be the same value that is needed for your artwork.
  4. The Concentric Dividers: Number=1, Skew=500%
  5. The Radial Dividers: Number=0, Skew=0%.
  6. Click on OK.

 

 

 

2. GET READY TO DIVIDE

Why Scale?

We are scaling up the radial lines so that they will intersect the concentric circles.
The line has to intersect the circle in order to get the Divide in the Pathfinder to
work correctly.

Pizza blog 4


  1. Ungroup the grid with Object> Ungroup (Shift+Command+G/ Shift+Control+G). There will be two groups within the original group: the concentric circles and the radial lines.
  2. Choose the lines group and scale up. Just double-click on the scale tool to get the scale dialog box. Scale up uniform and make sure the scale is above 100%. (My value is overkill at 150%).

 

3. DIVIDE

Old Pathfinder Tools

Pizza blog 5

My favorite tools in the Pathfinder are the new Shape Modes, but sometimes we
need the oldies but goodies!

In this case we need the Radial lines to be used to divide the two circles into shapes. The Divide option will do just that.

 

 

 

Pizza blog 1

  1. Select the grid (both groups) and choose Divide from the Pathfinder panel

 

 

 

4. COLOR

Find you colors

If you do not see colors you like, try using your Swatches Library. This is found on
the bottom left of the swatch panel or Window> Swatch Libraries> choose
the color library.

Foods> Vegetables may be a good choice for this exercise.

  1. Ungroup your object.
  2. Select and color as needed. I chose all the paths: Select> All (Command+A/ Control+A). Next, I made sure they had the same stroke. I then filled them for the outside crust.Pizza blog 6
  3. Deselect all: Select> Deselect (Shift+Command+A/ Shift+Control+A)
  4. Then view the outline: View> Outline (Command+Y/ Control+Y). This is where you can create a bounding box around the inner slices. When creating a bounding box, make sure you click down where there is no line and drag around only on parts of the paths you want to select.
  5. Choose a new color for the fill of the inside slices.
  6. Deselect all.
  7. View in preview: View> Preview (Command+Y/ Control+Y).

5. ADD PEPPERONI

Add a circle

Add other ingredients on the pizza. In this case I added pepperoni. If you need
a more intricate piece of artwork like broccoli then create the artwork. Make aPizza blog 7symbol out of it and use the symbol for the following steps.

  1. Create a circle on one slice. Position and size it as necessary.
  2. With the Rotation tool selected click on the center of the pizza to move the anchor point to that center location.
  3. Clicked and drag the pepperoni while holding the Option/Alt key. Once in the new position, let go of the mouse then let go of the modifier. Do not deselect the pepperoni.
  4. Use Object> Transform> Transform Again (Command +D/ Control+D) to create a copy with the same rotation value. Do this until you have a pepperoni on every slice.

 

6. DONE!

Bon Appetit

I choose to pull out a slice in the end. You can also decide to group each crust
with the inside part of the pizza slicePizza blog 8

 

After creating an illustrated pizza pie, try your hand at creating a homemade pie! Here is my gram's recipe.

Gram’s Pizza

THE DOUGH

Ingredients

  • 2 cups of water
  • 2 tablespoons of sugar
  • 2 tablespoons of olive oil
  • 1 teaspoon of salt
  • 1 package of yeast (2 if in a rush)
  • 3.5 - 4 cups of flour

Dissolve Together

  • 1 cup of boiling water
  • 2 tablespoons of sugar
  • 2 tablespoons of olive oil
  • 1 teaspoon of salt

Add

Add 1 cup of cold water. This will cool the mixture. Add the yeast. (1-2 packages).
Make sure the mixture is lukewarm prior to adding the yeast.

Once the yeast rises add the flour. Mix well. If it is too sticky, add a little more
flour. It should hold together well and not stick to the bowl.

Rise

Let it rise to double the size. (This may take an hour or more depending on the
warmth of the room.) Once it is risen you should be able to handle it with ease. If
sticky, be sure to flour the board well. Roll out into pies

THE TOPPINGS

Ingredients

Add topping and a few of your own too!

  • Fresh mozzarella
  • Fresh tomatoes
  • Fresh basil
  • Olive Oil

BAKE

400º

Bake 20-30 minutes until brown.

 

Topics: Adobe Illustrator, graphic design, shapes, adobe illustrator live shapes, Adobe

Author: Katie Houghton

Katherine Houghton is a graduate of the Rochester Institute of Technology with degrees in Graphic Design and Industrial Design. She has held multimedia, graphic design, and consulting positions at numerous companies including KPMG LLP, one of the big five Accounting Consulting Firms where she managed the Multimedia Department. During the ".com" boom of the 90s she was promoted to Vice President of Confidant Inc. where she managed the entire look of all visual materials including their marketing and Internet presence.
Currently, she teaches classes in Premiere Pro, Illustrator, Freehand, Director, Photoshop, InDesign, Quark, After Effects, Final Cut Pro & Acrobat.
FMC provides quality, consistent and accessible training for content creators and IT professionals.

Our courses are designed to help individuals and institutions meet their goals by enabling them to be on the cutting edge of technology.

FCP_300x250
Conference-Recordings-(General)_300x300

Subscribe to Email Updates

Recent Posts

Topics

See all