{"id":10374,"date":"2012-10-09T16:33:46","date_gmt":"2012-10-09T20:33:46","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=10374"},"modified":"2022-12-14T10:39:26","modified_gmt":"2022-12-14T15:39:26","slug":"photoshop-background-layer","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/","title":{"rendered":"The Background Layer In Photoshop CS5"},"content":{"rendered":"<section>\n<p><em>Before we begin...<\/em> This version of our Background Layer tutorial is for Photoshop CS5 and earlier. If you're using Photoshop CS6, please see our updated <a href=\"\/basics\/layers\/background-layer\/\">Background Layer<\/a> tutorial. For Photoshop CC, see our <a href=\"\/basics\/background-layer-photoshop-cc\/\">Background Layer in Photoshop CC<\/a> tutorial.<\/p>\n<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 20px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photoshop basics top responsive -->\n<ins class=\"adsbygoogle adslot-2\"     \n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"7310008691\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In the previous tutorial, we learned the essential skills for working with layers inside Photoshop's <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>. We learned how to add new layers, delete layers, move layers above and below each other, how to add adjustment layers and layer styles, change a layer's blend mode and transparency level, and much more, all from within the Layers panel! <\/p>\n<p>But before we get into more of the amazing things we can do with layers, there's one special type of layer we need to look at, and that's the <strong>Background layer<\/strong>. The reason we need to learn about it is because there's a few things we can do with normal layers that we can't do with the Background layer, and if we're not aware of them ahead of time, they can easily lead to confusion and frustration. <\/p>\n<\/section>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<p>Here's an image of a photo frame that I've just opened in Photoshop.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/photo-frame.jpg\" alt=\"A photo frame image. Image licensed from Fotolia by Photoshop Essentials.com\" width=\"517\" height=\"450\" \/>\n<div class=\"caption\">The original image.<\/div>\n<p>Whenever we open a new image in Photoshop, it opens inside its own document and Photoshop places the image on its own layer named Background, as we can see by looking in my Layers panel. Notice that the word Background is written in italics, which is Photoshop's way of telling us there's something special about this particular layer: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/photoshop-background-layer.gif\" alt=\"The Background layer in the Layers panel in Photoshop. \" width=\"272\" height=\"225\" \/>\n<div class=\"caption\">The Layers panel showing the image on the Background layer.<\/div>\n<p>Photoshop names this layer Background for the simple reason that it serves as the background for our document. Any additional layers we add to the document will appear above the Background layer. Since its whole purpose is to serve as a background, there's a few things Photoshop won't allow us to do with it. Let's take a quick look at these few simple rules we need to remember. Then, at the end of the tutorial, we'll learn an easy way to get around every single one of them!<\/p>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Rule 1: We Can't Move The Contents Of A Background Layer<\/h3>\n<p>One of the things we can't do with a Background layer is move its contents. Normally, to move the contents of a layer, we grab the <strong>Move Tool<\/strong> from the top of the Tools panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/photoshop-move-tool.gif\" alt=\"Photoshop Move Tool. \" width=\"65\" height=\"128\" \/>\n<div class=\"caption\">Selecting the Move Tool from the Tools panel.<\/div>\n<p>Then we simply click with the Move Tool inside the document and drag the contents around with our mouse. Watch what happens, though, when I try to drag the photo frame to a different location. Photoshop pops open a dialog box telling me it can't move the contents because the layer is locked: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/could-not-move-layer.gif\" alt=\"Could not complete your request because the layer is locked. \" width=\"427\" height=\"161\" \/>\n<div class=\"caption\">Instead of moving the photo frame, Photoshop informs me that the layer is locked.<\/div>\n<p>If we look again at the Background layer in my Layers panel, we can see a small <strong>lock icon<\/strong>, letting us know that sure enough, this layer is locked in place and we can't move it. There's no way to unlock a Background layer, but as I said, at the end of the tutorial, we'll see how to get around this little rule of not being able to move its contents, as well as how to get around the other rules we're about to look at: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/lock-icon.gif\" alt=\"The lock icon on the Background layer in the Layers panel in Photoshop. \" width=\"272\" height=\"225\" \/>\n<div class=\"caption\">The lock icon lets us know that some aspect of this layer is locked.<\/div>\n<h3>Rule 2: No Transparent Pixels<\/h3>\n<p>In a moment, I'm going to import another image into my document and place it inside my photo frame, but the center of the frame is currently filled with white, which means I need to delete that white area before I can place my photo inside of it. Normally, when we delete pixels on a layer, the deleted area becomes transparent, allowing us to see through it to the layer(s) below. Let's see what happens, though, when I try to delete something on the Background layer. <\/p>\n<p>First, I need to select the area inside the frame, and since it's filled with solid white, I'll use the <a href=\"\/basics\/layers\/..\/selections\/magic-wand-tool\/\"><strong>Magic Wand Tool<\/strong><\/a>. In Photoshop CS2 and earlier, we can select the Magic Wand just by clicking on its icon in the Tools panel. In Photoshop CS3 and higher (I'm using Photoshop CS5 here), the Magic Wand is hiding behind the <a href=\"\/basics\/layers\/..\/selections\/quick-selection-tool\/\">Quick Selection Tool<\/a>, so click on the Quick Selection Tool and hold your mouse button down for a second or two until a fly-out menu appears showing the other tool(s) nested behind it, then select the Magic Wand Tool from the list: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/magic-wand-tool.gif\" alt=\"Selecting the Magic Wand Tool from the Tools panel in Photoshop. \" width=\"235\" height=\"101\" \/>\n<div class=\"caption\">Selecting the Magic Wand Tool.<\/div>\n<p>With the Magic Wand Tool in hand, I'll click anywhere inside the center of the frame to instantly select the entire white area. A selection outline appears around the edges letting me know the area is selected: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/inside-frame-selected.jpg\" alt=\"Selecting the inside of the frame with the Magic Wand Tool. \" width=\"517\" height=\"450\" \/>\n<div class=\"caption\">The white area inside the frame is now selected.<\/div>\n<p>To delete the area inside the frame, I'll press <strong>Backspace<\/strong> (Win) \/ <strong>Delete<\/strong> (Mac) on my keyboard, but instead of deleting the area and replacing it with transparency as we'd expect on a normal layer, Photoshop mysteriously pops open the <strong>Fill<\/strong> dialog box so I can choose a different color to fill the area with: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/fill-dialog-box.gif\" alt=\"The Fill dialog box in Photoshop. \" width=\"370\" height=\"257\" \/>\n<div class=\"caption\">Instead of deleting the area, Photoshop pops open the Fill dialog box.<\/div>\n<p>I'll click Cancel to close out of the Fill dialog box since that wasn't at all what I wanted to do. What I wanted to do was delete the white area inside the frame, not fill it with a different color. Maybe Photoshop just got confused, so I'll try something different. I'll go up to the <strong>Edit<\/strong> menu in the Menu Bar along the top of the screen and choose <strong>Cut<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/edit-cut.gif\" alt=\"Selecting Cut from the Edit menu in Photoshop. \" width=\"264\" height=\"96\" \/>\n<div class=\"caption\">Selecting Cut from the Edit menu.<\/div>\n<p>On a normal layer, this would cut the selected area from the layer, leaving a transparent area in its place, yet once again, we get an unexpected result. This time, as if its purposely messing with me, Photoshop fills the area with black: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/filled-black.jpg\" alt=\"The area inside the photo frame has been filled with black. \" width=\"517\" height=\"450\" \/>\n<div class=\"caption\">The white area inside the frame is now filled with black.<\/div>\n<p>Say what? Where did the black come from? As it turns out, Photoshop filled the area with black because if we look at my Foreground and Background <strong>color swatches<\/strong> near the bottom of the Tools panel, we see that my <strong>Background color<\/strong> (the lower right swatch) is currently set to black, and Photoshop filled the area with the Background color. If my Background color had been set to purple, it would have filled the area with purple. It just happened to be set to black: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/background-color-swatch.gif\" alt=\"The Background color swatch in Photoshop. \" width=\"57\" height=\"115\" \/>\n<div class=\"caption\">The Foreground (upper left) and Background (lower right) color swatches.<\/div>\n<p>So why won't Photoshop delete the white area inside the frame? Why does it keep wanting to fill it with a different color instead? The reason is because <strong>Background layers don't support transparency<\/strong>. After all, since the Background layer is supposed to be the background of the document, there shouldn't be any need to see through it because there shouldn't be anything behind it to see. The background is, after all, the background! No matter how I try, I will never be able to delete the area inside the center of the frame as long as the image remains on the Background layer. How, then, will I be able to display another photo inside the frame? Let's leave this problem alone for the time being. We'll come back to it a bit later. <\/p>\n<h3>Rule 3: We Can't Move The Background Layer Above Another Layer<\/h3>\n<p>Here's the photo I want to place inside my photo frame.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/second-photo.jpg\" alt=\"The photo that will be placed inside the frame. \" width=\"551\" height=\"400\" \/>\n<div class=\"caption\">The image that will be placed inside the frame.<\/div>\n<p>The image is currently open inside its own document window, so I'll quickly copy it into the photo frame's document by pressing <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac) to select the entire photo, then I'll press <strong>Ctrl+C<\/strong> (Win) \/ <strong>Command+C<\/strong> (Mac) to copy the image to the clipboard. I'll switch over to the photo frame's document, then I'll press <strong>Ctrl+V<\/strong> (Win) \/ <strong>Command+V<\/strong> (Mac) to paste the image into the document. Photoshop places the image on a new layer named \"Layer 1\" above the photo frame on the Background layer: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/layer-1.gif\" alt=\"The Layers panel showing the photo added above the Background layer. \" width=\"272\" height=\"265\" \/>\n<div class=\"caption\">The second photo is placed on its own layer above the Background layer.<\/div>\n<p>And we can see the new photo appearing in front of the frame in the document window: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/image-above-frame.jpg\" alt=\"The photo appears in front of the frame in the document. \" width=\"517\" height=\"450\" \/>\n<div class=\"caption\">The second image appears in front of the photo frame.<\/div>\n<p>In order for my second photo to appear inside the frame, I need to rearrange the order of the layers in the Layers panel so that the frame appears above the photo. Normally, moving one layer above another is as easy as clicking on the layer we need to move and dragging it above the other layer, but that's not the case when the layer we need to move is the Background layer. When I click on the Background layer and try dragging it above the photo on Layer 1, Photoshop displays a circle icon with a diagonal line through it (the international \"not gonna happen\" symbol), letting me know that for some reason, it's not going to let me do it: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/drag-layer-up.gif\" alt=\"Attempting to drag the Background layer above Layer 1 in the Layers panel. \" width=\"272\" height=\"265\" \/>\n<div class=\"caption\">The circle with the diagonal line through it tells me I can't drag the Background layer above Layer 1.<\/div>\n<p>The reason it won't let me drag the Background layer above Layer 1 is because <strong>the Background layer must always remain the background of the document<\/strong>. Photoshop won't allow us to move it above any other layers. <\/p>\n<h3>Rule 4: We Can't Move Other Layers Below The Background Layer<\/h3>\n<p>Okay, so we can't move the Background layer above another layer. What if we try moving another layer <em>below<\/em> the Background layer? I'll click on Layer 1 and try to drag it below the Background layer, but this doesn't work either. I get the same little ghostbusters symbol telling me that Photoshop won't let me do it: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/drag-layer-down.gif\" alt=\"Attempting to drag Layer 1 below the Background layer in the Layers panel. \" width=\"272\" height=\"265\" \/>\n<div class=\"caption\">The same \"not gonna happen\" icon appears when trying to drag Layer 1 below the Background layer.<\/div>\n<p>Again, the reason is because the Background layer must always remain the background of the document. We can't drag it above other layers and we can't drag other layers below it. <\/p>\n<h3>The Easy Solution<\/h3>\n<p>Let's quickly recap. We've learned that Photoshop won't let us move the contents of the Background layer with the Move Tool because the layer is locked in place. We learned that the Background layer doesn't support transparency, so there's no way to delete anything on the layer. And we learned that the Background layer must always remain the bottom layer in the Layers panel. We can't drag it above other layers, and we can't drag other layers below it. <\/p>\n<p>Since the Background layer's whole purpose in life is to be the background of the document, each of these rules makes sense. Yet as with most rules, there's ways around them for times when we need to break them. In this case, there's an easy way around all of them at once! All we need to do is <strong>rename the Background layer<\/strong> to something other than Background! To rename the Background layer, you <em>could<\/em> go up to the <strong>Layer<\/strong> menu at the top of the screen, choose <strong>New<\/strong>, and then choose <strong>Layer From Background<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/new-layer-from-background.gif\" alt=\"The New Layer From Background command in Photoshop. \" width=\"467\" height=\"128\" \/>\n<div class=\"caption\">Go to Layer &gt; New &gt; Layer From Background.<\/div>\n<p>A faster way, though, is to simply double-click directly on the word <em>Background<\/em> in the Layers panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/double-click-background.gif\" alt=\"Double-clicking on the name Background in the Layers panel. \" width=\"272\" height=\"179\" \/>\n<div class=\"caption\">Double-click directly on the Background layer's name.<\/div>\n<p>Either way opens the <strong>New Layer<\/strong> dialog box where we can enter a new name for the layer. The default name of \"Layer 0\" works fine. Any name other than Background will work, so unless you have something specific you want to name the layer, simply click OK to accept Layer 0 as the new name and close out of the dialog box: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/new-layer-dialog-box.gif\" alt=\"The New Layer dialog box in Photoshop. \" width=\"478\" height=\"154\" \/>\n<div class=\"caption\">You can accept Layer 0 as the new name for the layer or enter a different name if you prefer.<\/div>\n<p><strong>TIP:<\/strong> For an even faster way to rename the Background layer, simply hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and double-click on the word <em>Background<\/em>. Photoshop will instantly rename the layer \"Layer 0\", bypassing the New Layer dialog box completely. <\/p>\n<p>We can now see that the name of the Background layer has been changed to Layer 0: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/layer-0.gif\" alt=\"The Background layer has been renamed Layer 0. \" width=\"272\" height=\"179\" \/>\n<div class=\"caption\">The Background layer has been renamed Layer 0.<\/div>\n<p>And just by renaming it, we've converted the Background layer into a normal layer, which means we're no longer bound by any of the rules we just looked at! We can move the contents of the layer with the Move Tool, we can delete anything on the layer and replace it with transparency, and we can freely move the layer above or below other layers! <\/p>\n<p>For example, I still need to move my photo frame above the image on Layer 1. Now that the frame is no longer on the Background layer, it's easy! I can just click on Layer 0 in the Layers panel and drag it upward until a thin highlight bar appears above Layer 1: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/dragging-layer-0.gif\" alt=\"Dragging Layer 0 above Layer 1 in the Layers panel. \" width=\"286\" height=\"265\" \/>\n<div class=\"caption\">Dragging Layer 0 above Layer 1.<\/div>\n<p>I'll release my mouse button, and Photoshop drops Layer 0 above Layer 1, exactly as I needed: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/layer-0-moved.gif\" alt=\"Layer 0 has been moved above Layer 1 in the Layers panel. \" width=\"272\" height=\"265\" \/>\n<div class=\"caption\">Layer 0 now appears above Layer 1, which would not have been possible while Layer 0 was still the Background layer.<\/div>\n<p>We saw earlier that I was unable to delete the white area inside the frame while the image was on the Background layer, but now that I've renamed it to Layer 0, it's no longer a problem. I'll click inside the area with the Magic Wand Tool to instantly select it, just as I did before: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/inside-frame-selected.jpg\" alt=\"Selecting the inside of the frame with the Magic Wand Tool. \" width=\"517\" height=\"450\" \/>\n<div class=\"caption\">The white area inside the frame is once again selected.<\/div>\n<p>Then, I'll press <strong>Backspace<\/strong> (Win) \/ <strong>Delete<\/strong> (Mac) on my keyboard, and this time, instead of being greeted by the Fill dialog box, Photoshop actually does what I expected, deleting the area from the layer and revealing the photo behind it: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/area-deleted.jpg\" alt=\"The white area in the center of the frame has been deleted. \" width=\"517\" height=\"450\" \/>\n<div class=\"caption\">The area inside the frame has finally been deleted, revealing the photo underneath.<\/div>\n<p>I'll press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) on my keyboard to deselect the area inside the frame and remove the selection outline. Then, just to quickly finish things off, I'll click on Layer 1 in the Layers panel to select it and make it the active layer: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/selecting-layer-1.jpg\" alt=\"Selecting Layer 1 in the Layers panel. \" width=\"272\" height=\"179\" \/>\n<div class=\"caption\">Selecting Layer 1.<\/div>\n<p>I'll grab the Move Tool from the Tools panel, click on the photo and drag it into position inside the frame. Even though Layer 1 is now the bottom layer in the document, it's not an actual Background layer so it's not locked in place. I'm free to move it anywhere I want: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/layers\/background-layer\/moving-layer-1.jpg\" alt=\"Moving the photo inside the frame. \" width=\"517\" height=\"450\" \/>\n<div class=\"caption\">Dragging the photo into position inside the frame.<\/div>\n<\/section>\n<section>\n<p>As we've seen, Background layers are special types of layers in Photoshop with certain limitations placed on them. We can't move their contents, we can't delete anything on them, and they always have to remain the bottom layer in the document. In most cases, these limitations are of little concern to us because we generally don't work directly on the Background layer anyway. But if you do need to override them, simply rename the Background layer to anything other than <em>Background<\/em>, which will instantly convert it to a normal layer, and you're good to go! <\/p>\n<\/section>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<aside>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! Check out our complete list of <a href=\"\/basics\/layers\/\">Photoshop layers<\/a> tutorials, or see our <a href=\"\/basics\/\">Photoshop Basics<\/a> section to learn about <a href=\"\/basics\/selections\/\">selection tools<\/a>, <a href=\"\/basics\/shapes\/\">shapes, <a href=\"\/basics\/type\/\">working with type<\/a>, and other essential skills!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>For Photoshop CS5 and earlier. Learn all about the Background layer in Photoshop, what makes it special, and how to get around its rules and limitations.<\/p>\n","protected":false},"author":1,"featured_media":799,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,9],"tags":[],"class_list":["post-10374","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics","category-layers"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Background Layer In Photoshop CS5<\/title>\n<meta name=\"description\" content=\"For Photoshop CS5 and earlier. Learn all about the Background layer in Photoshop, what makes it special, and how to get around its rules and limitations.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Background Layer In Photoshop CS5\" \/>\n<meta property=\"og:description\" content=\"For Photoshop CS5 and earlier. Learn all about the Background layer in Photoshop, what makes it special, and how to get around its rules and limitations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-09T20:33:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-14T15:39:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/background-layer-80j.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"80\" \/>\n\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"The Background Layer In Photoshop CS5\",\"datePublished\":\"2012-10-09T20:33:46+00:00\",\"dateModified\":\"2022-12-14T15:39:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/\"},\"wordCount\":2572,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/background-layer-80j.jpg\",\"articleSection\":[\"Photoshop Basics\",\"Photoshop Layers\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/\",\"name\":\"The Background Layer In Photoshop CS5\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/background-layer-80j.jpg\",\"datePublished\":\"2012-10-09T20:33:46+00:00\",\"dateModified\":\"2022-12-14T15:39:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"For Photoshop CS5 and earlier. Learn all about the Background layer in Photoshop, what makes it special, and how to get around its rules and limitations.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/background-layer-80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/background-layer-80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"The Background Layer in Photoshop CS5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/photoshop-background-layer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Background Layer In Photoshop CS5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Background Layer In Photoshop CS5","description":"For Photoshop CS5 and earlier. Learn all about the Background layer in Photoshop, what makes it special, and how to get around its rules and limitations.","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:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/","og_locale":"en_US","og_type":"article","og_title":"The Background Layer In Photoshop CS5","og_description":"For Photoshop CS5 and earlier. Learn all about the Background layer in Photoshop, what makes it special, and how to get around its rules and limitations.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-09T20:33:46+00:00","article_modified_time":"2022-12-14T15:39:26+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/background-layer-80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"The Background Layer In Photoshop CS5","datePublished":"2012-10-09T20:33:46+00:00","dateModified":"2022-12-14T15:39:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/"},"wordCount":2572,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/background-layer-80j.jpg","articleSection":["Photoshop Basics","Photoshop Layers"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/","name":"The Background Layer In Photoshop CS5","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/background-layer-80j.jpg","datePublished":"2012-10-09T20:33:46+00:00","dateModified":"2022-12-14T15:39:26+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"For Photoshop CS5 and earlier. Learn all about the Background layer in Photoshop, what makes it special, and how to get around its rules and limitations.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/background-layer-80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/background-layer-80j.jpg","width":"80","height":"80","caption":"The Background Layer in Photoshop CS5"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/photoshop-background-layer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"The Background Layer In Photoshop CS5"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=10374"}],"version-history":[{"count":20,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10374\/revisions"}],"predecessor-version":[{"id":33957,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/10374\/revisions\/33957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/799"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=10374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=10374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=10374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}