{"id":79967,"date":"2023-07-15T21:29:44","date_gmt":"2023-07-16T01:29:44","guid":{"rendered":"https:\/\/www.sweetshoppedesigns.com\/?p=79967"},"modified":"2023-07-15T21:36:51","modified_gmt":"2023-07-16T01:36:51","slug":"speed-up-your-scrapbooking-with-photoshop-smart-objects","status":"publish","type":"post","link":"https:\/\/www.sweetshoppedesigns.com\/index.php\/2023\/07\/speed-up-your-scrapbooking-with-photoshop-smart-objects\/","title":{"rendered":"Speed up your Scrapbooking with Photoshop Smart Objects"},"content":{"rendered":"<p>Got Photoshop woes? Specifically, are you having trouble with Photoshop bogging down and running r-e-a-l-l &#8230; y slow when the number of layers in your layout starts to climb?<\/p>\n<p>I&#8217;ve found the more complex my layout, the more elements I add, the more layers I have, the slower Photoshop responds. And nothing is more frustrating than when Photoshop won&#8217;t keep up with you!<\/p>\n<p>But I&#8217;ve discovered a little trick that helps with those multi-layered PSD files. It&#8217;s the <strong>Smart Object<\/strong> feature, and it&#8217;s saved my sanity!<\/p>\n<p><em>NOTE: We know not all Sweet Shoppe digi-scrappers use Adobe tools to create their layouts, but this blog post specifically addresses a feature available in Adobe Photoshop and Photoshop Elements.<\/em><\/p>\n<p>A Smart Object is a layer that&#8217;s more than just a layer. They contain image data from raster or vector images. Smart Objects can either be embedded inside your PSD file or linked to an external file. There&#8217;s several different ways to create them and a number of benefits to using them, all of which you can read about here.<\/p>\n<p>But today, I&#8217;m focusing on what happens when you <strong>create a Smart Object from some of the layers in your document<\/strong>. Now, I&#8217;ve tried to keep this from getting overly technical. It&#8217;s easiest to explain if I show you an example of an actual layout I recently created.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-79972 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/01-template-1024x555.jpg\" alt=\"\" width=\"1024\" height=\"555\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/01-template-1024x555.jpg 1024w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/01-template-300x163.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/01-template-768x416.jpg 768w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/01-template-600x325.jpg 600w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/01-template.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>I started this layout using a 2-page template by Cindy Schneider; I wanted to work on the full spread all at once, so I opened the 24&#8243;x12&#8243; file. This template comes with over 100 layers &#8230; and that&#8217;s before you start dragging papers, photos, and elements into the layers palette and clipping them layer-by-layer. Depending on how much processing power and memory your computer has, as the number of layers continues to climb, Photoshop can begin to struggle and respond sluggishly &#8211; especially as you drag and resize objects on your canvas. I also experience problems with lag when I&#8217;m editing text in layouts with lots and lots of layers.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-79973 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/02-mylayout-1024x555.jpg\" alt=\"\" width=\"1024\" height=\"555\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/02-mylayout-1024x555.jpg 1024w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/02-mylayout-300x163.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/02-mylayout-768x416.jpg 768w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/02-mylayout-600x325.jpg 600w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/02-mylayout.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Here&#8217;s why this happens: as you make changes on your canvas, Photoshop runs microsecond calculations on how the layer you&#8217;re working with is going to interact with all the other layers that are above and below it. Those calculations are running and updating over and over again to update what you see as you drag an object across the page, or resize it, or add text. The more layers you have, the more layer styles you&#8217;ve added to them, the more complex those calculations become. And as your computer starts to max out on available processor and memory, the slower your screen will update.<\/p>\n<p>While one solution is to add more memory and upgrade your computer&#8217;s CPU, that&#8217;s not always possible or desirable. Personally, I&#8217;m working on an expensive mobile workstation that can&#8217;t be upgraded &#8211; it has to be replaced &#8211; and I&#8217;m trying to eek out another 6-12 months of use while I save up for its replacement. <strong>So when you can&#8217;t upgrade your hardware, instead, change the way you&#8217;re working with the software.<\/strong><\/p>\n<p>The solution is to <strong>decrease the number of layers Photoshop has to work with<\/strong>. It&#8217;s true that you can take multiple layers and merge them into one, but once you do that, it discards all the data for the separate layers. Now you&#8217;re locked in and can&#8217;t edit them separately.<\/p>\n<p>But what if you could temporarily flatten those layers in a way that would still let you edit them individually later? That&#8217;s what happens when you create a Smart Object from those layers! Photoshop takes those layers exactly as they are at the moment you turn them into a Smart Object, and creates an image that looks and acts like a single layer.<\/p>\n<p>I think of it like this: Photoshop takes my stack of layers and squishes them down, creating a picture of what they look like all together. Then it locks away the individual layers so if I need to make changes, I can expand it and get back to all those original layers, but in the meanwhile they stay flattened and out of the way. And instead of having to make calculations on those 20 layers, now Photoshop only makes them on 1.<\/p>\n<p>Let me show you how this works in my layout. To jazz up the background of my page, I decided I wanted to put paint splatters on top of the grey background paper so they&#8217;d show all around the edges of my layout. I ended up duplicating, rotating, and flipping this one paint splatter some 42 times to surround the edges of my canvas.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-79974 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/03-background-1024x555.jpg\" alt=\"\" width=\"1024\" height=\"555\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/03-background-1024x555.jpg 1024w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/03-background-300x163.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/03-background-768x416.jpg 768w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/03-background-600x325.jpg 600w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/03-background.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Combined with the paper layers, that&#8217;s 44 layers for my background, 42 of which also have layer styles to add a slight bevel and drop shadow to each layer of paint. That&#8217;s a LOT of layers and effects for Photoshop to process. To speed up and improve performance, I had two options:<\/p>\n<h2><strong>Option 1: Merge Layers.<\/strong><\/h2>\n<p>If I selected the 44 layers in my layers palette and went to <strong>Layer &#8230; Merge Layers<\/strong> Photoshop smooshed them all down into one layer. And that&#8217;s fine if you&#8217;re 100% certain you&#8217;re done making changes to those layers. But now I&#8217;m stuck with it as-is, and if I want to shift around the splatters at all, I can&#8217;t.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-79975 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/04-mergedlayers-1024x555.jpg\" alt=\"\" width=\"1024\" height=\"555\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/04-mergedlayers-1024x555.jpg 1024w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/04-mergedlayers-300x163.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/04-mergedlayers-768x416.jpg 768w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/04-mergedlayers-600x325.jpg 600w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/04-mergedlayers.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>Option 2: Turn them into a Smart Object.<\/h2>\n<p>Since I like having the ability to tweak any part of my layout right up until I send it to print, I selected the 44 layers in my layers palette and went to <strong>Layer &#8230; Smart Objects &#8230; Convert to Smart Object<\/strong>. Photoshop will clock for a handful of seconds while it does its thing, and then I now have one layer where there were 44 before.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-79976 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/05-smartobject-1024x555.jpg\" alt=\"\" width=\"1024\" height=\"555\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/05-smartobject-1024x555.jpg 1024w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/05-smartobject-300x163.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/05-smartobject-768x416.jpg 768w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/05-smartobject-600x325.jpg 600w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/05-smartobject.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>I know those two screenshots look pretty similar, but there&#8217;s one important difference in the layer panel. The single layer for my background has a little icon on it that indicates it&#8217;s a layer that&#8217;s more than a layer &#8230; it&#8217;s a smart object.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-79977 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06.b-versus.jpg\" alt=\"\" width=\"740\" height=\"127\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06.b-versus.jpg 740w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06.b-versus-300x51.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06.b-versus-600x103.jpg 600w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/p>\n<p>If I decide I want to make changes to it, I have two options.<\/p>\n<h2>Editing Option 1: Double-click the layer.<\/h2>\n<p>Double-clicking the Smart Object layer launches a new tab in Photoshop and isolates just the layers of the Smart Object.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-79978 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06-smartobject-expanded-1024x555.jpg\" alt=\"\" width=\"1024\" height=\"555\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06-smartobject-expanded-1024x555.jpg 1024w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06-smartobject-expanded-300x163.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06-smartobject-expanded-768x416.jpg 768w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06-smartobject-expanded-600x325.jpg 600w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/06-smartobject-expanded.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>I can shift things around as much as I want. When done, click the X to close the tab, choose to Save changes, and it returns to the layout with the updates in place.<\/p>\n<p>Sometimes, it&#8217;s helpful to be able to edit a Smart Object outside of your layout like this. But other times, you really need to be able to work with it inside the layout so you can adjust it in relation to all the other stuff on your page.<\/p>\n<h2>Editing Option 2: Un-make the Smart Object and break it back into its layers.<\/h2>\n<p>Select the Smart Object layer in the layers palette and go to <strong>Layer &#8230; Smart Objects &#8230; Convert to Layers<\/strong>. Photoshop replaces the one Smart Object layer with the 44 layers inside it. If you want to turn them back into a Smart Object when you&#8217;re done, just select the layers and choose <strong>Layer &#8230; Smart Objects &#8230; Convert to Smart Object<\/strong>.<\/p>\n<p>That&#8217;s all there is to it! You&#8217;ll find the more you can simplify your layers palette as you work, the better Photoshop will respond. I do this often with element clusters, taking the ten or twelve layers of the cluster &#8211; once I&#8217;ve added all my drop shadows &#8211; and converting them to a Smart Object. Here&#8217;s what my finished layout looked like in Photoshop:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-79979 aligncenter\" src=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/08-final-1024x556.jpg\" alt=\"\" width=\"1024\" height=\"556\" srcset=\"https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/08-final-1024x556.jpg 1024w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/08-final-300x163.jpg 300w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/08-final-768x417.jpg 768w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/08-final-600x326.jpg 600w, https:\/\/www.sweetshoppedesigns.com\/wp-content\/uploads\/08-final.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Most of those layers aren&#8217;t really layers &#8230; they&#8217;re Smart Objects. And as I used them to simplify my layers palette, Photoshop responded faster and worked more smoothly.<\/p>\n<p>I hope this little trick helps you &#8211; whether you&#8217;re trying to eek out another year on your computer before replacing it or just finding yourself frustrated with one extremely complex layout, convert your stacks of multiple layers into Smart Objects, and save your sanity!<\/p>\n<p>Do you have other tricks to help improve Photoshop performance? Share them in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Got Photoshop woes? Specifically, are you having trouble with Photoshop bogging down and running r-e-a-l-l &#8230; y slow when the number of layers in your layout starts to climb? I&#8217;ve found the more complex my layout, the more elements I add, the more layers I have, the slower Photoshop responds. And nothing is more frustrating [&hellip;]<\/p>\n","protected":false},"author":189,"featured_media":79979,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[134,710],"tags":[88,660,773,627,102,775,774],"_links":{"self":[{"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/posts\/79967"}],"collection":[{"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/users\/189"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/comments?post=79967"}],"version-history":[{"count":4,"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/posts\/79967\/revisions"}],"predecessor-version":[{"id":79982,"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/posts\/79967\/revisions\/79982"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/media\/79979"}],"wp:attachment":[{"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=79967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/categories?post=79967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sweetshoppedesigns.com\/index.php\/wp-json\/wp\/v2\/tags?post=79967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}