iDevie
August 2020
M T W T F S S
« Jul    
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Categories


Final product image
What You’ll Be Creating

Always
wanted to create a packaging design, but never knew exactly how to do
it?

Well,
why not start with your own design for custom pizza boxes because we all
love pizza. Follow this tutorial and learn how to draw a simple but
effective pizza logo and a pizza box design. This includes
text, a cartoon pizza logo, and icons like a pizza oven, hot pizza boxes,
delivery truck, and 24-hour delivery. 

This design can be easily
recolored and, at the and of the tutorial, you will be able to see it
applied to a pizza box packaging mockup.

Hungry
for more pizza designs? Make sure to go to GraphicRiver, where you’ll
find plenty of resources and inspiration for your projects. You will
find a great selection of icons, fonts, vector graphics, and packaging mockups that you can use to create other creative and professional
designs.

Let’s
start the fun!

Tutorial
Assets

To
complete the tutorial, you will need the following assets:

1. How
to Open a New Document 

Launch
Illustrator
and
go to
File
> New
to
open a blank document. Type a name for your file, set the
dimensions, and then select
Pixels
as
Units
and
RGB
as
Color
Mode
.

Next,
go to
Edit
> Preferences > General
and
set the
Keyboard
Increment
to
1
px
and
while there, go to
Units
to
make sure they are set as in the following image. I usually work with
these settings, and they will help you throughout the drawing process.

How to open a new Illustrator document

2. How
to Create the Pizza Oven Icon

Step
1

Grab
the Line Segment Tool () and draw a straight line on your artboard
with a length of 380 px. Give it a dark brown, 4 pt Stroke and select the Round Cap option in the Stroke panel.

Switch
to the Ellipse Tool (L), draw a
320 x 300 px ellipse, and then
align its left and right anchor points with the brown line. Draw a
new
250 x 230 px ellipse and align it to the middle. The
fill colors are not important at the moment.

How to create the basic shapes of the pizza oven icon

Step
2

Before
you continue, make a copy of the bigger ellipse and hide it for now.
We will need it a bit later in the tutorial.

With
the two ellipses still selected, press Minus Front in the Pathfinder
panel, and you will get a ring shape.

How to create a simple ring shape for pizza oven icon

Step
3

Take
the Line Segment Tool () again and draw a straight line of about
194 px that starts from the center of the ring and goes above it.
Give it an 8 pt Stroke using any color and then go to Effect >
Distort & Transform > Transform
. Type -13 degrees in the
Rotate Angle field, change the number of Copies to 7, and choose the bottom
middle point as the Reference Point. Hit OK and you will get more
lines starting from the center at an equal distance.

How to create circular lines with the Transform effect in Illustrator

Step
4

Copy
and
Paste
in Front (Control-F)

the blue line and open the Transform effect applied in the Appearance
panel. Change the Rotate Angle value to 13 degrees and keep the rest
of the settings as they are. Hit OK and you will get the same effect but on the opposite side.

With
both blue lines still selected, go to Object > Expand Appearance to
expand the effect applied, followed by Object > Expand to turn the
strokes into filled shapes. Next, press Unite in the Pathfinder panel
to merge them into a single shape.

How to create circular rays with the Transform effect in Illustrator

Step
5

Select
the green ring along with the newly obtained shape and press Minus
Front
in the Pathfinder panel followed by Ungroup (Shift-Control-G).
Delete the bottom half of the ring and keep all the small resulting
shapes (1).

Unhide
the copy of the bigger ellipse made earlier in the tutorial (2) and
go to Object > Path > Offset Path. Apply an Offset value of
-10 px and hit OK to get a smaller ellipse inside (3).

How to cut a ring shape into circular segments in Illustrator

Step
6

Select
only the small shapes indicated below and then go to Object >
Compound Path > Make (Control-8)
(1). Keep the resulting compound
path selected, along with the ellipse, and press Intersect in the
Pathfinder panel. This will cut them a bit smaller than the others
(2).

