{"id":33900,"date":"2024-10-26T16:50:26","date_gmt":"2024-10-26T11:20:26","guid":{"rendered":"https:\/\/mockey.ai\/?p=33900"},"modified":"2024-10-26T16:50:28","modified_gmt":"2024-10-26T11:20:28","slug":"how-to-make-packaging-mockup-in-photoshop","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/how-to-make-packaging-mockup-in-photoshop\/","title":{"rendered":"How to Make Packaging Mockup in Photoshop\u200b &#8211; 7 Quick Steps"},"content":{"rendered":"\n<p>Photoshop is hands-down the best tool for creating mockups. You can use premade PSD mockup files, but creating a mockup from scratch is much more fun.<\/p>\n\n\n\n<p>If you follow this tutorial, you\u2019ll get step-by-step guidance on how to make packaging mockup in Photoshop. With this mockup display any pattern design you want on real packaging.<\/p>\n\n\n\n<p>Also, we will talk about the best Photoshop alternative to make packaging mockups.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/make-packaging-mockups-with-mockey.ai_-1024x538.webp\" alt=\"make packaging mockups with mockey.ai\" class=\"wp-image-33617\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/make-packaging-mockups-with-mockey.ai_-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/make-packaging-mockups-with-mockey.ai_-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/make-packaging-mockups-with-mockey.ai_-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/make-packaging-mockups-with-mockey.ai_-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/make-packaging-mockups-with-mockey.ai_.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/mockey.ai\/mockups\/packaging\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Make Packaging Mockups for Free Now<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#what-is-a-packaging-mockup\">What is a Packaging Mockup?<\/a><\/li><li><a href=\"#a-quick-guide-on-how-to-make-packaging-mockup-in-photoshop\">A Quick Guide on How to Make Packaging Mockup in Photoshop<\/a><ul><\/ul><\/li><li><a href=\"#best-mockup-generator-to-make-packaging-mockups\">Best Mockup Generator to Make Packaging Mockups<\/a><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><li><a href=\"#fa-qs\">FAQs<\/a><ul><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-packaging-mockup\"><strong>What is a Packaging Mockup?<\/strong><\/h2>\n\n\n\n<p>When you&#8217;re designing product packaging, it&#8217;s essential to visualize how the final design will look on the actual shape of the Can, Bottle or Box. Sending a prototype to print can be costly and time-consuming, plus you might not get the results you hoped for. It allows you to see the design on the bottle or box without any extra costs, and it doesn&#8217;t take much time at all.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a-quick-guide-on-how-to-make-packaging-mockup-in-photoshop\"><strong>A Quick Guide on How to Make Packaging Mockup in Photoshop<\/strong><\/h2>\n\n\n\n<p>Here is a quick guide on how to create a packaging design mockup in Photoshop.<\/p>\n\n\n\n<p><strong>For packaging, we will use a Can product.<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Measure the Can&#8217;s width and height. Use the Line tool, delete unnecessary layers. <\/li>\n\n\n\n<li>Select the Rectangle tool. Scale the rectangle using Ctrl+T while holding Shift, convert it to a Smart Object, rename, and adjust.<\/li>\n\n\n\n<li>Use Ctrl+T to rotate and scale, then right-click to warp and fit it to the Can.<\/li>\n\n\n\n<li>Set fill to 100%, use the Pen tool for a selection, and create a new group and layer mask.<\/li>\n\n\n\n<li>Add your design to Photoshop, adjust the blending mode to Linear Burn, and set a background color.<\/li>\n\n\n\n<li>Add a shadow effect by duplicating the Can layer, applying the Camera Raw filter, and adjusting exposure.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-large-font-size\"><strong>Step-by-step Guide<\/strong><\/p>\n\n\n\n<p>Let us guide you through how to make packaging mockup in Photoshop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-measure-the-dimensions\"><strong>Step 1: Measure the Dimensions<\/strong><\/h3>\n\n\n\n<p>Measure the width and height of the Can for reference. Use the Line Tool to set up guides. Follow the process:<\/p>\n\n\n\n<p><strong>Width:<\/strong> 431 pixels<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/measure-the-width-and-height-of-the-can-on-how-to-make-packaging-mockup-in-photoshop-1024x538.webp\" alt=\"measure the width and height of the can on how to make packaging mockup in photoshop\" class=\"wp-image-33938\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/measure-the-width-and-height-of-the-can-on-how-to-make-packaging-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/measure-the-width-and-height-of-the-can-on-how-to-make-packaging-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/measure-the-width-and-height-of-the-can-on-how-to-make-packaging-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/measure-the-width-and-height-of-the-can-on-how-to-make-packaging-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/measure-the-width-and-height-of-the-can-on-how-to-make-packaging-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Height:<\/strong> 754 pixels<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/height-754-pixels-for-packaging-mockup-1024x538.webp\" alt=\"height 754 pixels for packaging mockup\" class=\"wp-image-33941\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/height-754-pixels-for-packaging-mockup-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/height-754-pixels-for-packaging-mockup-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/height-754-pixels-for-packaging-mockup-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/height-754-pixels-for-packaging-mockup-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/height-754-pixels-for-packaging-mockup.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Delete unnecessary layers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/delete-unnecessary-layers-1024x538.webp\" alt=\"delete unnecessary layers\" class=\"wp-image-33943\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/delete-unnecessary-layers-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/delete-unnecessary-layers-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/delete-unnecessary-layers-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/delete-unnecessary-layers-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/delete-unnecessary-layers.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-create-initial-shape\"><strong>Step 2: Create Initial Shape<\/strong><\/h3>\n\n\n\n<p>Select the Rectangle Tool and click on the canvas. Follow the settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/select-the-rectangle-tool-and-click-on-the-canvas-follow-the-settings-1024x538.webp\" alt=\"select the rectangle tool and click on the canvas, follow the settings\" class=\"wp-image-33947\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/select-the-rectangle-tool-and-click-on-the-canvas-follow-the-settings-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/select-the-rectangle-tool-and-click-on-the-canvas-follow-the-settings-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/select-the-rectangle-tool-and-click-on-the-canvas-follow-the-settings-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/select-the-rectangle-tool-and-click-on-the-canvas-follow-the-settings-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/select-the-rectangle-tool-and-click-on-the-canvas-follow-the-settings.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Then use the <strong>Move Tool<\/strong> to position it. <strong>Double-click the shape layer<\/strong> to change its color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-the-shape-layer-to-change-its-color-1024x538.webp\" alt=\"double-click the shape layer to change its color\" class=\"wp-image-33949\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-the-shape-layer-to-change-its-color-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-the-shape-layer-to-change-its-color-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-the-shape-layer-to-change-its-color-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-the-shape-layer-to-change-its-color-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-the-shape-layer-to-change-its-color.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Press <strong>Ctrl + T<\/strong> to scale, holding <strong>Shift<\/strong> to maintain proportions. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-scale-holding-Shift-to-maintain-proportions-1024x538.webp\" alt=\"press Ctrl + T to scale, holding Shift to maintain proportions\" class=\"wp-image-33952\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-scale-holding-Shift-to-maintain-proportions-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-scale-holding-Shift-to-maintain-proportions-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-scale-holding-Shift-to-maintain-proportions-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-scale-holding-Shift-to-maintain-proportions-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-scale-holding-Shift-to-maintain-proportions.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Right-click in the layer and select <strong>Convert to Smart Object<\/strong>; rename the layer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-adjust-fill-transform\"><strong>Step 3: Adjust the Layer Fill &amp; Transform<\/strong><\/h3>\n\n\n\n<p>Lower the layer fill.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/lower-the-layer-fill-1024x538.webp\" alt=\"lower the layer fill\" class=\"wp-image-33954\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/lower-the-layer-fill-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/lower-the-layer-fill-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/lower-the-layer-fill-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/lower-the-layer-fill-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/lower-the-layer-fill.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Press <strong>Ctrl + T<\/strong> to rotate and scale as needed. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-rotate-and-scale-as-needed-1024x538.webp\" alt=\"press Ctrl + T to rotate and scale as needed\" class=\"wp-image-33957\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-rotate-and-scale-as-needed-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-rotate-and-scale-as-needed-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-rotate-and-scale-as-needed-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-rotate-and-scale-as-needed-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/press-Ctrl-T-to-rotate-and-scale-as-needed.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Right-click and select <strong>Warp<\/strong> to fit the shape closely to the Can.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/right-click-and-select-warp-on-how-to-make-packaging-mockup-in-photoshop-1024x538.webp\" alt=\"right-click and select warp on how to make packaging mockup in photoshop\" class=\"wp-image-33958\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/right-click-and-select-warp-on-how-to-make-packaging-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/right-click-and-select-warp-on-how-to-make-packaging-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/right-click-and-select-warp-on-how-to-make-packaging-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/right-click-and-select-warp-on-how-to-make-packaging-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/right-click-and-select-warp-on-how-to-make-packaging-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Try to make the rectangle as close as possible to the Can.<\/p>\n\n\n\n<p><strong>Follow the process:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/try-to-make-the-rectangle-as-close-as-possible-to-the-can-1024x538.webp\" alt=\"try to make the rectangle as close as possible to the can\" class=\"wp-image-33959\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/try-to-make-the-rectangle-as-close-as-possible-to-the-can-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/try-to-make-the-rectangle-as-close-as-possible-to-the-can-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/try-to-make-the-rectangle-as-close-as-possible-to-the-can-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/try-to-make-the-rectangle-as-close-as-possible-to-the-can-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/try-to-make-the-rectangle-as-close-as-possible-to-the-can.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>When done, press <strong>Enter<\/strong> and reset the fill to 100%.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-add-a-layer-mask\"><strong>Step 4: Add a Layer Mask<\/strong><\/h3>\n\n\n\n<p>Use the Pen Tool to create a selection around the Can. Save the selection, create a new group, add a layer mask to it, and drag the shape layer into the group.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-the-shape-layer-into-the-group-1024x538.webp\" alt=\"drag the shape layer into the group\" class=\"wp-image-33960\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-the-shape-layer-into-the-group-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-the-shape-layer-into-the-group-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-the-shape-layer-into-the-group-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-the-shape-layer-into-the-group-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-the-shape-layer-into-the-group.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-add-the-design\"><strong>Step 5: Add Your Design<\/strong> to Photoshop<\/h3>\n\n\n\n<p>Double-click the layer to edit, drag your design to Photoshop, save, and close the tab. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-your-design-to-photoshop-1024x538.webp\" alt=\"drag your design to photoshop\" class=\"wp-image-33963\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-your-design-to-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-your-design-to-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-your-design-to-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-your-design-to-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/drag-your-design-to-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Back in the main image, set the design layer&#8217;s blending mode to <strong>Linear Burn<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-the-design-layers-blending-mode-to-linear-burn-1024x538.webp\" alt=\"set the design layer's blending mode to linear burn\" class=\"wp-image-33964\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-the-design-layers-blending-mode-to-linear-burn-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-the-design-layers-blending-mode-to-linear-burn-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-the-design-layers-blending-mode-to-linear-burn-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-the-design-layers-blending-mode-to-linear-burn-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-the-design-layers-blending-mode-to-linear-burn.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-6-create-background\"><strong>Step 6: Create Background<\/strong><\/h3>\n\n\n\n<p>Load the saved selection for the Can, then go to the adjustment layer to pick &#8220;<strong>Solid color<\/strong>&#8220;. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/go-to-the-adjustment-layer-to-pick-solid-color-1024x538.webp\" alt=\"go to the adjustment layer to pick solid color\" class=\"wp-image-33965\" style=\"border-width:2px;width:960px;height:auto\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/go-to-the-adjustment-layer-to-pick-solid-color-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/go-to-the-adjustment-layer-to-pick-solid-color-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/go-to-the-adjustment-layer-to-pick-solid-color-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/go-to-the-adjustment-layer-to-pick-solid-color-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/go-to-the-adjustment-layer-to-pick-solid-color.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click the mask, and press <strong>Ctrl + I<\/strong> to invert the mask.<\/p>\n\n\n\n<p>Set blending to <strong>Linear Burn<\/strong> for shadows.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-blending-to-linear-burn-for-shadows-1024x538.webp\" alt=\"set blending to linear burn for shadows\" class=\"wp-image-33967\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-blending-to-linear-burn-for-shadows-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-blending-to-linear-burn-for-shadows-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-blending-to-linear-burn-for-shadows-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-blending-to-linear-burn-for-shadows-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/set-blending-to-linear-burn-for-shadows.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now we can see the shadow of the Can.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-7-add-final-effects\"><strong>Step 7: Add Final Effects in Your Packaging Mockup<\/strong><\/h3>\n\n\n\n<p>Duplicate the Can layer (<strong>Ctrl + J<\/strong>), drag it above, and <strong>Convert to Smart Object<\/strong>. Open <strong>Camera Raw Filter<\/strong>, adjust exposure and whites, then press <strong>OK<\/strong>. Set blending mode to <strong>Screen<\/strong> and lower fill.<\/p>\n\n\n\n<p><strong>Final look:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/final-look-of-packaging-mockup-1024x538.webp\" alt=\"final look of packaging mockup\" class=\"wp-image-33968\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/final-look-of-packaging-mockup-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/final-look-of-packaging-mockup-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/final-look-of-packaging-mockup-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/final-look-of-packaging-mockup-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/final-look-of-packaging-mockup.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>That\u2019s it. We have understood how to create a packaging design mockup in Photoshop. Let us show you the <a href=\"https:\/\/mockey.ai\/blog\/best-mockup-websites\/\"><strong>best mockup website<\/strong><\/a> to generate packaging mockups.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"best-mockup-generator-to-make-packaging-mockups\"><strong>Best Mockup Generator to Make Packaging Mockups<\/strong><\/h2>\n\n\n\n<p>An easy way to create packaging mockups is to use the best mockup generator available. Mockey gives you free templates of boxes and bottles. Let\u2019s learn how to create any packaging mockup using mockey.ai. Follow the steps:<\/p>\n\n\n\n<p>1. Launch <a href=\"http:\/\/mockey.ai\"><strong>Mockey.ai<\/strong><\/a>. Sign up for free.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/open-mockey-and-sign-up-there-1024x538.webp\" alt=\"open mockey and sign up there\" class=\"wp-image-33875\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/open-mockey-and-sign-up-there-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/open-mockey-and-sign-up-there-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/open-mockey-and-sign-up-there-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/open-mockey-and-sign-up-there-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/open-mockey-and-sign-up-there.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. Click \u201c<strong>Mockups<\/strong>\u201d, and then select \u201c<strong>Packaging<\/strong>\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-on-mockups-then-select-packaging-1024x538.webp\" alt=\"click on mockups then select packaging\" class=\"wp-image-33626\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-on-mockups-then-select-packaging-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-on-mockups-then-select-packaging-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-on-mockups-then-select-packaging-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-on-mockups-then-select-packaging-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-on-mockups-then-select-packaging.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3. You will see trendy Box and Bottle mockup templates with different backgrounds and models.<\/p>\n\n\n\n<p>4. Pick a template and get ready to add an image.<\/p>\n\n\n\n<p>5. Click \u201c<strong>Upload Design<\/strong>\u201d and start customizing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/customize-packaging-mockup-1024x538.webp\" alt=\"customize packaging mockup\" class=\"wp-image-33629\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/customize-packaging-mockup-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/customize-packaging-mockup-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/customize-packaging-mockup-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/customize-packaging-mockup-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/customize-packaging-mockup.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>6. After customization, tap the \u201c<strong>Download<\/strong>\u201d button to export the packaging mockup in JPG format for free with no watermark.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Mockey PRO Plan<\/strong><\/p>\n\n\n\n<p>It\u2019s worth upgrading to the <a href=\"https:\/\/mockey.ai\/pricing\"><strong>Mockey PRO plan<\/strong><\/a>. While free templates are available, the PRO plan offers extra features that improve your experience, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PNG file format support<\/li>\n\n\n\n<li>PRO mockups and high-quality downloads<\/li>\n\n\n\n<li>Access to AI mockup bundles and exclusive backgrounds<\/li>\n\n\n\n<li>Multiple design uploads and an ad-free experience<\/li>\n<\/ul>\n\n\n\n<p>At just <strong>$5.70\/month<\/strong>, it&#8217;s more affordable than other mockup tools and packs in more features for the price.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/mockey-pro-plan-to-make-packaging-mockups-1024x538.webp\" alt=\"mockey pro plan to make packaging mockups\" class=\"wp-image-33630\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/mockey-pro-plan-to-make-packaging-mockups-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/mockey-pro-plan-to-make-packaging-mockups-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/mockey-pro-plan-to-make-packaging-mockups-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/mockey-pro-plan-to-make-packaging-mockups-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/mockey-pro-plan-to-make-packaging-mockups.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Making a packaging mockup from scratch can set your design apart. You won\u2019t be stuck using those same free mockups everyone finds online.<\/p>\n\n\n\n<p>Plus, you get a quick way to check how the design looks on the packaging without having to spend on a printed prototype.<\/p>\n\n\n\n<p>And you can experiment so much with it\u2014like trying out different colors and using the blending tool to see how they mix.<\/p>\n\n\n\n<p>Or even testing out different packaging shapes! That way, you can see how the perspective grid changes with each one.<br>However, we have covered how to make packaging mockup in Photoshop and <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=in.blinkstore.mocky.twa&amp;hl=en_IN\" target=\"_blank\" rel=\"noopener\"><strong>Mockey app<\/strong><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\"><strong>FAQs<\/strong><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1729854853712\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Which is the best packaging mockup generator?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Mockey.ai is the top <a href=\"https:\/\/mockey.ai\/packaging-mockup-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>packaging mockup generator<\/strong><\/a>, with 500+ free templates and an easy-to-use interface. It lets you customize designs quickly and download them instantly.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1729854870829\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to make a custom packaging mockup?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Choose design software like Canva or Adobe Illustrator to create a custom packaging mockup. Set your dimensions, pick a template, add your graphics, and save the design as a high-quality image.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1729854911996\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to create a 3D packaging design mockup?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Use Photoshop to create a 3D packaging mockup by placing your design files, rasterizing them, and adjusting the perspective with the Free Transform tool. Add shadows and reflections to make it look realistic.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1729854925745\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Can you use Photoshop for packaging design?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Photoshop is great for packaging design, especially when used with Illustrator. It helps create realistic mockups by applying designs to packaging formats.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><strong>Related reading:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-packaging-mockups\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make Packaging Mockups<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-a-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make a Mockup<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-a-box-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make a Box Mockup for Free<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-bottle-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make Bottle Mockups in 2024<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photoshop is hands-down the best tool for creating mockups. You can use premade PSD mockup files, but creating a mockup from scratch is much more fun. If you follow this tutorial, you\u2019ll get step-by-step guidance on how to make packaging mockup in Photoshop. With this mockup display any pattern design you want on real packaging. [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":33977,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"inline_featured_image":false,"_uag_custom_page_level_css":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[7],"tags":[],"class_list":["post-33900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide"],"uagb_featured_image_src":{"full":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop.webp",1200,628,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop-150x150.webp",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop-300x157.webp",300,157,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop-768x402.webp",768,402,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop-1024x536.webp",1024,536,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop.webp",1200,628,false],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop.webp",1200,628,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop-640x628.webp",640,628,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-make-packaging-mockup-in-photoshop-150x79.webp",150,79,true]},"uagb_author_info":{"display_name":"Sangram Sahoo","author_link":"https:\/\/mockey.ai\/author\/sangram\/"},"uagb_comment_info":0,"uagb_excerpt":"Photoshop is hands-down the best tool for creating mockups. You can use premade PSD mockup files, but creating a mockup from scratch is much more fun. If you follow this tutorial, you\u2019ll get step-by-step guidance on how to make packaging mockup in Photoshop. With this mockup display any pattern design you want on real packaging.&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/33900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/comments?post=33900"}],"version-history":[{"count":33,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/33900\/revisions"}],"predecessor-version":[{"id":33999,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/33900\/revisions\/33999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/33977"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=33900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=33900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=33900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}