Home > Free Tutorials > Graphics & Text > How to Create a Packaging Design Mockup in Photoshop

How to Create a Packaging Design Mockup in Photoshop

  • Easy
  • 30
  • Add to

Have you ever wanted to create a mock-up of how your Graphic Design will look on the package it’s destined to be printed on?

Throughout any designer’s life, either for yourself or for a client, you will work on a Graphic that needs to be printed out and applied to a physical object. The hardest aspects of adding Text, Logos, or Graphics to any surface inside a photo is getting the perspective, Color, and Texture correct.

Share this tutorial

Copy the Logo Onto Your Clipboard

Use Move Tool (V) to drag Logo onto Box document. Transform (CTRL/CMD + T) to Make Logo smaller, and fit box. Next, copy Logo onto clipboard by holding CTRL/CMD and clicking on logo thumbnail to select it, then hitting CTRL/CMD + C to copy the selection to the clipboard.

Make Logo layer invisible and deselect (CTRL/CMD + D). Create a New Layer, and on it go to ‘Filter – Vanishing Point’.

Create Perspective Plane

In the Vanishing Point Filter, click on the Create Plane Tool and place a point at each of the four corners of the box. The Filter will automatically connect these dots into a perspective Grid. Get it as accurate as possible, but don’t worry if it needs fixing – you can edit your points at any time.

Place Logo in Filter

Hit CTRL/CMD + V to paste the Logo (from your clipboard) into the Filter. Transform the image (CTRL/CMD + T) to make it the right Size for the box. Then, just click and drag it onto the plane, and it will automatically transform into perspective.

To create another plane next to the first one, choose the Create Plane Tool. Click on a side of the first Grid, hold CTRL/CMD, and drag out to the end of the box to create your second plane.

Follow the same steps to paste and drag your Logo onto this second plane, and it will Transform into perspective as well.

Blur the Logo for a More Realistic Look

As a bonus, we cover how to blur the logo so it matches the perspective blur of your photo. Right click on your logo layer and click ‘Convert To Smart Object’, allowing you to use a Smart Filter.

After the conversion, go to ‘Filter – Blur Gallery – Tilt Shift’, and adjust the settings to make your Logos look like they’re blurring into the Distance. Since it’s a Smart Filter, you can go back and change your blur at any time.

And that’s it for creating a packaging design mock-up in Photoshop! It’s a simple way to show your design work in Action.


Featured Tutorials

How to Master Layer Styles in Photoshop
In this tutorial, we’ll help you master every layer effect with practical examples like adding photorealistic text to an environment, creating a neon glow effect from scratch, using layer styles to add a natural glow to a light source and more.
How to Master Blending Modes in Photoshop
We take you through every adjustment layer, showing you how to fix exposure, color correct, color grade, place objects on solid colored-backgrounds, make advertisements for print or web, and much more!
How to Master Blending Modes in Photoshop
In this tutorial, we break down all 27 blending modes that Photoshop offers, providing in-depth explanations and practical examples that are bound to help you get your creative work done faster and with impressive results.
Join us as we equip you with everything you need to know about shooting and editing in monochrome.
With over 4 hours of step-by-step instruction, we cover the tools and methodology required to make any color change appear realistic and natural.
While it may seem like magic, the ability to make anything disappear in Photoshop isn’t a trick – it’s a skill that anyone can learn.
Photoshop Compositing
In this tutorial, we cover several tools and techniques that, when combined, will allow you to create perfect masks of anything from the precision curves of designer products to the messy detail of a head of hair.


There are no reviews yet.