How to create the specific pizza oven shapes

Step
7

Use
the Rectangle Tool (M) to draw a 390 x 6 px rectangle and arrange it
above the brown line.

Now,
select the remaining green shapes and go to Object > Compound Path
> Make (Control-8)
. Keep the resulting compound path selected,
along with the thin rectangle, and press Minus Front in the Pathfinder
panel. This will create a small space between the oven icon and the
brown line. Color all the shapes that make up the oven with dark
brown and Group (Control-G) them.

How to finalize the pizza oven icon

Step
8

Select
the brown line and then go to Object > Transform > Move. Type
125 px in the Vertical field and hit Copy to obtain another line
below. This will define the area where the “Pizza” text will be.

How to define the text area in the box packaging design

3. How
to Create the Pizza Text Design

Step
1

Grab
the Type Tool (T) and write “PIZZA” on your artboard between the
two lines. Use the East Market Font, with a size of 115 pt.
Position the text in the middle (1).

With
the text still selected, double-click on Characters in the Appearance
panel so you can see the attributes. Change the fill color to red and apply a 3 pt Stroke using the same dark brown color (2).

With
the text still selected, go to Effect > Stylize > Drop Shadow
and apply the settings shown in order to add a small flat shadow on
the bottom right side (3).

How to create the pizza text for the custom box design

Step
2

Use
the Type Tool (T) again and write “Fresh & Hot” on your
artboard at the bottom of the oven symbol. Use the Yellowtail Font, with a size of 46 pt and the same dark brown fill color to
match the rest of the pizza box design.

How to add more text on the pizza box design

4. How
to Create the Cartoon Pizza Logo

Step
1

Use
the Ellipse Tool (L) to draw a 248 x 235 px ellipse on your artboard
(1). Select only its top point with the help of the Direct Selection
Tool (A)
and press the Delete key on your keyboard (2).

Now, close
back the shape using the Pen Tool (P) but create a slightly rounded
top (3). Add more anchor points
along the path with the Add Anchor Point Tool (+) and 
move
them to distort the shape and give it a cartoonish look (4).

How to create the cartoon pizza shape

Step
2

Use
the Pencil Tool (N) or the Pen Tool (P) to draw four paths on the
pizza shape,
as shown in the image below (1). You
don’t have to be precise—the more random the better as this will
contribute to the overall cartoon style. 

Select only one of them along with the pizza shape
and press Divide in the Pathfinder panel. This will cut that shape
out, and you can delete it (2). 

Repeat the same thing using the other
three paths to obtain the holes (3). Continue to draw a shape on each
side as the pizza crust (4).

How to create holes in the pizza icon

Step
3

We
will continue to draw the ingredients on the pizza. For the tomato,
first draw a rounded shape using the Pencil Tool (N) or the Pen Tool
(P)
. Color it with the same dark brown (1). Continue to draw two
bean-like shapes inside it and go to Object > Compound Path >
Make (Control-8)
(2). Select the brown and orange shapes and press
Minus Front in the Pathfinder panel to obtain the empty areas inside
the tomato (3).

Next,
draw a few small shapes as the seeds, and the tomato slice is ready
(4). Following the same process, you can create a half slice of
tomato as shown in the image below (5).

How to create a simple tomato slice icon

Step
4

Make
copies and arrange tomato slices inside the pizza holes created
earlier (1). Continue to draw a few rounded shapes between them and
then go to Object > Compound Path > Make (Control-8) (2). Keep
the newly obtained compound path selected along with the pizza shape
and press Minus Front in the Pathfinder panel to obtain the small
holes (3).

How to arrange tomatoes on the pizza logo

Step
5

To
create an olive slice, draw two rounded shapes of different sizes on
top of each other. While both shapes stay selected, press Minus Front
in the Pathfinder panel. Create other olive slices in the same way or
make copies of the existing one and arrange them inside the small
holes created earlier. Color them with the same dark brown color in
order to maintain the same style for the pizza logo, although we
will create a colored version of the design a bit later in the
tutorial.

