Photoshop is the perfect tool for creating mockups, and while you can use ready-made PSD mockup files, creating a mockup from scratch is much more fun and rewarding.
By following this tutorial, you’ll learn how to make a box packaging mockup from scratch, so you can show off your pattern designs on future packaging.
Why the joke of box packaging design?
When designing product packaging, it is integral to look at the final design at your desired product size. While you can send a prototype in to print, it is expensive and time consuming, and may not get you the results you wanted. Using a mockup design allows you to view the design on the product you want at no extra cost, and it doesn’t take that long.
There are many ways to create a mockup, but a box packaging mockup is simple and effective for a lot of the products you’re designing.
Why not just use a premade mockup?
If you’ve been designing for a while, you’ve probably seen the plethora of premade mockup designs available online. There are lots of suitable designs made by others that you can download for free or at premium prices.
The main problem with using these prebuilt mockups is that everyone else is also using them. How is your design going to look unique when you use the same box packaging mockup as every other designer?
There are two ways around this problem: use stock photos and turn them into your own mockups or take your own photos to convert to mockups. With so many stock imagery sites, you can easily find unique photos that show exactly what you’re looking for; All you have to do is make a mockup from that photo. But for a truly unique design for your mockup, it’s best to use your own photos.
Using your own photos gives you a whole lot of executive direction, and you can make sure the model, style, and other features match the look of your design before turning the photo into a mockup.
What type of photo should you use?
It is important to choose the right photo. Use a picture of the box or packaging, or take it yourself, so you can use it as the basis for your mockup. There should be no obstacles in the box, such as holding hands.
Of course, the most important thing is to find a box that already fits the shape and size of the design you want. If you can’t find a stock image of something suitable, this is the time when it’s best to take your own photos, so you have more control.
To make sure the colors stand out in your design, we recommend using a white or light boxed photo; However, you can also use colored boxes if you really want to. Avoid pictures of boxes with logos or words, or edit it out with the patch tool or clone stamp before creating your mockup.
What type of pattern should you use?
For this mockup, it’s best to use something with a repeating pattern or plain colors, but you can add more design details to it later. You can learn to draw patterns in Adobe Illustrator or download pre-existing patterns from a royalty-free website.
Whether you want to use a design or simply change the color of the box is up to you. We will be using a simple illustrated design created in Adobe Illustrator.
How to Make a Box Packaging Mockup
On the patterned layer, right-click the layer preview in the Layers panel and click Select Pixels. Once the running ants are around your pattern, copy the selection by pressing [Cmd+C] or [Ctrl+C]. Delete the layer and remove the selection with [Cmd+D] or [Ctrl+D].
Click the New Layer button to open a new layer on the Layers panel. With this empty layer selected, go to Filter > Vanishing Point on the top toolbar.
You will see the image of the box in the popup window. Use the Create Plane Tool [C] to identify the four corners on one face of the box. Then hold Cmd or Ctrl and drag the perspective grid to the other face. Repeat this step until all the faces of the box show the perspective grid.
To change the perspective to fit your box photo, use the angle box at the top to align the angle of the grid to the right angles to the plane. Once the perspective grid fits your box, click outside the box.
Click [Cmd+V] or [Ctrl+V] to paste your pattern in the popup. First, the pattern will stick to the frame and not the box. If you drag the pattern around, it will move on the box; However, it may not cover all sides equally in the first place.
Back on the pattern layer, change the blending mode to Multiply. This is where the original color of your box matters; If it’s white, the results will be optimal, but if it’s brown or any other color, it will show through in your new design.