{"id":33312,"date":"2024-10-11T12:24:31","date_gmt":"2024-10-11T06:54:31","guid":{"rendered":"https:\/\/mockey.ai\/?p=33312"},"modified":"2024-10-11T12:24:34","modified_gmt":"2024-10-11T06:54:34","slug":"how-to-create-mug-mockup-in-photoshop","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/how-to-create-mug-mockup-in-photoshop\/","title":{"rendered":"How to Create Mug Mockup in Photoshop in 2024"},"content":{"rendered":"\n<p>In this tutorial, you&#8217;ll learn how to create mug mockup in Adobe Photoshop. By the end of this tutorial, you&#8217;ll not only know how to design a mug mockup but also gain a clear understanding of working with smart objects in Photoshop.<\/p>\n\n\n\n<p>For those who might not have access to Photoshop or are seeking alternatives, we\u2019ll also introduce you to the best Photoshop alternative available today.<\/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\/09\/generate-free-mug-mockups-with-mockey-1024x538.webp\" alt=\"generate free mug mockups with mockey\" class=\"wp-image-31643\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/09\/generate-free-mug-mockups-with-mockey-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/09\/generate-free-mug-mockups-with-mockey-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/09\/generate-free-mug-mockups-with-mockey-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/09\/generate-free-mug-mockups-with-mockey-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/09\/generate-free-mug-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\/home-and-living\/mug\" 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>Generate Mug 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><li><a href=\"#what-is-a-mug-mockup\">What is a Mug Mockup?<\/a><\/li><li><a href=\"#a-quick-guide-on-how-to-create-mug-mockup-in-photoshop\">A Quick Guide on How to Create Mug Mockup in Photoshop<\/a><\/li><li><a href=\"#how-to-create-mug-mockup-in-photoshop-step-by-step-guide\">How to Create Mug Mockup in Photoshop &#8211; Step-by-step Guide<\/a><\/li><li><a href=\"#best-photoshop-alternative-to-create-mug-mockup\">Best Photoshop Alternative to Create Mug Mockup<\/a><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><li><a href=\"#fa-qs\">FAQs<\/a><\/li><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-mug-mockup\"><strong>What is a Mug Mockup?<\/strong><\/h2>\n\n\n\n<p>A mug mockup is a digital image that shows how a design, logo, or artwork will look on a mug. Designers and brands use it to preview and share ideas before making the real product. It&#8217;s helpful for getting feedback and making changes!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a-quick-guide-on-how-to-create-mug-mockup-in-photoshop\"><strong>A Quick Guide on How to Create Mug Mockup in Photoshop<\/strong><\/h2>\n\n\n\n<p>Here is a quick guide on how to create mug mockup in Photoshop in just a few minutes.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the <strong>rectangle tool<\/strong> and draw a rectangle. Right-click, <strong>convert to smart object<\/strong>, and set <strong>opacity to 50%<\/strong>.<\/li>\n\n\n\n<li>Press Ctrl T to transform, adjust size, angle, and position. Right-click to distort and warp to match your mug&#8217;s shape.<\/li>\n\n\n\n<li>Set opacity to 100%, rename the layer, group it as &#8220;<strong>design<\/strong>,&#8221; and disable the group.<\/li>\n\n\n\n<li>Select the background layer, use the <strong>quick selection tool<\/strong>, and select the mug body and handle.<\/li>\n\n\n\n<li>Enable the group layer, add a layer mask, set blending mode to multiply, and place your image.<\/li>\n\n\n\n<li>Adjust, save, and close.<\/li>\n\n\n\n<li>Change mug handle color by creating a solid color adjustment layer. Use mask and delete to remove the body. Name the layer &#8220;<strong>handle colo<\/strong>r.&#8221;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-create-mug-mockup-in-photoshop-step-by-step-guide\"><strong>How to Create Mug Mockup in Photoshop &#8211; Step-by-step Guide<\/strong><\/h2>\n\n\n\n<p>Here&#8217;s a step-by-step tutorial on how to create mug mockup in Photoshop. We took the idea from <strong><a href=\"https:\/\/youtu.be\/6a3zzoQDd_M?feature=shared\" target=\"_blank\" rel=\"noreferrer noopener\">Big Smiling Editing<\/a><\/strong>.<\/p>\n\n\n\n<p>1. First, open your rectangle tool from the toolbar. And draw a rectangle. Right-click and convert to smart object. We&#8217;ll decrease the opacity all the way to 50%.<\/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\/draw-a-rectangle-1024x538.webp\" alt=\"draw a rectangle\" class=\"wp-image-33313\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/draw-a-rectangle-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/draw-a-rectangle-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/draw-a-rectangle-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/draw-a-rectangle-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/draw-a-rectangle.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. Press Ctrl T to free transform. Now adjust the size, angle and position. Right-click and choose the distort. Click and drag the corner handles. Right-click again and choose Warp. Now use these handles to distort the shape and match it to your mug&#8217;s body.<\/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\/now-adjust-the-size-angle-and-position-on-how-to-create-mug-mockup-in-photoshop-1024x538.webp\" alt=\"now adjust the size, angle and position on how to create mug mockup in photoshop\" class=\"wp-image-33316\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-adjust-the-size-angle-and-position-on-how-to-create-mug-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-adjust-the-size-angle-and-position-on-how-to-create-mug-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-adjust-the-size-angle-and-position-on-how-to-create-mug-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-adjust-the-size-angle-and-position-on-how-to-create-mug-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-adjust-the-size-angle-and-position-on-how-to-create-mug-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3. Hit enter when you&#8217;re finished. Set the opacity back to 100%. Double-click on this and rename it &#8220;<strong>Your image<\/strong>&#8220;. Right-click and group from layers. We&#8217;re going to name this &#8220;<strong>Design<\/strong>&#8220;. Disable the group layer.&nbsp;<\/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\/double-click-on-this-and-rename-it-your-image-1024x538.webp\" alt=\"double-click on this and rename it your image\" class=\"wp-image-33318\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-on-this-and-rename-it-your-image-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-on-this-and-rename-it-your-image-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-on-this-and-rename-it-your-image-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-on-this-and-rename-it-your-image-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/double-click-on-this-and-rename-it-your-image.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>4. Select the background or subject layer. Then from the toolbar, select the quick selection tool. And click and drag over the mug&#8217;s body to select it. Click subtract from the selection at the top. Drag inside the handle to select it.<\/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\/click-and-drag-over-the-mugs-body-to-select-it-1024x538.webp\" alt=\"click and drag over the mug's body to select it\" class=\"wp-image-33320\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-and-drag-over-the-mugs-body-to-select-it-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-and-drag-over-the-mugs-body-to-select-it-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-and-drag-over-the-mugs-body-to-select-it-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-and-drag-over-the-mugs-body-to-select-it-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/click-and-drag-over-the-mugs-body-to-select-it.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>5. Now enable the group layer. Then create a layer mask. Change the blending mode to multiply. Now double-click the thumbnail to place your image. Go to file. Place embedded. Place your second image. Adjust the size and position. Hit enter once you&#8217;re satisfied.<\/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\/now-enable-the-group-layer-and-then-create-a-layer-mask-1024x538.webp\" alt=\"now enable the group layer and then create a layer mask\" class=\"wp-image-33322\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-enable-the-group-layer-and-then-create-a-layer-mask-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-enable-the-group-layer-and-then-create-a-layer-mask-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-enable-the-group-layer-and-then-create-a-layer-mask-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-enable-the-group-layer-and-then-create-a-layer-mask-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/now-enable-the-group-layer-and-then-create-a-layer-mask.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>6. Go back to file. And choose to save. And then close the document. This time we&#8217;re going to change the color of the mug handle. So, hold the control key, and click on the mask of the group layer to make a selection.<\/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\/hold-the-control-key-and-click-on-the-mask-of-the-group-layer-to-make-a-selection-1024x538.webp\" alt=\"hold the control key, and click on the mask of the group layer to make a selection\" class=\"wp-image-33324\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-group-layer-to-make-a-selection-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-group-layer-to-make-a-selection-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-group-layer-to-make-a-selection-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-group-layer-to-make-a-selection-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-group-layer-to-make-a-selection.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>7. Click on the adjustment layer icon, then create a new solid color. In the color picker, select any color for the mug handle, we&#8217;re going to select that. Then press OK. Hold the control key, and click on the mask of the design layer to make a selection.&nbsp;<\/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\/hold-the-control-key-and-click-on-the-mask-of-the-design-layer-to-make-a-selection-1024x538.webp\" alt=\"hold the control key, and click on the mask of the design layer to make a selection\" class=\"wp-image-33326\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-design-layer-to-make-a-selection-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-design-layer-to-make-a-selection-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-design-layer-to-make-a-selection-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-design-layer-to-make-a-selection-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/hold-the-control-key-and-click-on-the-mask-of-the-design-layer-to-make-a-selection.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>8. Now select the mask of the color fill layer. Make sure the foreground color is white. Press delete on your keyboard to remove the body. Press control D to delete the selection. We&#8217;ll name it, &#8220;<strong>handle color<\/strong>&#8220;.<\/p>\n\n\n\n<p>That&#8217;s it! We&#8217;ve walked through how to create mug mockup in Photoshop step-by-step. Now, let&#8217;s explore the <strong><a href=\"https:\/\/mockey.ai\/blog\/best-mockup-websites\/\" target=\"_blank\" rel=\"noreferrer noopener\">best free mockup websites<\/a><\/strong> for mug designs without watermarks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"best-photoshop-alternative-to-create-mug-mockup\">Best Photoshop Alternative to Create Mug Mockup<\/h2>\n\n\n\n<p>Mockey.ai is the best alternative to Photoshop for creating mug mockups. Here are the steps to follow:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Visit Mockey.ai, sign up there, and go to &#8220;<strong>Mockups &gt; Home &amp; Living &gt; Mug<\/strong>.&#8221;<\/li>\n\n\n\n<li>Choose a category like coffee mug, ceramic, round, white, black, enamel, or metal.<\/li>\n\n\n\n<li>Select a template, upload your design, and customize it.<\/li>\n\n\n\n<li>Then click &#8220;<strong>Download<\/strong>&#8221; to save your watermark-free mug mockup.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>We&#8217;ve learned how to create mug mockup in Photoshop. While Photoshop is good for creating mockups, it can be challenging for beginners. A better option is to use a mockup generator like Mockey.ai. It offers a large collection of templates, allows for easy customization, and is completely free.<\/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-1728527152902\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to mockup a mug in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To create mug mockup in Photoshop, start by selecting a mug image and opening it in the program. Use the Pen Tool to outline the mug carefully, then convert this selection into a Smart Object to make editing easier. After that, place your design inside the Smart Object and save your changes.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1728527169335\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I create my own mug mockup?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Mockey.ai is a great Photoshop alternative for mug mockups. Just visit Mockups &gt; Home &amp; Living &gt; Mug, pick a mug style, upload your design, customize it, and click Download to save your watermark-free mockup.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1728527186652\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Which is the best mug mockup generator?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Mockey.ai is the best <a href=\"https:\/\/mockey.ai\/free-mug-mockup-generator\/\" class=\"ek-link\">mug mockup generator<\/a> with 1,000+ free templates. Its easy-to-use interface lets anyone create custom, high-quality mug mockups without watermarks.<\/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\/what-is-a-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">What is a Mockup? Its Types and How to Create for Free<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-mug-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make Mug Mockups Online \u2013 Quick Guide<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/wireframe-vs-mockup-vs-prototype\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wireframe vs Mockup vs Prototype \u2013 Explained in 2024<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, you&#8217;ll learn how to create mug mockup in Adobe Photoshop. By the end of this tutorial, you&#8217;ll not only know how to design a mug mockup but also gain a clear understanding of working with smart objects in Photoshop. For those who might not have access to Photoshop or are seeking alternatives, [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":33357,"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-33312","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-create-mug-mockup-in-photoshop.webp",1200,628,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop-150x150.webp",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop-300x157.webp",300,157,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop-768x402.webp",768,402,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop-1024x536.webp",1024,536,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop.webp",1200,628,false],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop.webp",1200,628,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop-640x628.webp",640,628,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-mockup-in-photoshop-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/10\/how-to-create-mug-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":"In this tutorial, you&#8217;ll learn how to create mug mockup in Adobe Photoshop. By the end of this tutorial, you&#8217;ll not only know how to design a mug mockup but also gain a clear understanding of working with smart objects in Photoshop. For those who might not have access to Photoshop or are seeking alternatives,&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/33312","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=33312"}],"version-history":[{"count":22,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/33312\/revisions"}],"predecessor-version":[{"id":33405,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/33312\/revisions\/33405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/33357"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=33312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=33312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=33312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}