{"id":511,"date":"2024-05-17T20:02:34","date_gmt":"2024-05-17T20:02:34","guid":{"rendered":"https:\/\/you-should-automate-that.com\/blog\/?p=511"},"modified":"2024-05-17T17:07:14","modified_gmt":"2024-05-17T17:07:14","slug":"how-to-use-mockups-in-photoshop-psd-tutorial","status":"publish","type":"post","link":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/","title":{"rendered":"How To Use Mockups In Photoshop (.PSD Tutorial)"},"content":{"rendered":"<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"How To Use Mockups In Photoshop (.PSD Tutorial)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ES5R0Z-v4EA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<p>How to use mockups in Photoshop: Step 1 is to find the Smart Object layer, which is often sandwiched between a texture layer on top, and a background layer on bottom. Step 2 is to replace the contents of the Smart Object with your desired image. You can do this manually, one at a time, or you can automate this process to generate all your mockups in bulk.<\/p>\n<p>To do this manually, you can double-click the Smart Object layer, which will open it in a new tab. You can then simply place your image at the top of the layer stack, size &amp; position it to your liking, then save this tab to update the PSD mockup file. The other manual method is to right-click the Smart Object layer, click Replace Contents, then select your desired image.<\/p>\n<p>To automate this process, you can use the <a href=\"https:\/\/exchange.adobe.com\/apps\/cc\/8e3097ba\/batch-replace-smart-objects\">Batch-Replace Smart Objects plugin<\/a> for Photoshop. Once installed, simply specify the Photoshop Document To Use, the input folder (which contains your images), and the output folder you&#8217;d like to save to. Then, just click &#8216;Run&#8217;, and it will automate the creation of all your mockups for you. You can also save operations to run later &#8212; and you can even chain together as many operations as you need, allowing you to make all your mockups in bulk with one single button click.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to use mockups in Photoshop: Step 1 is to find the Smart Object layer, which is often sandwiched between a texture layer on top, and a background layer on&hellip;<\/p>\n","protected":false},"author":2,"featured_media":512,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4,11,3],"tags":[],"class_list":["post-511","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-automation","category-graphic-design","category-photoshop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Use Mockups In Photoshop (.PSD Tutorial) - You Should Automate That<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use Mockups In Photoshop (.PSD Tutorial) - You Should Automate That\" \/>\n<meta property=\"og:description\" content=\"How to use mockups in Photoshop: Step 1 is to find the Smart Object layer, which is often sandwiched between a texture layer on top, and a background layer on&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"You Should Automate That\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-17T20:02:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"You Should Automate That\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"You Should Automate That\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/\"},\"author\":{\"name\":\"You Should Automate That\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/#\\\/schema\\\/person\\\/46b0976fe98a7271d6993eff4dc2d7fe\"},\"headline\":\"How To Use Mockups In Photoshop (.PSD Tutorial)\",\"datePublished\":\"2024-05-17T20:02:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/\"},\"wordCount\":243,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/you-should-automate-that.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1\",\"articleSection\":[\"Automation\",\"Graphic Design\",\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/\",\"url\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/\",\"name\":\"How To Use Mockups In Photoshop (.PSD Tutorial) - You Should Automate That\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/you-should-automate-that.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1\",\"datePublished\":\"2024-05-17T20:02:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/#\\\/schema\\\/person\\\/46b0976fe98a7271d6993eff4dc2d7fe\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/you-should-automate-that.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/you-should-automate-that.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/17\\\/how-to-use-mockups-in-photoshop-psd-tutorial\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Use Mockups In Photoshop (.PSD Tutorial)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/\",\"name\":\"You Should Automate That\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/#\\\/schema\\\/person\\\/46b0976fe98a7271d6993eff4dc2d7fe\",\"name\":\"You Should Automate That\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0dcd3de8082d764cbc3f338d932ec0f7d8010baa267612c9883fc8a3511e0e90?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0dcd3de8082d764cbc3f338d932ec0f7d8010baa267612c9883fc8a3511e0e90?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0dcd3de8082d764cbc3f338d932ec0f7d8010baa267612c9883fc8a3511e0e90?s=96&d=mm&r=g\",\"caption\":\"You Should Automate That\"},\"description\":\"We are a software development company based in the Midwestern United States. Our goal is to save you tons of time by automating the boring, repetitive parts of your workflow \u2014 allowing you to focus that time on more valuable activities.\",\"url\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/author\\\/you-should-automate-that\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Use Mockups In Photoshop (.PSD Tutorial) - You Should Automate That","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"How To Use Mockups In Photoshop (.PSD Tutorial) - You Should Automate That","og_description":"How to use mockups in Photoshop: Step 1 is to find the Smart Object layer, which is often sandwiched between a texture layer on top, and a background layer on&hellip;","og_url":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/","og_site_name":"You Should Automate That","article_published_time":"2024-05-17T20:02:34+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1","type":"image\/jpeg"}],"author":"You Should Automate That","twitter_card":"summary_large_image","twitter_misc":{"Written by":"You Should Automate That","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#article","isPartOf":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/"},"author":{"name":"You Should Automate That","@id":"https:\/\/you-should-automate-that.com\/blog\/#\/schema\/person\/46b0976fe98a7271d6993eff4dc2d7fe"},"headline":"How To Use Mockups In Photoshop (.PSD Tutorial)","datePublished":"2024-05-17T20:02:34+00:00","mainEntityOfPage":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/"},"wordCount":243,"commentCount":0,"image":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1","articleSection":["Automation","Graphic Design","Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/","url":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/","name":"How To Use Mockups In Photoshop (.PSD Tutorial) - You Should Automate That","isPartOf":{"@id":"https:\/\/you-should-automate-that.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1","datePublished":"2024-05-17T20:02:34+00:00","author":{"@id":"https:\/\/you-should-automate-that.com\/blog\/#\/schema\/person\/46b0976fe98a7271d6993eff4dc2d7fe"},"breadcrumb":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#primaryimage","url":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1","contentUrl":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/17\/how-to-use-mockups-in-photoshop-psd-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/you-should-automate-that.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Use Mockups In Photoshop (.PSD Tutorial)"}]},{"@type":"WebSite","@id":"https:\/\/you-should-automate-that.com\/blog\/#website","url":"https:\/\/you-should-automate-that.com\/blog\/","name":"You Should Automate That","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/you-should-automate-that.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/you-should-automate-that.com\/blog\/#\/schema\/person\/46b0976fe98a7271d6993eff4dc2d7fe","name":"You Should Automate That","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0dcd3de8082d764cbc3f338d932ec0f7d8010baa267612c9883fc8a3511e0e90?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0dcd3de8082d764cbc3f338d932ec0f7d8010baa267612c9883fc8a3511e0e90?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0dcd3de8082d764cbc3f338d932ec0f7d8010baa267612c9883fc8a3511e0e90?s=96&d=mm&r=g","caption":"You Should Automate That"},"description":"We are a software development company based in the Midwestern United States. Our goal is to save you tons of time by automating the boring, repetitive parts of your workflow \u2014 allowing you to focus that time on more valuable activities.","url":"https:\/\/you-should-automate-that.com\/blog\/author\/you-should-automate-that\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-use-mockups-in-photoshop-PSD-tutorial-video.jpg?fit=1280%2C720&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/posts\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":1,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/posts\/511\/revisions"}],"predecessor-version":[{"id":513,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/posts\/511\/revisions\/513"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/media\/512"}],"wp:attachment":[{"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/media?parent=511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/categories?post=511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/tags?post=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}