{"id":36888,"date":"2025-03-12T02:00:33","date_gmt":"2025-03-11T20:30:33","guid":{"rendered":"https:\/\/mockey.ai\/?p=36888"},"modified":"2025-03-12T02:01:08","modified_gmt":"2025-03-11T20:31:08","slug":"how-to-create-phone-case-mockup-in-photoshop","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/how-to-create-phone-case-mockup-in-photoshop\/","title":{"rendered":"How to Create Phone Case Mockup in Photoshop in 2025"},"content":{"rendered":"\n<p>Photoshop allows you to create iPhone mockups using iPhone templates or your own phone case mockups. Photoshop might seem tricky, but it gives you more control. This tutorial will show you how to create phone case mockup in Photoshop with an image.<\/p>\n\n\n\n<p>If you wish to start customizing right now, you can use the best <a href=\"https:\/\/mockey.ai\/phone-cover-mockup-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>phone cover mockup generator<\/strong><\/a> on Mockey AI.<\/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\/2025\/03\/create-phone-case-mockup-in-mockey-ai-1024x538.webp\" alt=\"create phone case mockup in mockey ai\" class=\"wp-image-36889\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/create-phone-case-mockup-in-mockey-ai-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/create-phone-case-mockup-in-mockey-ai-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/create-phone-case-mockup-in-mockey-ai-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/create-phone-case-mockup-in-mockey-ai-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/create-phone-case-mockup-in-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-a89b3969 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\/accessories\/phone-cover\" 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>Create Phone Case Mockup 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=\"#how-to-create-phone-case-mockup-in-photoshop\">How to Create Phone Case Mockup In Photoshop?<\/a><ul><\/ul><\/li><li><a href=\"#how-to-create-phone-case-in-mockey-ai\">How to Create a Phone Case in Mockey AI?<\/a><ul><\/ul><\/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=\"how-to-create-phone-case-mockup-in-photoshop\"><strong>How to Create Phone Case Mockup In Photoshop?<\/strong><\/h2>\n\n\n\n<p>In this tutorial, you will learn how to create a mockup of a phone case in Photoshop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-select-the-phone-case\"><strong>Step 1: Select the Phone Case<\/strong><\/h3>\n\n\n\n<p>Pick the <strong>Quick Selection Tool<\/strong> from the toolbar. Click and drag over the phone case to select it. Press <strong>Ctrl+J<\/strong> to cut it out from the background.<\/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\/2025\/03\/press-ctrlj-to-cut-it-out-from-the-background-1024x538.webp\" alt=\"press ctrl+j to cut it out from the background\" class=\"wp-image-36895\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/press-ctrlj-to-cut-it-out-from-the-background-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/press-ctrlj-to-cut-it-out-from-the-background-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/press-ctrlj-to-cut-it-out-from-the-background-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/press-ctrlj-to-cut-it-out-from-the-background-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/press-ctrlj-to-cut-it-out-from-the-background.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-create-the-mockup-base\"><strong>Step 2: Create the Mockup Base<\/strong><\/h3>\n\n\n\n<p>Choose the <strong>Rectangle Tool<\/strong> and draw a rectangle. Select <strong>Convert to Smart Object<\/strong>. Right-click again and choose <strong>Create Clipping Mask<\/strong>.<\/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\/2025\/03\/select-convert-to-smart-object-on-how-to-create-phone-case-mockup-in-photoshop-1024x538.webp\" alt=\"select convert to smart object on how to create phone case mockup in photoshop\" class=\"wp-image-36898\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-convert-to-smart-object-on-how-to-create-phone-case-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-convert-to-smart-object-on-how-to-create-phone-case-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-convert-to-smart-object-on-how-to-create-phone-case-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-convert-to-smart-object-on-how-to-create-phone-case-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-convert-to-smart-object-on-how-to-create-phone-case-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-add-your-design\"><strong>Step 3: Add Your Design<\/strong><\/h3>\n\n\n\n<p>Double-click the top layer\u2019s thumbnail. Go to <strong>File &gt; Place Embedded<\/strong> and add your design. <\/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\/2025\/03\/go-to-file-then-place-embedded-and-add-your-design-1024x538.webp\" alt=\"go to file, then place embedded and add your design\" class=\"wp-image-36900\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/go-to-file-then-place-embedded-and-add-your-design-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/go-to-file-then-place-embedded-and-add-your-design-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/go-to-file-then-place-embedded-and-add-your-design-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/go-to-file-then-place-embedded-and-add-your-design-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/go-to-file-then-place-embedded-and-add-your-design.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adjust the size and position, then press <strong>Enter<\/strong>. Go to <strong>File &gt; Save<\/strong>, then close the document.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-blend-the-design-with-the-case\"><strong>Step 4: Blend the Design with the Case<\/strong><\/h3>\n\n\n\n<p>Change the <strong>Blending Mode<\/strong> from <strong>Normal<\/strong> to <strong>Multiply<\/strong>. <\/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\/2025\/03\/change-the-blending-mode-from-normal-to-multiply-1024x538.webp\" alt=\"change the blending mode from normal to multiply\" class=\"wp-image-36902\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/change-the-blending-mode-from-normal-to-multiply-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/change-the-blending-mode-from-normal-to-multiply-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/change-the-blending-mode-from-normal-to-multiply-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/change-the-blending-mode-from-normal-to-multiply-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/change-the-blending-mode-from-normal-to-multiply.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click the <strong>FX icon<\/strong> and go to <strong>Blending Options<\/strong>. Hold <strong>Alt<\/strong>, split the <strong>white slider<\/strong>, and drag it left. <\/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\/2025\/03\/hold-alt-split-the-white-slider-and-drag-it-left-1024x538.webp\" alt=\"hold alt, split the white slider, and drag it left\" class=\"wp-image-36903\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/hold-alt-split-the-white-slider-and-drag-it-left-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/hold-alt-split-the-white-slider-and-drag-it-left-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/hold-alt-split-the-white-slider-and-drag-it-left-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/hold-alt-split-the-white-slider-and-drag-it-left-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/hold-alt-split-the-white-slider-and-drag-it-left.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Press <strong>Ctrl+J<\/strong> to duplicate, then create a <strong>Clipping Mask<\/strong>. Change <strong>Multiply<\/strong> to <strong>Screen<\/strong> mode. Return to <strong>FX &gt; Blending Options<\/strong> and switch it back to <strong>Normal<\/strong>. <\/p>\n\n\n\n<p>Hold <strong>Alt<\/strong>, split the <strong>black slider<\/strong>, and drag it right. Press <strong>OK<\/strong> when you are happy with the result.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-group-the-layers\"><strong>Step 5: Group the Layers<\/strong><\/h3>\n\n\n\n<p>Select all three layers while holding <strong>Shift<\/strong>. Press <strong>Ctrl+G<\/strong> to group them.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-6-refine-the-background\"><strong>Step 6: Refine the Background<\/strong><\/h3>\n\n\n\n<p>Choose the <strong>Object Selection Tool<\/strong> from the toolbar. Click <strong>Add to Selection<\/strong> at the top. Switch to <strong>Lasso Mode<\/strong>.<\/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\/2025\/03\/switch-to-lasso-mode-1024x538.webp\" alt=\"switch to lasso mode\" class=\"wp-image-36905\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/switch-to-lasso-mode-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/switch-to-lasso-mode-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/switch-to-lasso-mode-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/switch-to-lasso-mode-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/switch-to-lasso-mode.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Select the background around the phone case. <\/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\/2025\/03\/select-the-background-around-the-phone-case-1024x538.webp\" alt=\"select the background around the phone case\" class=\"wp-image-36906\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-the-background-around-the-phone-case-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-the-background-around-the-phone-case-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-the-background-around-the-phone-case-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-the-background-around-the-phone-case-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/select-the-background-around-the-phone-case.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Select the top layer and add a <strong>Layer Mask<\/strong>. Press <strong>Ctrl+I<\/strong> to invert it.<\/p>\n\n\n\n<p>That&#8217;s it. We have understood how to create phone cases in Photoshop. Now, let&#8217;s show you the best phone case mockup generator, where you can customize a phone case with pre-made templates with different backgrounds and download it with ease.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-create-phone-case-in-mockey-ai\">How to Create a Phone Case in Mockey AI?<\/h2>\n\n\n\n<p>Use Mockey AI, the <strong><a href=\"https:\/\/mockey.ai\/blog\/best-mockup-websites\/\" target=\"_blank\" rel=\"noreferrer noopener\">best mockup website<\/a><\/strong> where you can make phone case mockups in seconds. It&#8217;s definitely better than <strong><a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\" target=\"_blank\" rel=\"noreferrer noopener\">Photoshop<\/a><\/strong> when it comes to mockups. Here are the steps:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-choose-a-phone-template\"><strong>Step 1: Choose a Phone Template<\/strong><\/h3>\n\n\n\n<p>Sign up there. Go to <strong><a href=\"https:\/\/mockey.ai\/mockups\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mockups<\/a><\/strong> and then pick <strong>Phone Case<\/strong> in the <strong>Accessories<\/strong> section. Choose a phone case template from options like iPhone 6, iPhone X, iPhone 11 Pro, iPhone 14, iPhone 14 Pro, Android, or Samsung Galaxy S23.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-upload-customize\"><strong>Step 2: Upload &amp; Customize<\/strong><\/h3>\n\n\n\n<p>Tap <strong>Upload Design<\/strong> to add the logo or your custom design for your business. Use the easy editing tools to alter background or colors or AI tools to make it look perfect.<\/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\/2025\/03\/easy-editing-tool-in-mockey-ai-1024x538.webp\" alt=\"easy editing tool in mockey ai\" class=\"wp-image-36911\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/easy-editing-tool-in-mockey-ai-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/easy-editing-tool-in-mockey-ai-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/easy-editing-tool-in-mockey-ai-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/easy-editing-tool-in-mockey-ai-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/easy-editing-tool-in-mockey-ai.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-save-your-mockup\"><strong>Step 3: Save Your Mockup<\/strong><\/h3>\n\n\n\n<p>Click <strong>Download<\/strong> to save your high-quality phone case mockup for free\u2014no watermarks!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>That\u2019s the end of our tutorial on how to create phone case mockup in Photoshop. We hope you found it helpful!<\/p>\n\n\n\n<p>From our experience, Mockey AI is a great tool for creating eye-catching phone case mockups using ready-made templates. It can help your online business stand out.<\/p>\n\n\n\n<p>Will you give Mockey AI a try? If you&#8217;re new to this, you can start with the free plan to explore its features. And if you&#8217;re a freelancer or starting a business, the lifetime plan could be a game-changer for you!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\">FAQs<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1741667618102\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to design a phone case in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To design a phone case in Photoshop, first, draw the shape of the case using the Pen Tool. Clean up the edges and add separate layers for shading and design. Use tools like Content-Aware Fill and Blend Modes to make it look more realistic. Finally, add your design with the Place feature and adjust it until it looks perfect.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1741667677884\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to create a phone case mockup?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To make a phone case mockup, go to Mockey AI and sign up. Choose a phone case template from the Accessories section. Upload your logo or custom design, then use AI tools to edit it or change the color and background. When you&#8217;re happy with the design, download it as a PNG or JPEG in different sizes.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1741667691069\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Which is the best phone case mockup generator?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Mockey AI is best for making phone case mockups. It has over 1,000 templates you can customize, an easy-to-use design, and gives you high-quality images without watermarks, up to 1600 \u00d7 2000 pixels.<\/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-phone-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make Phone Mockups<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-create-iphone-mockup-in-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create iPhone Mockup in Photoshop<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photoshop allows you to create iPhone mockups using iPhone templates or your own phone case mockups. Photoshop might seem tricky, but it gives you more control. This tutorial will show you how to create phone case mockup in Photoshop with an image. If you wish to start customizing right now, you can use the best [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":36892,"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":[246,7],"tags":[],"class_list":["post-36888","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mockups","category-guide"],"uagb_featured_image_src":{"full":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop.webp",1200,628,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop-150x150.webp",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop-300x157.webp",300,157,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop-768x402.webp",768,402,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop-1024x536.webp",1024,536,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop.webp",1200,628,false],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop.webp",1200,628,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop-640x628.webp",640,628,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-mockup-in-photoshop-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2025\/03\/how-to-create-phone-case-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 allows you to create iPhone mockups using iPhone templates or your own phone case mockups. Photoshop might seem tricky, but it gives you more control. This tutorial will show you how to create phone case mockup in Photoshop with an image. If you wish to start customizing right now, you can use the best&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/36888","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=36888"}],"version-history":[{"count":24,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/36888\/revisions"}],"predecessor-version":[{"id":36950,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/36888\/revisions\/36950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/36892"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=36888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=36888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=36888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}