Home Graphic Photoshop How to Create a Packaging Design Mockup in Photoshop

How to Create a Packaging Design Mockup in Photoshop

Our #1 PRO Tutorial ever is now on Sale! https://phlearn.com/rtyoutube

Have you ever wanted to create a mockup 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. Aaron will guide you through a step-by-step process for making this tedious design task, both easy and phun.

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.

VISIT PHLEARN.COM FOR MORE FREE TUTORIALS

Homepage

SUBSCRIBE TO OUR CHANNEL FOR MORE FREE TIPS AND TRICKS
http://www.youtube.com/subscription_center?add_user=phlearnllc

GET FREE TUTORIALS IN YOUR EMAIL + DISCOUNTS ON OUR PRO TUTORIALS!
https://phlearn.com/mail

BUY THE TABLET AARON USES! https://phlearn.com/tablet

LET’S BE FRIENDS!
Instagram ► https://www.instagram.com/phlearn/
Facebook ► https://facebook.com/phlearn
Twitter ► https://twitter.com/phlearn
Google+ ► https://plus.google.com/116791098059215639405
Phlearn ► https://phlearn.com

Comments

comments

Latest articles

Easy Ways to Select Artwork in Illustrator | Adobe Creative Cloud

Explore a variety of methods for making selections in your projects to make creating and editing faster and easier in Adobe Illustrator. To download the sample files and learn more about Artwork selection methods, click on https://adobe.ly/2AXMTv1 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Transform Artwork Freely in Illustrator Using Puppet Warp | Adobe Creative Cloud

Learn how to transform artwork using the Puppet Warp and Free Transform tools in Adobe Illustrator. To download the sample files and explore more tutorials on Artwork selection in Illustrator, go to https://adobe.ly/2vul87Y Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

How to Make a Custom Brush with Adobe Capture CC | Adobe Creative Cloud

Create a brush from a simple sketch. Start from scratch, or download practice files [https://learndownload.adobe.com/pub/learn/mobile-apps/make-a-custom-brush.zip] for a head start. Steps below. Prep your project: 1. Save the practice image (source-image.jpg) provided here to the Camera Roll on your mobile device, or use your own. 2. Download the Adobe Capture CC mobile app from the App Store for your iOS device, or from the Play Store for you Android. Open the app and sign in with your Adobe ID. 3. Tap Brushes from the top menu. Create a custom brush: 1. Tap Brushes from the menu. 2. Tap the image icon at the bottom, then tap Camera Roll. 3. Choose an image from your Camera Roll. 4. Tap areas to erase unwanted marks. Tap the checkmark. 5. Drag the resize handles (white dots) to position the blue box around the part of the image you want to use as the brush. 6. Tap Styles from the main menu. Tip: For the example in the video, we chose a style in the Photoshop CC & Adobe Sketch Brushes section. 7. Tap Presets. Adjust the Size, Spacing, and other settings as you like. Tap Done, or the right arrow on Android devices. 8. Choose the appropriate Creative Cloud Library. Tap Save. Apply style in Adobe Photoshop CC: 1. Open artwork in Photoshop. 2. Choose the Brush tool. 3. Choose your new brush from the Libraries panel (Window – Libraries). 4. Use the new brush to enhance your creation. That's it! To learn more about Adobe Capture and Adobe's other mobile apps, visit our Mobile apps Tutorials page. Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Bring Dull Photos to Life Using Lightroom CC | Adobe Creative Cloud

Learn how to enhance sharpness, detail, and textures using Clarity and Dehaze sliders in Lightroom CC. Download sample files and learn more about image editing techniques in Lightroom: https://adobe.ly/2wbDUS0 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Comments

comments