Using Adobe Illustrator and Adobe InDesign, here we’ll create a template for a simple rectangular box that's adaptable for cosmetics and other products. We’ll also look at how you can add patterns and text to your box quickly and easily.
This is a great all-round introduction to creative packaging design for beginners. A little bit of knowledge about Illustrator and InDesign is useful, but not essential.
If you prefer video tutorials, you cannot miss this new video by Ashlee Harrell from the Envato Tuts+ YouTube channel. Learn how to create a packaging box design by following this video:
Looking for a quick-fix solution to your packaging design needs? You can find a range of package design templates and mock-ups on Envato Elements.
What You'll Need
You’ll need access to both Adobe Illustrator, for creating the vector die line for your box design templates, and Adobe InDesign, for putting together the artwork.
To create the simple box pictured here, you’ll also need to download the following images and fonts:
- Color Splash Patterns
- Aguero Sans: Luxury Sans Serif Font
- Package Box Mock-Up
- Barcode 10
- Avera Sans Sketch
1. How to Create a Box Template in Illustrator
Step 1
You can choose to draw box design templates from scratch using the drawing tools in Illustrator, but it will save you a lot of time if you save the packaging template image below to your computer.
Open the image in Illustrator and either use the Pen Tool (P) to trace the lines or use the Image Trace function (Window > Image Trace) to trace the image, checking the Ignore White box to pick up only the black lines of the image.
Step 2
Go to File > Document Setup, and click on Edit Artboards.
Scale the artboard to a Width of 7 cm and a Height of 16 cm. These will be the dimensions of the face of your simple box. This is suited to a box for a 15 cm by 6 cm tube of hand cream or other cosmetics.
Select the vector outline of the packaging box design and scale it so that one rectangular face of the box fits on the artboard, as shown below.
If you want to design a box that's bigger or smaller, you can adjust the dimensions of the artboard using the same proportions (i.e. a ratio of 7:16). But for now, we’ll work using this size of 7 by 16 cm.
Step 3
When you have the vector scaled to the correct size, head up to Object > Artboards > Fit to Artwork Bounds.
With the artboard selected (File > Document Setup > Edit Artboards), make a mental note of the new dimensions of the artboard, which should be approximately 290 mm by 343 mm.
Then select the vector template and Edit > Copy it. You can now exit or minimize the Illustrator window.
2. How to Create a Die Line in InDesign
Step 1
Open InDesign and go to File > New > Document.
With the intent set to Print, set the Width to match the width of your Illustrator artboard (here, 290.36 mm), and Height to match also (here, 343.1 mm).
The box packaging template is set up with a bleed area already, but you can also add more bleed if you like, by adding a value under the Bleed section.
Click Create.
Step 2
Expand the Layers panel (Window > Layers) and double-click on Layer 1 to rename it Pattern.
Create four more new layers in this order: Folds and Bleed - DO NOT PRINT, DIE LINE - DO NOT PRINT, Labels and, finally, Type.
Lock all the layers except Folds and Bleed, and click on this to activate it.
Step 3
Working on the Folds and Bleed layer, Edit > Paste to drop the template outline onto the page. Position it so that it fits snugly on the page.
Step 4
On the vector, Right-Click > Ungroup.
Use the Selection Tool (V, Escape) to select the solid line on the inside of the outline, holding Shift to pick up each section, as shown below.
When you’ve selected the whole of this line, Right-Click > Group it.
Step 5
In the Layers panel, click on the arrow to the left of the Folds and Bleed name to expand the layer. Identify the <group> you’ve just created.
Unlock the DIE LINE layer above it, and drag the <group> element up, dropping it into this layer.
Then lock the Folds and Bleed layer, keeping the DIE LINE layer unlocked and active.
Step 6
Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the main menu.
Name the swatch Die Line Spot Color and set the Color Type to Spot. Increase the level of Magenta to 100% and click Add and Done.
Step 7
With the outline on the DIE LINE layer selected, switch the color of this from [Black] to Die Line Spot Color.
Then, with the die line still selected, head up to Window > Output > Attributes. Check the Overprint Fill box. Your die line is now properly set up for exporting—great job!
On the Folds and Bleed layer, you should now have only the fold marks and bleed marks visible, which won’t need to be printed.
3. How to Add Pattern and Type to Your Box
Step 1
Lock the DIE LINE layer and unlock the Pattern layer at the bottom.
Use the Rectangle Frame Tool (F) to create an image frame across the whole page, extending the edges up to the bleed.
Go to File > Place, and choose a pattern from the Color splash patterns pack you downloaded earlier. Click Open, and allow the image to fill up the whole frame.
Step 2
Use the Eyedropper Tool (I) to pick up the very pale pink color from the pattern.
Double-click on the Fill Color box at the bottom of the Tools panel to open the Color Picker window. Click Add CMYK Swatch and then OK.
Repeat the process for the dark pink color in the background of the pattern, adding this to the Swatches panel too. You now have two complementary color swatches to use on the labels and type on your box.
Step 3
If you have a busy pattern on your simple box, creating labels to sit behind text is an effective way of keeping text legible and clear.
Use the Rectangle Tool (M) to create labels on the faces of the box, or for a more irregular look use the Pen Tool (P) as I’ve done here. Set the Color Fill to the pale pink swatch.
Use the same tool to create a border for the label, setting the Fill to [None] and Stroke Color to [Black].
Step 4
Copy and Paste the label and border, placing these on the other sides of the packaging box design. Adjust the scale on the main face of the box to create a more square label.
Step 5
You can add a barcode to the bottom of your box packaging design by using the Rectangle Frame Tool (F) to create an image frame.
File > Place, choosing a barcode image, and Open, centering it in the frame.
Step 6
Lock the Pattern layer and unlock the top layer, Type.
Use the Type Tool (T) to create a text frame over the top of the label on the second-from-right panel of the box. Type in a product title, and set the Font to Avera Sans Sketch and the color to your dark pink swatch.
Frame the heading with smaller text frames set in Avera Sans Brush and Bold, and in [Black].
Step 7
Copy and Paste the set of text frames across onto the far-right face of the box, so that the product name can be viewed on two sides.
You can add a list of ingredients or details about the company’s website over the long label on the far-left panel.
4. How to Export Your Box for Printing
Step 1
Make sure the layers you want to have printed and cut/scored are visible. If you don’t want the fold lines to be visible (i.e. you haven't set them up in a spot color), then make sure to switch off this layer. For demonstration purposes here, I’ve kept the Folds layer switched on.
Go to File > Export. Name your file and choose Adobe PDF (Print) from the Format menu. Click Save.
In the window that opens, choose PDF/X-1a:2001 from the Adobe PDF Preset menu at the top. This is the best version to choose for exporting die lines.
Step 2
Click on Marks and Bleeds in the window’s left-hand menu. Check both All Printer’s Marks and Use Document Bleed Settings.
Then click Export to create your press-ready PDF file.
Conclusion: Your Finished Box Packaging Design
Yay! Now you know how to design a box from scratch.
Once you’ve sent off your packaging artwork to the printers, it’s time to sit and wait eagerly for your boxes to get delivered. There’s nothing more exciting than seeing your packaging artwork in 3D form—particularly when the boxes are on the store’s shelf!
If you're eager to create a box again but with a different look, downloadable box design templates can be a quick and easy solution if you're short on time. You can find a selection of packaging design templates and mockups over on Envato Elements.
Professional Packaging Mockups From Envato Elements
If you've created packaging design templates with the tutorial above, you'll need some mockups to show them off. Here are a few from Envato Elements that can get the job done.
1. Box Packaging Mockup Design (PSD)
We've got a cool packaging template to help you design a box mockup. It's highly customizable and lets you apply any color or pattern to the cardboard texture. Add your logo for the perfect representation of your creative packaging design.
2. Packaging Box Mockup Design (PSD)
Customizable backgrounds and a cool package design make this a must-have if you want to create a box mockup. The realistic shadows and aesthetic allow you to share an image that's true to life. Editing this packaging mockup's look is easy too, thanks to the Smart Object layers.
3. Box Packaging Mockups (PSD)
If you've spent some time on your packaging box design, show your work off. This mockup has an open box, meaning you can share both the outside of the carton and the inside of the lid. It's a top selection for creating a box design mockup.
4. Product Box Package Mockup Design (PSD)
If you've designed a neat makeup label, share it with your followers with this creative packaging box design mockup. It's easy to customize and lets you share what you've made in detail.
5. Package Box Mockup Design Template (PSD, JPG)
This is the last of our box packaging mockups, and it's a great one. It features multiple scenes, letting you show combinations and different orientations. If you're into designing packaging design templates and have a few options you want to share, you can't go wrong with this download.
Discover More Tutorials and Resources
Looking for more packaging design tips? These tutorials show you more ways you can create your own boxes, packets, labels, and much more:
