Ever wanted to place an image onto another image to visualize your product? A digital packaging mockup is a cost-free way to test your designs on products, making it great for portfolios and presentations. This tutorial will show you how to create one yourself.
Open (FILE > OPEN / CTRL+O) your image in Pixlr Pro. We’re using this image of a paper cup (33611531).
Next, open your prefered design (We used Image: 53763105) and place it above the paper cup layer – Go to FILE > OPEN & PLACE or simply drag and drop the image into the current layer. It will automatically be opened as a new layer.
While having the pattern layer selected, go to EDIT > FREE TRANSFORM (ALT + CTRL + T).
Scale the pattern layer by click-dragging the corners of its bounding box to roughly fit the design to the size of the cup. Hold the shift key while scaling to avoid distortion and retain the shape of the layer. Tap Enter to apply transformation.
Adjust the opacity of the pattern layer in the Layers Window. 20% – 30% is ideal so you can see the shape of the paper cup while doing image warping in the next step.
Go to EDIT > FREE TRANSFORM (ALT + CTRL + T) again, and click on ‘Warp Tool’, located at the top bar.
Taking perspective into consideration, adjust the handles to follow the shape of the paper cup. We made the pattern layer slightly larger than the paper cup. Tap Enter again to apply transformation.
Give the pattern layer 100% opacity, and add a raster mask on the pattern layer by selecting it from the bottom of the Layers window. The mask will then appear next to the pattern thumbnail on its layer.
Make the pattern invisible for now, by clicking on the eye icon next to its layer.
Select the Pen Tool (P). Disable ‘Fill’ and ‘Stroke’, and trace the shape of the paper cup by clicking along its outline. The paths will show up as a new layer called ‘Shape 1’.
After tracing, we will need to give the path a fill in order to make a selection for the next step.
Make ‘Shape 1’ layer invisible, then CTRL + CLICK on it to make a selection. After that, Inverse the selection by pressing CTRL + SHIFT + I.
Make the pattern layer visible again, click on the raster mask and using the paint bucket tool (G), fill the mask layer with black.
Here’s how it looks like when the pattern is masked. Change the layer mode to Multiply.
To make the pattern look more realistic, duplicate ‘Layer 0’ and drag it on top of the pattern layer. RIGHT CLICK > CLIPPING MASK so the layer only affects the pattern layer.
Next, change the blending mode to Multiply. This will imitate the shadows of the original paper cup.
It’s time to amp up the look. Make a new adjustment layer above the third layer and select Levels. Then RIGHT CLICK > CLIPPING MASK.
Using the sliders, you can enhance the look to get a more natural feel by adjusting the shadows, midtones and highlights.
And we’re done! Check out the completed mockup below.
If you’re looking for an easier way to create a mockup, try mockup maker. You can also edit and upload your photos to the template according to your preference.