How to arrange olives on the pizza logo

Step
6

Select
and Group (Control-G) all the shapes that make up the pizza logo,
scale it down, and arrange it under the pizza text (1). Next, use the
Rectangle Tool (M) to draw a rectangle shape that covers the pizza up
to the second brown line (2). Select both the pizza logo and the
rectangle and go to Object > Clipping Mask > Make (Control-7).
You will obtain a clean pizza box design (3).

How to mask the custom pizza logo design

Step
7

Grab
the Type Tool (T) and write “TO GO” at the bottom of the pizza.
Use the Arimo Font, with a size of 36 pt and a dark
brown color.

Keep
the text selected and go to Effect > Warp > Arc. Type -21 px in
the Horizontal Bend field and, as a result, the text will be slightly rounded.

How to add more text into the pizza box design

Step
8

At
this point, the main design on the custom pizza box is ready. You can keep it more
monochrome by using only the color brown and a pop of red, but it can also be
easily recolored. Use the shades indicated to color the pizza shapes, the
tomatoes, the olives, and the text.

How to recolor the custom pizza logo

5. How
to Create the Hot Pizza Boxes Icon

Step
1

To
create a pizza box icon, start by drawing a rounded rectangle and a
rectangle with the dimensions shown. While both stay selected,
press Horizontal Align Center and Vertical Align Center in the Align
panel (1).

Draw a 43.5 x 43.5 px circle followed by a smaller 23.5 x 23.5 px
circle in the center. Use the Direct Selection Tool (A) to select
only the top points of these circles and delete them. Close back the
paths using the Pen Tool (P) to obtain two semicircles (3). Keep the semicircles selected and press Minus Front in the Pathfinder panel
to obtain the opening tab (4). Finally, select everything and press
Unite in the Pathfinder panel to merge them into a single shape (5).
Color it with the same dark brown R=82, G=58, B=58.

How to create a pizza box icon in Illustrator

Step
2

Make
copies of the first pizza box icon and arrange them on top of each
other, making them overlap a little (1). Add three rounded rectangles
above as the steam coming out of the boxes. At this point, the stack
of pizza boxes is complete (2).

How to create a stack of pizza boxes icon

6. How
to Create the Delivery Truck Icon 

Step
1

Take
the Pen Tool (P) and draw a path on your
artboard,
as shown in the image below. Give it a 13 pt Stroke and press the Round Cap and Round
Join
options in the Stroke panel (1).

Next, use the Rounded Rectangle
Tool
to draw a small rectangle with the dimensions shown and align
it to the bottom (2). Draw three more rounded rectangles
of different lengths and arrange them on the left side of the
delivery truck icon (3).

How to create a delivery truck icon in Illustrator

Step
2

The
wheels are made of two circles of different sizes; use the Minus
Front
function to obtain the wheel shape. Make a copy of the wheel
and arrange both of them at the bottom of the truck (1). To connect
the wheels, draw a rectangle between them using the Rectangle Tool
(M)
(2). Complete the icon by drawing a path as the windscreen and
give it a 13 pt Stroke (3).

How to finalize the delivery truck icon

7. How
to Create the 24-Hour Delivery Icon

Step
1

Use
the Ellipse Tool (L) to draw two circles of 160 x 160 px and 120 x
120 px
aligned in the center. Before you continue, Copy and Paste in
Back (Control-B)
these circles and keep them for later use.

With
the help of the Direct Selection Tool (A), select and delete only the
top points of the two circles (1) and then close back the left and
right end points (2) to obtain the half ring shape (3).

Now,
select both circles along with the half ring shape and Rotate them
-10 degrees in the Transform panel (4).

How to create the 24 hours delivery icon in Illustrator

Step
2

