Draw a Giraffe on the Pizza Box
Always wanted to create a packaging pattern, but never knew exactly how to do it?
Well, why not offset with your own blueprint 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, commitment truck, and 24-hour commitment.
This design can be easily recolored and, at the and of the tutorial, you volition be able to see information technology practical to a pizza box packaging mockup.
Hungry for more pizza designs? Brand sure to go to GraphicRiver, where yous'll notice plenty of resources and inspiration for your projects. You will find a dandy selection of icons, fonts, vector graphics, and packaging mockups that you can use to create other creative and professional designs.
Let's first the fun!
Tutorial Assets
To complete the tutorial, you will demand the following assets:
- Eastward Market Font
- Yellowtail Font
- Arimo Font
- Grain Texture
one. 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 so select Pixels as Units and RGB as Color Manner.
Next, go to Edit > Preferences > General and set the Keyboard Increase to i px and while there, go to Units to make sure they are set up as in the following image. I usually work with these settings, and they volition assist you lot throughout the cartoon process.
2. How to Create the Pizza Oven Icon
Stride 1
Grab the Line Segment Tool (\) and describe a straight line on your artboard with a length of 380 px. Give it a dark brown, four 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 10 230 px ellipse and align it to the heart. The fill colors are not important at the moment.
Step 2
Before you go along, make a copy of the bigger ellipse and hide it for now. We will demand it a bit later in the tutorial.
With the two ellipses still selected, press Minus Front in the Pathfinder panel, and yous will get a ring shape.
Step three
Take the Line Segment Tool (\) once more and draw a straight line of nearly 194 px that starts from the center of the band and goes in a higher place it. Give it an viii pt Stroke using any colour and then go to Issue > Misconstrue & Transform > Transform. Type -13 degrees in the Rotate Angle field, alter the number of Copies to 7, and choose the bottom middle point as the Reference Point. Hit OK and you will go more lines starting from the centre at an equal distance.
Step 4
Copy and Paste in Forepart (Command-F) the blue line and open the Transform effect practical in the Appearance console. Change the Rotate Angle value to 13 degrees and proceed the balance of the settings every bit they are. Striking OK and you will become the same issue but on the opposite side.
With both bluish lines still selected, get to Object > Expand Appearance to expand the upshot applied, followed by Object > Expand to plow the strokes into filled shapes. Next, press Unite in the Pathfinder panel to merge them into a single shape.
Stride five
Select the green ring along with the newly obtained shape and press Minus Front in the Pathfinder panel followed by Ungroup (Shift-Control-Chiliad). Delete the lesser half of the ring and go on all the small resulting shapes (ane).
Unhide the copy of the bigger ellipse made earlier in the tutorial (2) and go to Object > Path > Starting time Path. Apply an Get-go value of -10 px and hit OK to get a smaller ellipse inside (three).
Step 6
Select merely the small shapes indicated beneath and then go to Object > Compound Path > Brand (Control-viii) (1). Keep the resulting compound path selected, along with the ellipse, and press Intersect in the Pathfinder console. This will cut them a bit smaller than the others (2).
Step seven
Employ the Rectangle Tool (1000) to draw a 390 x 6 px rectangle and arrange it above the chocolate-brown line.
Now, select the remaining green shapes and go to Object > Compound Path > Make (Command-8). Keep the resulting compound path selected, along with the thin rectangle, and press Minus Front in the Pathfinder panel. This volition create a small space between the oven icon and the brown line. Colour all the shapes that make upward the oven with dark dark-brown and Group (Control-G) them.
Stride eight
Select the brown line and and so get to Object > Transform > Move. Type 125 px in the Vertical field and hitting Re-create to obtain another line below. This will define the area where the "Pizza" text will be.
three. How to Create the Pizza Text Design
Footstep 1
Catch the Type Tool (T) and write "PIZZA" on your artboard between the two lines. Apply the Due east Market Font, with a size of 115 pt. Position the text in the heart (ane).
With the text still selected, double-click on Characters in the Appearance panel so you tin see the attributes. Alter the fill color to blood-red and employ a 3 pt Stroke using the same night brownish color (ii).
With the text withal selected, go to Outcome > Stylize > Drop Shadow and apply the settings shown in social club to add a small flat shadow on the lesser right side (three).
Step 2
Utilise the Blazon Tool (T) again and write "Fresh & Hot" on your artboard at the lesser 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 blueprint.
iv. How to Create the Drawing Pizza Logo
Step 1
Use the Ellipse Tool (L) to draw a 248 x 235 px ellipse on your artboard (1). Select simply its top point with the help of the Direct Selection Tool (A) and printing the Delete key on your keyboard (2).
Now, close back the shape using the Pen Tool (P) only create a slightly rounded top (iii). Add together more than anchor points along the path with the Add Anchor Point Tool (+) and motion them to misconstrue the shape and give information technology a cartoonish expect (iv).
Pace 2
Use the Pencil Tool (N) or thePen Tool (P) to draw four paths on the pizza shape, equally shown in the epitome below (1). Y'all don't have to be precise—the more random the amend as this volition contribute to the overall drawing way.
Select only one of them forth 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 equally the pizza crust (iv).
Footstep 3
We volition continue to draw the ingredients on the pizza. For the tomato plant, first draw a rounded shape using the Pencil Tool (N) or the Pen Tool (P). Colour it with the same nighttime brownish (1). Continue to draw two bean-like shapes inside it and go to Object > Compound Path > Make (Control-8) (2). Select the dark-brown and orange shapes and press Minus Front in the Pathfinder panel to obtain the empty areas inside the love apple (three).
Next, describe a few pocket-sized shapes as the seeds, and the tomato slice is fix (4). Following the same process, you can create a half slice of tomato as shown in the image below (5).
Step iv
Make copies and conform lycopersicon esculentum slices inside the pizza holes created earlier (1). Go along to draw a few rounded shapes between them and and then go to Object > Compound Path > Brand (Control-8) (2). Go along the newly obtained compound path selected along with the pizza shape and printing Minus Front in the Pathfinder console to obtain the minor holes (3).
Stride 5
To create an olive slice, describe two rounded shapes of dissimilar 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 mode or brand copies of the existing one and accommodate them inside the small holes created earlier. Colour them with the aforementioned dark dark-brown color in order to maintain the aforementioned way for the pizza logo, although we volition create a colored version of the blueprint a bit afterward in the tutorial.
Footstep vi
Select and Group (Control-G) all the shapes that brand upward the pizza logo, scale information technology downwardly, and arrange it under the pizza text (ane). Next, use the Rectangle Tool (G) to depict a rectangle shape that covers the pizza up to the second brown line (ii). Select both the pizza logo and the rectangle and go to Object > Clipping Mask > Make (Control-7). You volition obtain a clean pizza box blueprint (3).
Step vii
Grab the Type Tool (T) and write "TO GO" at the bottom of the pizza. Apply the Arimo Font, with a size of 36 pt and a night brown color.
Go on the text selected and go to Effect > Warp > Arc. Blazon -21 px in the Horizontal Curve field and, as a outcome, the text volition exist slightly rounded.
Step 8
At this point, the chief design on the custom pizza box is prepare. Yous tin keep it more monochrome past using only the color brown and a pop of ruby-red, but information technology can as well be hands recolored. Use the shades indicated to color the pizza shapes, the tomatoes, the olives, and the text.
5. How to Create the Hot Pizza Boxes Icon
Step one
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 Eye in the Align console (1).
Depict a 43.five x 43.5 px circle followed by a smaller 23.five x 23.5 px circle in the middle. Apply the Straight Selection Tool (A) to select just the superlative points of these circles and delete them. Close back the paths using the Pen Tool (P) to obtain two semicircles (iii). Keep the semicircles selected and press Minus Front in the Pathfinder panel to obtain the opening tab (iv). Finally, select everything and press Unite in the Pathfinder panel to merge them into a single shape (5). Color it with the same night brownish R=82, G=58, B=58.
Step 2
Brand copies of the offset pizza box icon and conform them on top of each other, making them overlap a little (i). Add three rounded rectangles above as the steam coming out of the boxes. At this point, the stack of pizza boxes is consummate (ii).
six. How to Create the Delivery Truck Icon
Stride 1
Take the Pen Tool (P) and draw a path on your artboard, as shown in the image beneath. Give it a 13 pt Stroke and press the Circular Cap and Round Join options in the Stroke panel (i).
Side by side, use the Rounded Rectangle Tool to draw a small rectangle with the dimensions shown and align it to the bottom (ii). Depict three more than rounded rectangles of different lengths and arrange them on the left side of the delivery truck icon (3).
Stride 2
The wheels are made of two circles of dissimilar sizes; use the Minus Front part to obtain the bicycle shape. Make a copy of the cycle and suit both of them at the lesser of the truck (i). To connect the wheels, draw a rectangle between them using the Rectangle Tool (Grand) (2). Complete the icon by cartoon a path as the windscreen and requite it a 13 pt Stroke (3).
seven. How to Create the 24-60 minutes Delivery Icon
Step 1
Employ the Ellipse Tool (L) to describe two circles of 160 ten 160 px and 120 x 120 px aligned in the center. Earlier you go on, Copy and Paste in Dorsum (Control-B) these circles and proceed them for later on use.
With the aid of the Direct Pick Tool (A), select and delete only the top points of the two circles (1) and then close back the left and right finish points (2) to obtain the half ring shape (iii).
Now, select both circles forth with the half ring shape and Rotate them -10 degrees in the Transform panel (iv).
Footstep 2
Draw a triangle shape but with slightly rounded corners, and adapt it at the left end of the half ring equally the pointer. Next, utilise the Rounded Rectangle Tool to depict 6 small rectangles and then rotate and arrange them using the copies of the two circles as reference (2).
Color the shapes that brand upwards the icon with dark brown R=82, G=58, B=58 like the others (three) and finally, type "24" in the centre using a bones Illustrator font. Fill it with the same color and apply a 2 pt Stroke to make information technology bolder (4).
Stride 3
The hot pizza boxes, delivery truck, and 24-hour commitment icons are prepare, and nosotros can include them in the design of the pizza box. Scale them down as much as needed and position them beneath the cartoon pizza logo.
Our design for the custom pizza box is starting to come together, right? The icons we accept created will give an effective visual message once applied to the pizza box packaging mockup.
8. How to Add a Grain Texture on the Pizza Logo
Footstep 1
First, permit's create a new shape that we'll need to mask the texture.
Select the pizza shape, crust shapes, tomatoes, and olives; then Re-create and Paste in Place (Shift-Control-V) to make copies in front of everything. Printing Unite in the Pathfinder panel followed by Object > Compound Path > Make (Command-8) to merge them into a single shape.
Step 2
Next, use the Rectangle Tool (M) to draw a rectangle that covers the pizza up to the horizontal chocolate-brown line. Keep information technology selected, forth 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 demand side by side.
Step 3
Download a free grain texture or use a favorite texture that you might have and copy it into your file. Calibration it downwards 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 get to Object > Clipping Mask > Brand (Control-7). I want the texture to be visible only on the cartoon pizza logo to heighten the style, simply feel free to utilise it to the entire packaging pattern.
You can color the texture either with white or night brownish. Both look great—it depends on what you lot prefer.
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 greyness; and then set information technology to Blending Style Multiply and 65% Opacity. Go along to describe a few smaller circles inside; color them with the same light gray shade and fix the Blending Style to Multiply. The salami icon is ready now.
The other pizza ingredients like mushroom, olive, and slice of pepper are unproblematic shapes drawn with the Pen Tool (P) and the Ellipse Tool (50). Fill them with the same gray colour and set the Blending Fashion to Multiply so they volition blend with any background color that you choose for your pizza box packaging mockup.
Pace two
Let'due south finalize the packaging design with a pizza pattern on the bottom half of the artboard. Start to suit copies of the salami icon followed by mushrooms, olive slices, and pieces of pepper. Group (Control-Yard) all the items and send them to the back.
Pace 3
Draw a rectangle the aforementioned size as your artboard, and use it to mask the pizza blueprint. Also, reduce the Opacity of the entire group of ingredients equally much as needed, depending on the background color you choose.
Congratulations! Yous're Done
Here is the final pattern of the pizza box. I promise this tutorial was fun for you and that yous learned some new techniques today. At present you have the cognition to make other artistic logos and packaging designs in Adobe Illustrator.
Beneath you tin also see the uncomplicated yet effective design we made applied to a pizza box packaging mockup.
Expand Your Design Skills!
Keep cartoon and learning with these recommended tutorials:
Source: https://design.tutsplus.com/tutorials/how-to-create-a-pizza-logo-and-pizza-box-design-in-adobe-illustrator--cms-34249