{"id":517,"date":"2024-05-24T17:12:18","date_gmt":"2024-05-24T17:12:18","guid":{"rendered":"https:\/\/you-should-automate-that.com\/blog\/?p=517"},"modified":"2024-05-17T17:14:12","modified_gmt":"2024-05-17T17:14:12","slug":"how-to-make-mockups-in-photoshop","status":"publish","type":"post","link":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/","title":{"rendered":"How To Make Mockups In Photoshop"},"content":{"rendered":"<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"How To Make Mockups In Photoshop\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/IJwJL4jr4sY?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 make mockups in Photoshop \u2014 whether creating them from scratch, or using an existing template. To make your own mockups, the core thing you need is a Smart Object layer which maps onto the main item in the scene. You can create a Smart Object by right-clicking the desired layer, then clicking &#8220;Convert to Smart Object.&#8221; This effectively transforms it into a container whose contents can be easily swapped out with your desired images. You can then apply custom edits to the mockup scene and Smart Object layer without needing to modify the images placed inside of it.<\/p>\n<p>If you&#8217;re using an existing mockup template, or one that you made yourself, the process is the same: Simply replace the Smart Object contents with your desired image to update the mockup. You can do this manually, one at a time, or you can automate this process to generate all your mockups in bulk. To do this manually, double-click the Smart Object layer which will open it in a new tab. Then, add your image to the top of the layer stack, then save this tab to update the Smart Object in the mockup. Your other manual option is to right click the Smart Object, click Replace Contents, then select your desired image.<\/p>\n<p>To save time by automating 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. Simply select the Photoshop Document To Use, the Input Folder (which contains your images), and the Output Folder to save to. Then, just click run, and it will automate the process of creating all your mockups for you. You can also save operations to run later, and you can even chain together multiple operations &#8212; allowing you to generate all your required mockups with one single button click.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to make mockups in Photoshop \u2014 whether creating them from scratch, or using an existing template. To make your own mockups, the core thing you need is a Smart&hellip;<\/p>\n","protected":false},"author":2,"featured_media":518,"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":[11,3],"tags":[],"class_list":["post-517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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 Make Mockups In Photoshop - 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\/24\/how-to-make-mockups-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Make Mockups In Photoshop - You Should Automate That\" \/>\n<meta property=\"og:description\" content=\"How to make mockups in Photoshop \u2014 whether creating them from scratch, or using an existing template. To make your own mockups, the core thing you need is a Smart&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"You Should Automate That\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-24T17:12:18+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-make-mockups-in-photoshop-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\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/\"},\"author\":{\"name\":\"You Should Automate That\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/#\\\/schema\\\/person\\\/46b0976fe98a7271d6993eff4dc2d7fe\"},\"headline\":\"How To Make Mockups In Photoshop\",\"datePublished\":\"2024-05-24T17:12:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/\"},\"wordCount\":312,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/you-should-automate-that.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/how-to-make-mockups-in-photoshop-tutorial-video.jpg?fit=1280%2C720&ssl=1\",\"articleSection\":[\"Graphic Design\",\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/\",\"name\":\"How To Make Mockups In Photoshop - 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\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/you-should-automate-that.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/how-to-make-mockups-in-photoshop-tutorial-video.jpg?fit=1280%2C720&ssl=1\",\"datePublished\":\"2024-05-24T17:12:18+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\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/you-should-automate-that.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/how-to-make-mockups-in-photoshop-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-make-mockups-in-photoshop-tutorial-video.jpg?fit=1280%2C720&ssl=1\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/2024\\\/05\\\/24\\\/how-to-make-mockups-in-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/you-should-automate-that.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Make Mockups In Photoshop\"}]},{\"@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 Make Mockups In Photoshop - 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\/24\/how-to-make-mockups-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How To Make Mockups In Photoshop - You Should Automate That","og_description":"How to make mockups in Photoshop \u2014 whether creating them from scratch, or using an existing template. To make your own mockups, the core thing you need is a Smart&hellip;","og_url":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/","og_site_name":"You Should Automate That","article_published_time":"2024-05-24T17:12:18+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-make-mockups-in-photoshop-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\/24\/how-to-make-mockups-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/"},"author":{"name":"You Should Automate That","@id":"https:\/\/you-should-automate-that.com\/blog\/#\/schema\/person\/46b0976fe98a7271d6993eff4dc2d7fe"},"headline":"How To Make Mockups In Photoshop","datePublished":"2024-05-24T17:12:18+00:00","mainEntityOfPage":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/"},"wordCount":312,"commentCount":0,"image":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-make-mockups-in-photoshop-tutorial-video.jpg?fit=1280%2C720&ssl=1","articleSection":["Graphic Design","Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/","url":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/","name":"How To Make Mockups In Photoshop - 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\/24\/how-to-make-mockups-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-make-mockups-in-photoshop-tutorial-video.jpg?fit=1280%2C720&ssl=1","datePublished":"2024-05-24T17:12:18+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\/24\/how-to-make-mockups-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/#primaryimage","url":"https:\/\/i0.wp.com\/you-should-automate-that.com\/blog\/wp-content\/uploads\/2024\/05\/how-to-make-mockups-in-photoshop-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-make-mockups-in-photoshop-tutorial-video.jpg?fit=1280%2C720&ssl=1","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/you-should-automate-that.com\/blog\/2024\/05\/24\/how-to-make-mockups-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/you-should-automate-that.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Make Mockups In Photoshop"}]},{"@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-make-mockups-in-photoshop-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\/517","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=517"}],"version-history":[{"count":1,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/posts\/517\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/posts\/517\/revisions\/519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/media\/518"}],"wp:attachment":[{"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/media?parent=517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/categories?post=517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/you-should-automate-that.com\/blog\/wp-json\/wp\/v2\/tags?post=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}