{"id":35189,"date":"2024-12-06T12:01:00","date_gmt":"2024-12-06T06:31:00","guid":{"rendered":"https:\/\/mockey.ai\/?p=35189"},"modified":"2024-12-07T15:07:41","modified_gmt":"2024-12-07T09:37:41","slug":"how-to-make-a-mockup-in-photoshop","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/how-to-make-a-mockup-in-photoshop\/","title":{"rendered":"How to Make a Mockup in Photoshop 2025 &#8211; Best Guide"},"content":{"rendered":"\n<p>Want to learn how to make a mockup in Photoshop in 2025? Make top-notch mockups in Photoshop for your industry. Whether it\u2019s merchandise, marketing materials, or products.<\/p>\n\n\n\n<p>Let&#8217;s dive in.<\/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\/07\/generate-free-mockups-with-mockey-1024x538.webp\" alt=\"generate free mockups with mockey\" class=\"wp-image-29800\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/07\/generate-free-mockups-with-mockey-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/07\/generate-free-mockups-with-mockey-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/07\/generate-free-mockups-with-mockey-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/07\/generate-free-mockups-with-mockey-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/07\/generate-free-mockups-with-mockey.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\/\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Make a Mockup 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-product-mockup\">What is a Product Mockup?<\/a><\/li><li><a href=\"#can-you-make-mockups-in-photoshop\">Can You Make Mockups in Photoshop?<\/a><\/li><li><a href=\"#is-photoshop-better-for-mockups\">Is Photoshop Better for Mockups?<\/a><\/li><li><a href=\"#how-to-make-a-mockup-in-photoshop\">How to Make a Mockup in Photoshop?<\/a><ul><\/ul><\/li><li><a href=\"#how-to-create-different-types-of-mockups-in-photoshop\">How Can I Make Various Photoshop Mockup Types?<\/a><ul><\/ul><\/li><li><a href=\"#how-do-you-place-an-image-in-a-mockup-in-photoshop\">How Can I Add a Photo in a Photoshop Mockup?<\/a><\/li><li><a href=\"#how-to-use-mock-up-in-psd\">How to Use Mockup in PSD?<\/a><\/li><li><a href=\"#how-do-i-make-a-mockup-without-photoshop\">How Do I Make a Mockup Without Photoshop?<\/a><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><li><a href=\"#fa-qs\">FAQs on How to Make a Mockup in Photoshop<\/a><ul><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-product-mockup\">What is a Product Mockup?<\/h2>\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\/12\/what-is-a-product-mockup-1024x538.webp\" alt=\"what is a product mockup\" class=\"wp-image-35325\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/what-is-a-product-mockup-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/what-is-a-product-mockup-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/what-is-a-product-mockup-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/what-is-a-product-mockup-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/what-is-a-product-mockup.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A product mockup visually represents how your finished product will appear. These mockups are often used to showcase the final design in a realistic setting. They allow you to gather feedback on a product idea before mass production or use them in presentations to executives, investors, or stakeholders.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"can-you-make-mockups-in-photoshop\">Can You Make Mockups in Photoshop?<\/h2>\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\/12\/adobe-photoshop-for-mockups-1024x538.webp\" alt=\"adobe photoshop for mockups\" class=\"wp-image-35327\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adobe-photoshop-for-mockups-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adobe-photoshop-for-mockups-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adobe-photoshop-for-mockups-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adobe-photoshop-for-mockups-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adobe-photoshop-for-mockups.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adobe Photoshop makes it easy for anyone to design realistic mockups. You can make designs for all kinds of products, like mugs, posters, and <strong><a href=\"https:\/\/mockey.ai\/mockups\/apparel\/t-shirt\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">t-shirt mockups<\/a><\/strong> then put those designs into real-world settings using mockups.<\/p>\n\n\n\n<p>Use the Creative Cloud Library to pull in logos, colors, or fonts from your past projects. This keeps all your designs looking like they belong together.<\/p>\n\n\n\n<p>Photoshop lets you layer your design onto photos of products. You can use your own pictures or pick from Adobe Stock to get professional-quality images.<\/p>\n\n\n\n<p>Your mockups will look sharp and realistic, making it easy to show off your designs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-photoshop-better-for-mockups\">Is Photoshop Better for Mockups?<\/h2>\n\n\n\n<p>Yes, Photoshop is often seen as the top <strong><a href=\"https:\/\/mockey.ai\/blog\/best-ai-design-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">design tool<\/a><\/strong> for creating mockups, mainly for professionals who want detailed and realistic designs.<\/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\/12\/photoshop-better-for-mockups-1024x538.webp\" alt=\"photoshop better for mockups\" class=\"wp-image-35197\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/photoshop-better-for-mockups-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/photoshop-better-for-mockups-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/photoshop-better-for-mockups-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/photoshop-better-for-mockups-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/photoshop-better-for-mockups.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>But if you\u2019re looking for something quicker and easier, tools like the <strong><a href=\"https:\/\/mockey.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">Mockey AI mockup generator<\/a><\/strong> might be a better fit.<\/p>\n\n\n\n<p>Here are some Photoshop features that help you make mockups easily:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Creative Cloud Library<\/li>\n\n\n\n<li>Textures<\/li>\n\n\n\n<li>Smart object layer<\/li>\n\n\n\n<li>Blend modes<\/li>\n\n\n\n<li>Distortion and filtering<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-make-a-mockup-in-photoshop\">How to Make a Mockup in Photoshop?<\/h2>\n\n\n\n<p>Follow these steps on how to make a mockup in Photoshop:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the Subject<\/li>\n\n\n\n<li>Duplicate the Layer<\/li>\n\n\n\n<li>Insert your image<\/li>\n\n\n\n<li>Apply Clipping Mask<\/li>\n\n\n\n<li>Adjust the Blend Modes<\/li>\n\n\n\n<li>Group the Layers<\/li>\n\n\n\n<li>Adjust the Base Layer<\/li>\n\n\n\n<li>Customize the Solid Color Layer<\/li>\n\n\n\n<li>Save and export your mockup.<\/li>\n<\/ol>\n\n\n\n<p>Let&#8217;s discuss these steps in detail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-select-the-subject\"><strong>Step 1: Select the Subject<\/strong><\/h3>\n\n\n\n<p>Click &#8220;<strong>Select<\/strong>&#8221; and choose &#8220;<strong>Subject<\/strong>&#8220;.<\/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\/12\/choose-subject-on-how-to-make-a-mockup-in-photoshop-1024x538.webp\" alt=\"choose subject on how to make a mockup in photoshop\" class=\"wp-image-35268\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/choose-subject-on-how-to-make-a-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/choose-subject-on-how-to-make-a-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/choose-subject-on-how-to-make-a-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/choose-subject-on-how-to-make-a-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/choose-subject-on-how-to-make-a-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-duplicate-the-layer\"><strong>Step 2: Duplicate the Layer<\/strong><\/h3>\n\n\n\n<p>Press <strong>&#8220;Ctrl + J<\/strong>&#8221; four times to create four copies of the layer.<\/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\/12\/press-ctrl-j-four-times-to-make-four-copies-of-the-layer-in-photoshop-1024x538.webp\" alt=\"press ctrl + j four times to make four copies of the layer in photoshop\" class=\"wp-image-35270\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/press-ctrl-j-four-times-to-make-four-copies-of-the-layer-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/press-ctrl-j-four-times-to-make-four-copies-of-the-layer-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/press-ctrl-j-four-times-to-make-four-copies-of-the-layer-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/press-ctrl-j-four-times-to-make-four-copies-of-the-layer-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/press-ctrl-j-four-times-to-make-four-copies-of-the-layer-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-insert-your-image\"><strong>Step 3: Insert Your Image<\/strong><\/h3>\n\n\n\n<p>Drag your image into Photoshop. Modify its dimensions and placement, then click the checkmark (\u2713) to make sure.<\/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\/12\/drag-your-image-into-photoshop-and-hit-checkmark-1024x538.webp\" alt=\"drag your image into photoshop and hit checkmark\" class=\"wp-image-35272\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/drag-your-image-into-photoshop-and-hit-checkmark-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/drag-your-image-into-photoshop-and-hit-checkmark-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/drag-your-image-into-photoshop-and-hit-checkmark-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/drag-your-image-into-photoshop-and-hit-checkmark-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/drag-your-image-into-photoshop-and-hit-checkmark.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-apply-clipping-mask\"><strong>Step 4: Apply Clipping Mask<\/strong><\/h3>\n\n\n\n<p>Select your design layer with a right-click in the &#8220;<strong>Layers<\/strong>&#8221; window. Select &#8220;<strong>Create Clipping Mask<\/strong>&#8220;.<\/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\/12\/click-create-clipping-mask-1024x538.webp\" alt=\"click create clipping mask\" class=\"wp-image-35274\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-create-clipping-mask-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-create-clipping-mask-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-create-clipping-mask-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-create-clipping-mask-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-create-clipping-mask.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-adjust-the-blend-modes\"><strong>Step 5: Adjust the Blend Modes<\/strong><\/h3>\n\n\n\n<p>For <strong>Layer 1 Copy<\/strong>: Change the blend mode from &#8220;<strong>Normal<\/strong>&#8221; to &#8220;<strong>Linear Burn<\/strong>&#8220;. Press &#8220;<strong>Ctrl + L<\/strong>&#8221; to open the &#8220;<strong>Levels<\/strong>&#8221; adjustment. Modify the &#8220;<strong>Output Levels<\/strong>&#8221; and press &#8220;<strong>OK<\/strong>&#8220;.<\/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\/12\/for-level-1-copy-modify-output-level-1024x538.webp\" alt=\"for level 1 copy modify output level\" class=\"wp-image-35266\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/for-level-1-copy-modify-output-level-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/for-level-1-copy-modify-output-level-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/for-level-1-copy-modify-output-level-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/for-level-1-copy-modify-output-level-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/for-level-1-copy-modify-output-level.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For <strong>Layer 1 Copy 2<\/strong>: Change the blend mode to &#8220;<strong>Linear Dodge (Add)<\/strong>&#8220;. Press &#8220;<strong>Ctrl + L<\/strong>&#8220;, adjust the <strong>&#8220;Input Levels<\/strong>&#8220;, and press &#8220;<strong>OK<\/strong>&#8220;.<\/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\/12\/adjust-the-input-levels-for-layer-1-copy-2-1024x538.webp\" alt=\"adjust the input levels for layer 1 copy 2\" class=\"wp-image-35276\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-2-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-2-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-2-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-2-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-2.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For <strong>Layer 1 Copy 3<\/strong>: Change the blend mode to &#8220;<strong>Screen<\/strong>&#8220;. Press &#8220;<strong>Ctrl + L<\/strong>&#8220;, adjust the &#8220;<strong>Input Levels<\/strong>&#8220;, and press &#8220;<strong>OK<\/strong>&#8220;.<\/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\/12\/adjust-the-input-levels-for-layer-1-copy-3-1024x538.webp\" alt=\"adjust the input levels for layer 1 copy 3\" class=\"wp-image-35278\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-3-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-3-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-3-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-3-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/adjust-the-input-levels-for-layer-1-copy-3.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-6-group-the-layers\"><strong>Step 6: Group the Layers<\/strong><\/h3>\n\n\n\n<p>Group the 3 copy layers. Group them by pressing &#8220;<strong>Ctrl + G<\/strong>&#8220;.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-7-adjust-the-base-layer\"><strong>Step 7: Adjust the Base Layer<\/strong><\/h3>\n\n\n\n<p>Choose the &#8220;<strong>O Layer<\/strong>&#8221; and adjust its &#8220;<strong>Properties<\/strong>&#8221; as necessary.<\/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\/12\/select-the-o-layer-then-modify-its-properties-1024x538.webp\" alt=\"select the o layer, then modify its properties\" class=\"wp-image-35280\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/select-the-o-layer-then-modify-its-properties-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/select-the-o-layer-then-modify-its-properties-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/select-the-o-layer-then-modify-its-properties-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/select-the-o-layer-then-modify-its-properties-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/select-the-o-layer-then-modify-its-properties.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-8-customize-the-solid-color-layer\"><strong>Step 8: Customize the Solid Color Layer<\/strong><\/h3>\n\n\n\n<p>Click on the &#8220;<strong>Solid Color Layer<\/strong>&#8221; and change the color to &#8220;<strong>#FFCEA3<\/strong><span style=\"margin: 0px;padding: 0px\">.&#8221; Then, set its blend mode to &#8220;<strong>Multiply<\/strong>.&#8221;<\/span><\/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\/12\/click-on-the-solid-color-layer-and-change-the-color-to-FFCEA3-1024x538.webp\" alt=\"click on the solid color layer and change the color to #FFCEA3\" class=\"wp-image-35282\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-on-the-solid-color-layer-and-change-the-color-to-FFCEA3-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-on-the-solid-color-layer-and-change-the-color-to-FFCEA3-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-on-the-solid-color-layer-and-change-the-color-to-FFCEA3-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-on-the-solid-color-layer-and-change-the-color-to-FFCEA3-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-on-the-solid-color-layer-and-change-the-color-to-FFCEA3.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-9-save-and-export-your-mockup\"><strong>Step 9: Save and Export Your Mockup<\/strong><\/h3>\n\n\n\n<p>To save your finished mockup, click &#8220;<strong>File<\/strong>&#8220;, then choose &#8220;<strong>Export<\/strong>&#8220;, and select &#8220;<strong>Quick Export<\/strong>&#8221; as PNG or JPEG.<\/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\/12\/click-file-then-choose-export-and-select-quick-export-as-png-or-jpeg-on-how-to-make-a-mockup-in-photoshop-1024x538.webp\" alt=\"click file, then choose export, and select quick export as png or jpeg on how to make a mockup in photoshop\" class=\"wp-image-35293\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-file-then-choose-export-and-select-quick-export-as-png-or-jpeg-on-how-to-make-a-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-file-then-choose-export-and-select-quick-export-as-png-or-jpeg-on-how-to-make-a-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-file-then-choose-export-and-select-quick-export-as-png-or-jpeg-on-how-to-make-a-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-file-then-choose-export-and-select-quick-export-as-png-or-jpeg-on-how-to-make-a-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/click-file-then-choose-export-and-select-quick-export-as-png-or-jpeg-on-how-to-make-a-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>That&#8217;s it. You now know how to create a mockup in Photoshop. We got this idea from the channel of <strong><a href=\"https:\/\/youtu.be\/lFnjm3Zcwco?feature=shared\" target=\"_blank\" rel=\"noreferrer noopener\">Fatima Homsi<\/a><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-create-different-types-of-mockups-in-photoshop\">How Can I Make Various Photoshop Mockup Types?<\/h2>\n\n\n\n<p>These Photoshop tutorials will show you <strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-a-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">how to make mockups<\/a><\/strong> that highlight your products in the best way. This helps customers see clearly what they\u2019re buying.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-isometric-map-mockups\">1. Isometric Map Mockups<\/h3>\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\/12\/isometric-map-mockup-in-Photoshop-1024x538.webp\" alt=\"isometric map mockup in Photoshop\" class=\"wp-image-35210\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/isometric-map-mockup-in-Photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/isometric-map-mockup-in-Photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/isometric-map-mockup-in-Photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/isometric-map-mockup-in-Photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/isometric-map-mockup-in-Photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here\u2019s a quick guide to making an isometric map mockup in Photoshop:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Set up an isometric grid using guides.<\/li>\n\n\n\n<li>Draw and transform elements into an isometric perspective.<\/li>\n\n\n\n<li>Use textures and patterns for a realistic look.<\/li>\n\n\n\n<li>Enhance with shadows, highlights, and small details.<\/li>\n\n\n\n<li>Adjust colors and export the final isometric map mockup.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-apparel-mockup\">2. Apparel Mockup<\/h3>\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\/12\/apparel-mockups-1024x538.webp\" alt=\"apparel mockups\" class=\"wp-image-35213\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/apparel-mockups-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/apparel-mockups-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/apparel-mockups-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/apparel-mockups-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/apparel-mockups.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here are the steps to create apparel mockups in Photoshop:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open a new file for apparel with appropriate dimensions.<\/li>\n\n\n\n<li>Use a high-quality image of a blank garment.<\/li>\n\n\n\n<li>Place your design on the garment.<\/li>\n\n\n\n<li>Adjust the design&#8217;s size and placement to fit the clothing.<\/li>\n\n\n\n<li>Use blending modes for your apparel to integrate the design with the garment texture.<\/li>\n\n\n\n<li>Enhance realism for apparel with shadows and highlights.<\/li>\n\n\n\n<li>Make any final adjustments and save your <strong><a href=\"https:\/\/mockey.ai\/mockups\/apparel\" target=\"_blank\" rel=\"noreferrer noopener\">apparel mockup<\/a><\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-surface-studio-mockup\">3. Surface Studio Mockup<\/h3>\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\/12\/surface-studio-mockup-in-photoshop-1024x538.webp\" alt=\"surface studio mockup in photoshop\" class=\"wp-image-35219\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/surface-studio-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/surface-studio-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/surface-studio-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/surface-studio-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/surface-studio-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To create Surface Studio mockups in Photoshop, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Download a Surface Studio template from sites like Mockey AI.<\/li>\n\n\n\n<li>Launch Photoshop and open the template file.<\/li>\n\n\n\n<li>Double-click the <strong>Smart Object layer<\/strong> to add your image.<\/li>\n\n\n\n<li>Drag your design or screenshot into the Smart Object, save it, and close the window.<\/li>\n\n\n\n<li>Export your final surface studio mockup as a PNG or JPEG.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-text-portrait-poster-mockup\">4. Text Portrait Poster Mockup<\/h3>\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\/12\/text-portrait-poster-mockup-1024x538.webp\" alt=\"text portrait poster mockup\" class=\"wp-image-35227\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/text-portrait-poster-mockup-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/text-portrait-poster-mockup-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/text-portrait-poster-mockup-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/text-portrait-poster-mockup-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/text-portrait-poster-mockup.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To make a text portrait poster in Photoshop:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start with a headshot photo in Photoshop.<\/li>\n\n\n\n<li>Make a copy of the photo layer to keep the original safe.<\/li>\n\n\n\n<li>Use the &#8220;<strong>Convert to Smart Object<\/strong>&#8221; option when you right-click the copy.<\/li>\n\n\n\n<li>Use the <strong>Text Tool<\/strong> to fill a big text box with quotes, lyrics, or any words you like.<\/li>\n\n\n\n<li>Go to <strong>Filter &gt; Distort &gt; Displace<\/strong>. Use a map to make the text follow the face&#8217;s shape.<\/li>\n\n\n\n<li>Add shadows, tweak colors, or any effects to make it pop.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-packaging-mockup\">5. Packaging Mockup<\/h3>\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\/12\/packaging-mockup-in-photoshop-1024x538.webp\" alt=\"packaging mockup in photoshop\" class=\"wp-image-35232\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/packaging-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/packaging-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/packaging-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/packaging-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/packaging-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To make packaging mockups in Photoshop:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open Photoshop and create a new document (3000&#215;3000 pixels, 300 DPI).<\/li>\n\n\n\n<li>Go to <strong>File &gt; Place Embedded<\/strong> to insert your packaging photo.<\/li>\n\n\n\n<li>Use the <strong>Select<\/strong> menu to highlight the packaging and duplicate it.<\/li>\n\n\n\n<li>Import your design, position it on the packaging, and use <strong>CTRL + T<\/strong> (or CMD + T on Mac) to adjust it.<\/li>\n\n\n\n<li>Add adjustment layers to tweak colors and textures.<\/li>\n\n\n\n<li>Go to <strong>File &gt; Export<\/strong> your <strong><a href=\"https:\/\/mockey.ai\/mockups\/packaging\" target=\"_blank\" rel=\"noreferrer noopener\">packaging mockup<\/a><\/strong> and save it as PNG or JPEG.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-do-you-place-an-image-in-a-mockup-in-photoshop\">How Can I Add a Photo in a Photoshop Mockup?<\/h2>\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\/12\/place-your-image-in-photoshop-1024x538.webp\" alt=\"place your image in photoshop\" class=\"wp-image-35323\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/place-your-image-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/place-your-image-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/place-your-image-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/place-your-image-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/place-your-image-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>source &#8211; skillshare<\/em><\/figcaption><\/figure>\n\n\n\n<p>How to fit an image into a mockup in Photoshop? To add a picture into a mockup using Photoshop:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the mockup file in Photoshop.<\/li>\n\n\n\n<li>Find the Smart Object (a layer thumbnail in the bottom right) and double-click it.<\/li>\n\n\n\n<li>A new tab will open with a blank background.<\/li>\n\n\n\n<li>Drag your image onto this blank background.<\/li>\n\n\n\n<li>Resize it if needed.<\/li>\n\n\n\n<li>Click Save and close the tab.<\/li>\n\n\n\n<li>Your image will now show up in the mockup.<\/li>\n\n\n\n<li>Select File &gt; Export to export your finished mockup.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-use-mock-up-in-psd\">How to Use Mockup in PSD?<\/h2>\n\n\n\n<p>Open the website Mockey.ai to start creating your mockup designs. Browse through the trendy mockup templates available and pick the one you like best. Download the template in PNG format when you&#8217;ve made your selection.<\/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\/12\/use-mockey.ai-to-download-free-templates-1024x538.webp\" alt=\"use mockey.ai to download free templates\" class=\"wp-image-35297\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/use-mockey.ai-to-download-free-templates-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/use-mockey.ai-to-download-free-templates-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/use-mockey.ai-to-download-free-templates-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/use-mockey.ai-to-download-free-templates-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/use-mockey.ai-to-download-free-templates.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After downloading, you can easily change the PNG file to a PSD format using a software. This is great if you want to edit it further in design software like Photoshop.<\/p>\n\n\n\n<p><strong>Why Use Mockey.ai?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Free Templates<\/strong>: You don\u2019t need to pay to access awesome designs.<\/li>\n\n\n\n<li><strong>Trendy Designs<\/strong>: Mockey offers modern, eye-catching templates to help your project stand out.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-do-i-make-a-mockup-without-photoshop\">How Do I Make a Mockup Without Photoshop?<\/h2>\n\n\n\n<p>Creating a mockup is super simple with Mockey AI! Their free online tool simplifies template customization, surpassing Photoshop. Here\u2019s how it works:<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Step 1: Upload Your Image<\/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\/12\/uplaod-your-image-in-mockey-ai-1024x538.webp\" alt=\"uplaod your image in mockey ai\" class=\"wp-image-35304\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/uplaod-your-image-in-mockey-ai-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/uplaod-your-image-in-mockey-ai-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/uplaod-your-image-in-mockey-ai-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/uplaod-your-image-in-mockey-ai-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/uplaod-your-image-in-mockey-ai.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Start by uploading your image. It could be anything, like a logo, artwork, or a unique graphic you\u2019ve made.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Step 2: Customize the Mockup<\/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\/12\/customize-the-mockup-in-mockey-1024x538.webp\" alt=\"customize the mockup in mockey\" class=\"wp-image-35309\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/customize-the-mockup-in-mockey-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/customize-the-mockup-in-mockey-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/customize-the-mockup-in-mockey-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/customize-the-mockup-in-mockey-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/customize-the-mockup-in-mockey.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once uploaded, you can place your design on different products. Like to witness your design on a T-shirt? Or maybe on a phone case, poster, or even a <strong><a href=\"https:\/\/mockey.ai\/mockups\/accessories\/tote-bag\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">tote bag mockup<\/a><\/strong>? Mockey AI lets you choose!<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Step 3: Preview the 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\/12\/preview-option-in-mockey-1024x538.webp\" alt=\"preview option in mockey\" class=\"wp-image-35313\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/preview-option-in-mockey-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/preview-option-in-mockey-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/preview-option-in-mockey-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/preview-option-in-mockey-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/preview-option-in-mockey.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After placing your design, Mockey AI shows you exactly how it\u2019ll look. This is great for making sure everything fits and looks just right before printing or sharing.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Step 4: Make Quick Changes<\/strong><\/p>\n\n\n\n<p>Not happy with the placement or size? No problem! You can easily adjust your design until it\u2019s perfect.<\/p>\n\n\n\n<p>With Mockey AI&#8217;s <strong><a href=\"https:\/\/mockey.ai\/blog\/best-mockup-websites\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">best mockup website<\/a><\/strong>, designing mockups is fast, fun, and hassle-free!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>That&#8217;s it, everyone! We have learned how to make a mockup in Photoshop and create different types of mockups. With Mockey AI&#8217;s free templates and the powerful editing tools in Adobe Photoshop, anyone can learn this easy technique.<\/p>\n\n\n\n<p>Mockey AI gives you ready-made templates that are easy to use, even if you\u2019re just starting out. <strong><a href=\"https:\/\/www.adobe.com\/in\/products\/photoshop.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Photoshop<\/a><\/strong> lets you customize your work.<\/p>\n\n\n\n<p>Once you get the hang of this skill, you\u2019ll be ready to take things further.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\">FAQs on How to Make a Mockup in Photoshop<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1733383354536\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to design a mockup in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To create a mockup in Photoshop, start by choosing a good photo that fits your project. Crop the picture to the proper size in Photoshop after opening it. Then, add your design or logo to a new layer. You can adjust the colors and textures to match your style. Once everything looks perfect, save your final mockup in the format you need.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1733383444339\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How can I make my own mockups?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To make your own mockups on Mockey.ai, start by logging in and picking the type of product. Next, choose a unique template that matches your idea. Then, upload your photo and adjust the template however you like. Once you&#8217;re happy with it, export your mockup for free without any watermarks.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1733383493872\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do you make a mockup look real in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To make a mockup look real in Photoshop, add textures with blending modes and layer masks, tweak shadows and highlights for depth, and use filters like Gaussian Blur to create a blurred background effect.<\/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-create-3d-mockup-in-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create 3d Mockup in Photoshop<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-create-a-poster-mockup-in-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create a Poster Mockup in Photoshop in 2024<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-create-clothing-mockups-in-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">How To Create Clothing Mockups In Photoshop<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-a-billboard-mockup-in-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make a Billboard Mockup in Photoshop<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-t-shirt-mockup-in-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make T Shirt Mockup in Photoshop<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to learn how to make a mockup in Photoshop in 2025? Make top-notch mockups in Photoshop for your industry. Whether it\u2019s merchandise, marketing materials, or products. Let&#8217;s dive in. What is a Product Mockup? A product mockup visually represents how your finished product will appear. These mockups are often used to showcase the final [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":35337,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"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-35189","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\/12\/how-to-make-a-mockup-in-photoshop.webp",1200,628,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop-150x150.webp",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop-300x157.webp",300,157,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop-768x402.webp",768,402,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop-1024x536.webp",1024,536,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop.webp",1200,628,false],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop.webp",1200,628,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop-640x628.webp",640,628,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-mockup-in-photoshop-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/12\/how-to-make-a-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":"Want to learn how to make a mockup in Photoshop in 2025? Make top-notch mockups in Photoshop for your industry. Whether it\u2019s merchandise, marketing materials, or products. Let&#8217;s dive in. What is a Product Mockup? A product mockup visually represents how your finished product will appear. These mockups are often used to showcase the final&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/35189","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=35189"}],"version-history":[{"count":132,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/35189\/revisions"}],"predecessor-version":[{"id":35430,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/35189\/revisions\/35430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/35337"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=35189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=35189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=35189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}