Draw
a triangle shape but with slightly rounded corners, and arrange it at
the left end of the half ring as the arrow. Next, use the Rounded
Rectangle Tool
to draw six small rectangles and then rotate and
arrange them using the copies of the two circles as reference (2).

Color
the shapes that make up the icon with dark brown R=82, G=58, B=58
like the others (3) and finally, type “24” in the middle using a
basic Illustrator font. Fill it with the same color and apply a
2 pt Stroke to make it bolder (4).

How to finalize the 24 hours delivery icon

Step
3

The
hot pizza boxes, delivery truck, and 24-hour delivery icons are
ready, and we can include them in the design of the pizza box. 
Scale them down as much as needed and position them below the cartoon pizza logo.

Our design for the custom pizza box is starting to come together, right? The icons we have created will give an effective visual message once applied to the pizza box packaging mockup.

How to add icons in the custom pizza box packaging design

8. How
to Add a Grain Texture on the Pizza Logo

Step
1

First,
let’s create a new shape that we’ll need to mask the texture.

Select
the pizza shape, crust shapes, tomatoes, and olives; then Copy
and Paste in Place (Shift-Control-V) to make copies in front of
everything. Press Unite in the Pathfinder panel followed by Object >
Compound Path > Make (Control-8)
to merge them into a single
shape.

How to create a cartoon pizza compound path

Step
2

Next,
use the Rectangle Tool (M) to draw a rectangle that covers the pizza
up to the horizontal brown line. Keep it selected, along with the
pizza compound path obtained in the previous step, and press Intersect
in the Pathfinder panel followed by Object > Compound Path >
Make (Control-8)
. This is the masking shape that we need next.

How to create a pizza mask shape

Step
3

Download
a free grain texture
 or use a favorite texture that you might have and copy it into your
file. Scale it down or up, depending on how small or big you want the
grain pieces to be.

Now,
select the pizza compound path obtained in the previous step along
with the grain texture and go to Object > Clipping Mask > Make
(Control-7)
. I want the texture to be visible only on the cartoon
pizza logo to enhance the style, but feel free to apply it to the
entire packaging design.

You
can color the texture either with white or dark brown. Both look
great—it depends on what you prefer.

How to add grain texture on the pizza logo

9. How
to Create a Pizza Pattern on the Pizza Box

Step
1

Use
the Ellipse Tool (L) to draw a circle filled with light gray; then
set it to Blending Mode Multiply and 65% Opacity. Continue to draw a
few smaller circles inside; color them with the same light gray shade
and set the Blending Mode to Multiply. The salami icon is ready now.

The
other pizza ingredients like mushroom, olive, and piece of
pepper are simple shapes drawn with the Pen Tool (P) and the Ellipse
Tool (L)
. Fill them with the same gray color and set the Blending
Mode
to Multiply so they will blend with any background color that
you choose for your pizza box packaging mockup.

How to create food icons for pizza pattern

Step
2

Let’s
finalize the packaging design with a pizza pattern on the bottom
half of the artboard. Start to arrange copies of the salami icon
followed by mushrooms, olive slices, and pieces of pepper. Group
(Control-G)
all the items and send them to the back.

How to create a simple pizza pattern on the box packaging design

Step
3

Draw
a rectangle the same size as your artboard, and use it to
mask the pizza pattern. Also, reduce the Opacity of the entire group
of ingredients as much as needed, depending on the background color
you choose.

How to mask the pizza pattern on the custom box packaging

Congratulations!
You’re Done

Here
is the final design of the pizza box. I hope this tutorial was
fun for you and that you learned some new techniques today. Now you
have the knowledge to make other creative logos and packaging designs
in Adobe Illustrator.

Below
you can also see the simple yet effective design we made applied to a
pizza box packaging mockup. 

custom cartoon pizza logo and pizza box design in Adobe Illustrator
custom pizza design applied on a pizza box packaging mockup

Expand Your Design Skills!

Keep drawing and learning with these recommended tutorials:


Comments 0
There are currently no comments.