{"id":793,"date":"2016-09-02T00:00:26","date_gmt":"2016-09-02T04:00:26","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=793"},"modified":"2022-11-02T13:29:40","modified_gmt":"2022-11-02T17:29:40","slug":"layers-panel","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/","title":{"rendered":"Photoshop Layers Panel Essentials"},"content":{"rendered":"<section class=\"summary-novideo\">\n<p>In Part Two of our Layers Learning Guide, take a whirlwind tour of Photoshop's Layers panel and learn the essential skills you need to benefit from all that layers have to offer!<\/p>\n<\/section>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In the previous tutorial (<a href=\"\/basics\/understanding-photoshop-layers\/\">Understanding Layers<\/a>), we looked briefly at what layers are and how they make working in Photoshop so much easier. But before we can start taking advantage of all that layers have to offer, we first need to learn some essential skills for working in Photoshop's Command Central for layers&mdash;the <strong>Layers panel<\/strong>.<\/p>\n<p>In this tutorial, we'll take a whirlwind tour of the Layers panel and learn everything we need to know to get up and running quickly. I'll be using Photoshop CS6 but everything we'll be covering is fully compatible with Photoshop CC. If you're using Photoshop CS5 or earlier, you can  follow along here or you can check out the <a href=\"\/basics\/photoshop-cs5-layers-panel-essentials\/\">original version<\/a> of our Layers panel tutorial.<\/p>\n<p>The Layers panel is where we handle all of our layer-related tasks, from adding and deleting layers to adding layer masks and adjustment layers, changing layer blend modes, turning layers on and off in the document, renaming layers, grouping layers, and anything else that has anything to do with layers. Since it's one of the most commonly-used panels in all of Photoshop, Adobe set things up so that the Layers panel opens automatically for us each time we launch the program. <\/p>\n<\/section>\n<p>This tutorial is Part 2 of my <a href=\"\/photoshop-layers-learning-guide\/\" title=\"View our Layers Learning Guide\">Photoshop Layers Learning Guide<\/a>.<\/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<p>Let's get started!<\/p>\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<h2 class=\"sub\">The Layers Panel In Photoshop<\/h2>\n<p>By default, you'll find the Layers panel in the lower right of the screen. As I mentioned, I'm using Photoshop CS6  but regardless of which version you're using, you'll find the Layers panel in the same general location: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-cc-interface.jpg\" alt=\"The Layers panel in the Photoshop CS5 interface. \" \/>\n<div class=\"caption\">The Layers panel is highlighted in the lower right.<\/div>\n<p>If the Layers panel is not appearing on your screen, you can access it (along with any of Photoshop's other panels) by going up to the <strong>Window<\/strong> menu in the <strong>Menu Bar<\/strong> along the top of the screen and choosing <strong>Layers<\/strong>. A checkmark to the left of a panel's name means the panel is currently open somewhere on the screen: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-windows-panel-layers.png\" alt=\"Selecting the Layers panel from the Window menu in Photoshop. \" \/>\n<div class=\"caption\">All of Photoshop's panels can be turned on or off from the Window menu in the Menu Bar.<\/div>\n<p>I've just opened an image in Photoshop which I downloaded from <a href=\"https:\/\/prf.hn\/l\/yOJG1MD\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Stock<\/a>. You can easily follow along by opening any image of your own: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-open-image.jpg\" alt=\"A photo of a butterfly. Image # 27824157 licensed from Adobe Stock by Photoshop Essentials.com\" \/>\n<div class=\"caption\">A newly-opened image in Photoshop.<\/div>\n<p>Even though I've done nothing so far with the image other than open it, the Layers panel is already giving us some information. Let's take a closer look at what we're seeing: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-panel.png\" alt=\"The Layers panel in Photoshop CS6. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Photoshop's Layers panel.<\/div>\n<h3>The Name Tab<\/h3>\n<p>First of all, how do we know that what we're looking at is, in fact, the Layers panel? We know because it says so in the <strong>name tab<\/strong> at the top of the panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/layers-panel-name-tab.png\" alt=\"The Layers panel name tab in Photoshop. \" \/>\n<div class=\"caption\">The name tab tells us we're looking at the Layers panel.<\/div>\n<p>You may have noticed that there are two other  tabs to the right of the Layers tab&mdash;<strong>Channels<\/strong> and <strong>Paths<\/strong>&mdash;both of which appear slightly dimmer than the Layers panel tab: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-channels-paths-panels.png\" alt=\"The Channels and Paths panels grouped in with the Layers panel. \" \/>\n<div class=\"caption\">The Channels and Paths tabs appear to the right of the Layers tab.<\/div>\n<p>These are two other panels that are grouped in with the Layers panel. There's so many panels in Photoshop that fitting them all on the screen while still leaving room to work can be a challenge, so Adobe decided to group some panels together into <strong>panel groups<\/strong> to save space. <\/p>\n<p>To switch to a different panel in a group, simply click on the panel's  tab. The tab of the panel that's currently open in the group appears highlighted. Don't let the fact that the Layers panel is grouped in with these two other panels confuse you, though. The Channels and Paths panels have nothing to do with the Layers panel, other than the fact that both are also commonly used in Photoshop, so we can safely ignore them while we look specifically at the Layers panel. <\/p>\n<h3>The Layer Row<\/h3>\n<p>Each time we open a new image in Photoshop, the image opens in its own document and is placed on a  layer. Photoshop represents layers in the document as rows in the Layers panel, with each layer getting its own row. Each row gives us various bits of information about the layer. I only have one layer in my document at the moment so my Layers panel is displaying a single row. But as we add more layers, additional rows will appear: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-row.png\" alt=\"The Layers panel displays layers as rows of information. \" \/>\n<div class=\"caption\">The Layers panel displays layers as rows of information.<\/div>\n<h3>The Layer Name<\/h3>\n<p>Photoshop places the new image on a layer named <strong>Background<\/strong>. It's named Background because it serves as the background for our document. We can see the name of each layer displayed in its row. The Background layer is actually a special type of layer in Photoshop which I cover in detail in our <a href=\"\/basics\/layers\/background-layer\/\">Background Layer<\/a> tutorial: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-background-layer.png\" alt=\"The Layers panel showing the name of the layer. \" \/>\n<div class=\"caption\">The Layers panel displays the name of each layer.<\/div>\n<h3>The Preview Thumbnail<\/h3>\n<p>To the left of a layer's name is a thumbnail image known as the layer's <strong>preview thumbnail<\/strong> because it shows us a small preview of what's on that specific layer. In my case, the preview thumbnail is showing me that the Background layer contains my image. I probably could have guessed that on my own since my document only has the one layer, but it's nice to know that Photoshop has my back: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-preview-thumbnail.png\" alt=\"The preview thumbnail in the Layers panel in Photoshop. \" \/>\n<div class=\"caption\">The preview thumbnail shows us what's on each layer.<\/div>\n<h3>Adding A New Layer<\/h3>\n<p>To add a new layer to a document, click the <strong>New Layer<\/strong> icon at the bottom of the Layers panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-new-layer-icon.png\" alt=\"The New Layer icon in the Layers panel in Photoshop. \" \/>\n<div class=\"caption\">Clicking the New Layer icon.<\/div>\n<p>A new layer appears in the Layers panel directly above the Background layer. Photoshop automatically names new layers for us. In this case, it named the layer \"Layer 1\". Notice that we now have two layer rows in the Layers panel, each representing a different layer: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-new-layer-1.png\" alt=\"A new layer named Layer 1 appears in the Layers panel. \" \/>\n<div class=\"caption\">A new layer named Layer 1 appears in the Layers panel.<\/div>\n<p>If we look in the new layer's preview thumbnail, we see a <strong>checkerboard pattern<\/strong>. The checkerboard pattern is Photoshop's way of representing transparency. Since there's nothing else being displayed in the preview thumbnail, this tells us that at the moment, the new layer is blank: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-transparency.png\" alt=\"A new layer named Layer 1 appears in the Layers panel. \" \/>\n<div class=\"caption\">When we add a new layer to a document, it begins life as a blank slate.<\/div>\n<p>If I click again on the New Layer icon: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-new-layer-icon.png\" alt=\"Clicking a second time on the New Layer icon. \" \/>\n<div class=\"caption\">Clicking a second time on the New Layer icon.<\/div>\n<p>Photoshop adds another new layer to my document, this time naming it \"Layer 2\". We now have three layer rows, each representing one of the three layers in the document: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-three-layers.png\" alt=\"A new layer named Layer 2 appears in the Layers panel. \" \/>\n<div class=\"caption\">Three layers, each on its own row in the Layers panel.<\/div>\n<h3>Moving Layers<\/h3>\n<p>We can move layers above and below each other in the Layers panel simply by dragging them. Right now, Layer 2 is sitting above Layer 1, but I can move Layer 2 below Layer 1 by clicking on Layer 2 and, with my mouse button still held down, dragging the layer downward until a <strong>highlight bar<\/strong> appears between Layer 1 and the Background layer. This is the spot where the layer will be placed: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-move-layers.png\" alt=\"Dragging Layer 2 below Layer 1. \" \/>\n<div class=\"caption\">To move a layer, click and drag it above or below another layer.<\/div>\n<p>Release your mouse button when the highlight bar appears. Photoshop drops the layer into its new position: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-moved.png\" alt=\"Layer 2 has been moved below Layer 1 in the Layers panel. \" \/>\n<div class=\"caption\">Layer 2 now sits between Layer 1 and the Background layer.<\/div>\n<p>The only layer we can't move in the Layers panel is the Background layer. We also can't move other layers below the Background layer. All other layers can be dragged above or below other layers as needed. Again, we'll cover the <a href=\"\/basics\/layers\/background-layer\/\">Background layer<\/a> in much more detail in the next tutorial. <\/p>\n<h3>The Active Layer<\/h3>\n<p>You may have noticed that when I only had the one Background layer in my document, it was highlighted in blue in the Layers panel. Then, when I added Layer 1, Layer 1 became the highlighted layer. And now Layer 2 is the highlighted layer. What\u2019s up with the highlights?<\/p>\n<p>When a layer is highlighted, it means it's currently the <strong>active layer<\/strong>. Anything we do in the document is done to the contents of the active layer. Each time we add a new layer, Photoshop automatically makes it the active layer, but we can manually change which layer is the active layer simply by clicking on the layer we need. Here, I'll make Layer 1 the active layer by clicking on it, and we see that it becomes highlighted: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-active-layer.png\" alt=\"Clicking on Layer 1 in the Layers panel to select it. \" \/>\n<div class=\"caption\">Layer 1 is now the active layer in the document.<\/div>\n<h3>Deleting A Layer<\/h3>\n<p>To delete a layer, simply click on it and, with your mouse button still held down, drag it down onto the <strong>Trash Bin<\/strong> icon at the bottom of the Layers panel. Release your mouse button when you're over the icon. Here, I'm deleting Layer 1: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-delete-layer.png\" alt=\"Dragging a layer down into the Trash Bin. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Delete layers by clicking and dragging them into the Trash Bin.<\/div>\n<p>I'll delete Layer 2 as well by clicking and dragging it down into the Trash Bin: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-delete-layer.png\" alt=\"Deleting Layer 2. \" \/>\n<div class=\"caption\">Dragging Layer 2 into the Trash Bin to delete it.<\/div>\n<p>And now I'm back to having just a single layer, the Background layer, in my document: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-panel.png\" alt=\"The Layers panel in Photoshop CS6. \" \/>\n<div class=\"caption\">The two blank layers have been deleted.<\/div>\n<h3>Copying A Layer<\/h3>\n<p>We've seen how to add a new blank layer to a document, but we can also make a copy of an existing layer using the Layers panel. To copy a layer, click on it and, with your mouse button held down, drag it down onto the <strong>New Layer<\/strong> icon. I'll make a copy of my Background layer: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-copy-layer.png\" alt=\"Dragging the Background layer onto the New Layer icon. \" \/>\n<div class=\"caption\">Dragging the Background layer onto the New Layer icon to make a copy of it.<\/div>\n<p>Release your mouse button when you're over the New Layer icon. A copy of the layer will appear above the original. In my case, Photoshop made a copy of my Background layer and named it \"Background copy\". Notice that it also made this new layer the active layer (it's highlighted in blue): <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-background-copy.png\" alt=\"A copy of the Background layer appears in the Layers panel. \" \/>\n<div class=\"caption\">A copy of the layer is placed above the original.<\/div>\n<p>I'm going to quickly apply a couple of Photoshop's blur filters to my Background copy layer just so we have something different on each layer. Since Photoshop's filters are beyond the scope of this tutorial, I'll go through these steps fairly quickly.<\/p>\n<p>First, I'll apply the Motion Blur filter by going up to the <strong>Filter<\/strong> menu at the top of the screen, choosing <strong>Blur<\/strong>, and then choosing <strong>Motion Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/select-photoshop-motion-blur-filter.png\" alt=\"Selecting Motion Blur from under the Filter menu. \" \/>\n<div class=\"caption\">Going to Filter &gt; Blur &gt; Motion Blur.<\/div>\n<p>This opens the Motion Blur dialog box. I'll set the <strong>Angle<\/strong> of the motion blur to <strong>-45&deg;<\/strong> so that the motion runs diagonally from the upper left to the lower right. Then, because I'm working on a large, high resolution image, I'll increase the <strong>Distance<\/strong> value to around <strong>600 pixels<\/strong>. If you're using a smaller image, you may want to use a smaller value:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-motion-blur-filter.png\" alt=\"The Motion Blur filter's dialog box. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The Motion Blur filter's dialog box.<\/div>\n<p>I'll click OK to close out of the Motion Blur dialog box, and here's the result so far:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/image-photoshop-motion-blur-filter.jpg\" alt=\"The image after applying the Motion Blur filter. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The effect after applying the Motion Blur filter.<\/div>\n<p>To soften the effect a bit more, I'll apply Photoshop's Gaussian Blur filter by going back up to the <strong>Filter<\/strong> menu, back to <strong>Blur<\/strong>, and this time choosing <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/select-photoshop-gaussian-blur-filter.png\" alt=\"Selecting Gaussian Blur from under the Filter menu. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Going to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>I'll set the <strong>Radius<\/strong> value at the bottom of the Gaussian Blur dialog box to around <strong>20 pixels<\/strong> just to soften any harsh diagonal lines. Again, if you're using a smaller image, a smaller value may work best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-gaussian-blur-filter.png\" alt=\"The Gaussian Blur filter's dialog box. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The Gaussian Blur filter's dialog box.<\/div>\n<p>I'll click OK to close out of the dialog box, and here's the final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-background-copy-blurred.jpg\" alt=\"The image after applying the Motion Blur and Gaussian Blur filters. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The effect after applying the Gaussian Blur filter.<\/div>\n<p>It may <em>look<\/em> like I've blurred the entire image, but if we look in the Layers panel, we see that's not the case. Since the Background copy layer was the active  layer when I applied the blur filters, only the Background copy layer was affected.<\/p>\n<p>We can see the blurred image in the Background copy layer's preview thumbnail. The original image on the layer below it was not affected. Its preview thumbnail is still showing the original, untouched image: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-preview-thumbnails.png\" alt=\"The layer preview thumbnails now show very different images. \" \/>\n<div class=\"caption\">The preview thumbnails now show very different images on each layer.<\/div>\n<h3>The Layer Visibility Icon<\/h3>\n<p>If I want to see the original photo again in the document, I can simply turn the blurred layer off by clicking  its <strong>layer visibility icon<\/strong> to the left of the preview thumbnail. When the little eyeball is visible, it means the layer is visible in the document. Clicking the icon will hide the eyeball and hide the layer: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-visibility-icon.png\" alt=\"The layer visibility icon in the Layers panel in Photoshop. \" \/>\n<div class=\"caption\">Click the layer visibility icon to turn a layer off in the document.<\/div>\n<p>With the blurred layer hidden, the original photo reappears in the document. The blurred layer is still there; we just can't see it at the moment: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-original-image.jpg\" alt=\"The original image reappears in the document. Image licensed from Fotolia by Photoshop Essentials.com\" \/>\n<div class=\"caption\">The original image reappears in the document.<\/div>\n<p>To turn the blurred layer back on, I just need to click on the empty box where the eyeball used to be: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-toggle-layer-visibility.png\" alt=\"Clicking the empty layer visibility icon. \" \/>\n<div class=\"caption\">The layer visibility icon appears empty when a layer is turned off.<\/div>\n<p>This turns the blurred layer back on the document, once again hiding the original photo from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-background-copy-blurred.jpg\" alt=\"The blurring effect reappears after toggling the layer visibility. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The blurring effect reappears.<\/div>\n<h3>Renaming A Layer<\/h3>\n<p>As we've seen, Photoshop automatically names layers for us as we add them, but the names it gives them, like \"Layer 1\" and \"Background copy\", are pretty generic and not very helpful. When we only have a couple of layers in a document, the names may not seem very important, but when we find ourselves working with 10, 20 or even 100 or more layers, it's much easier to keep them organized if they have meaningful names. <\/p>\n<p>Thankfully, Photoshop makes it easy to rename a layer. Simply <strong>double-click<\/strong> directly on a layer's name in the Layers panel to highlight it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-highlight-layer-name.png\" alt=\"Renaming the Background copy layer. \" \/>\n<div class=\"caption\">Renaming the \"Background copy\" layer.<\/div>\n<p>Then, type in a new name. I'll change the name of my Background copy layer to \"Blur\". When you're done, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept the name change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-renamed.png\" alt=\"The Background copy layer is now the Blur layer. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The &quot;Background copy&quot; layer is now the &quot;Blur&quot; layer.<\/div>\n<h3>Adding a Layer Mask<\/h3>\n<p>Layer masks are essential for much of our Photoshop work. We won't get into the details of them here, but to add a layer mask on a layer, first make sure the layer you want to add it to is selected. Then click  the <strong>Layer Mask<\/strong> icon at the bottom of the Layers panel (the rectangle with the circle in the middle): <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-mask-icon.png\" alt=\"The Layer Mask icon in the Layers panel in Photoshop. \" \/>\n<div class=\"caption\">Add a layer mask by clicking  the Layer Mask icon.<\/div>\n<p>A <strong>layer mask thumbnail<\/strong> will appear to the right of the layer's preview thumbnail, letting you know that the mask has been added. Notice that the thumbnail is filled with <strong>white<\/strong>. On a layer mask, white represents the areas of the layer that remain <strong>visible<\/strong> in the document, while <strong>black<\/strong> represents areas that will be <strong>hidden<\/strong>. By default, Photoshop fills new layer masks entirely with white.<\/p>\n<p>Notice also that the layer mask thumbnail shows a <strong>white border<\/strong> around it. This tells us that the mask, not the actual layer itself, is currently selected and active:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-mask-thumbnail.png\" alt=\"A layer mask thumbnail in the Layers panel. \" \/>\n<div class=\"caption\">A layer mask thumbnail appears.<\/div>\n<p>With the layer mask added, we can paint on it with a brush to reveal part of the original image below the Blur layer. To do that, I'll quickly select Photoshop's <strong>Brush Tool<\/strong> from the <strong>Tools panel<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-brush-tool.png\" alt=\"Selecting the Brush Tool. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Selecting the Brush Tool.<\/div>\n<p>To hide parts of the Blur layer, I'll need to paint on the layer mask with <strong>black<\/strong>. Photoshop uses the current <strong>Foreground color<\/strong> as the brush color, so before I start painting, I'll make sure my Foreground color is set to black.<\/p>\n<p>We can see the current Foreground and Background colors in the <strong>color swatches<\/strong> near the bottom of the Tools panel. By default, whenever we have a layer mask selected, Photoshop sets the Foreground color to white and the Background color to black. To swap them and set the Foreground color to black, all we need to do is press the letter <strong>X<\/strong> on the keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-foreground-background-colors.png\" alt=\"Painting with black on the layer mask to reveal the layer below. \" \/>\n<div class=\"caption\">The Foreground (upper left) and Background (lower right) color swatches.<\/div>\n<p>With my Foreground color set to black, I'll paint on the layer mask to hide those parts of the Blur layer and reveal the original image on the Background layer below it. You can adjust the size of your brush from the keyboard. Press the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ) repeatedly to make the brush <strong>smaller<\/strong> or the <strong>right bracket key<\/strong> ( <strong>]<\/strong> ) to make it <strong>larger<\/strong>. To make the brush edges <strong>softer<\/strong>, press and hold your <strong>Shift<\/strong> key and press the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ) repeatedly. To make the edges <strong>harder<\/strong>, hold <strong>Shift<\/strong> and press the <strong>right bracket key<\/strong> ( <strong>]<\/strong> ):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-mask.jpg\" alt=\"Painting with black on the layer mask to reveal the layer below. \" \/>\n<div class=\"caption\">Painting with black on the layer mask to hide areas of the Blur layer.<\/div>\n<p>If we look again at the layer mask thumbnail, we see that it's no longer filled with solid white. Some areas are still filled with white, but we can also see the areas where we've painted with black. Again, white on a mask represents the areas of the layer that remain visible in the document, while black areas are hidden from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/layer-mask-thumbnail.png\" alt=\"The layer mask thumbnail after painting with the Brush Tool. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The layer mask thumbnail after painting with the Brush Tool.<\/div>\n<p>If everything we just did there was brand new to you, don't worry. Layer masks are a whole other topic, and I explain them in  much more detail in our <a href=\"\/basics\/layers\/layer-masks\/\">Understanding Layer Masks in Photoshop<\/a> tutorial.<\/p>\n<h4 style=\"clear: both; padding-top: 16px;\">\nAdding Fill Or Adjustment Layers<br \/>\n<\/h3>\n<p>To the right of the Layer Mask icon at the bottom of the Layers panel is the <strong>New Fill or Adjustment Layer<\/strong> icon. It's the icon that looks like a circle split diagonally between black and white: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-new-fill-adjustment-layer-icon.png\" alt=\"The New Fill or Adjustment Layer icon. \" \/>\n<div class=\"caption\">The New Fill or Adjustment Layer icon.<\/div>\n<p>Clicking on it opens up a list of fill and adjustment layers we can choose from. Just as an example, I'll select a <strong>Hue\/Saturation<\/strong> adjustment layer from the list: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/select-hue-saturation-adjustment-layer.png\" alt=\"Selecting a Hue\/Saturation adjustment layer. \" \/>\n<div class=\"caption\">Selecting a Hue\/Saturation adjustment layer.<\/div>\n<p>A Hue\/Saturation adjustment layer lets us easily change the colors in an image. In Photoshop CS6 and CC, the controls for  adjustment layers appear in the <strong>Properties panel<\/strong>. In CS4 and CS5, they appear in the <strong>Adjustments panel<\/strong>.  I'll quickly colorize my image by selecting the <strong>Colorize<\/strong> option, then I'll set the <strong>Hue<\/strong> value to <strong>195<\/strong> for a blue color and I'll increase the <strong>Saturation<\/strong> value to <strong>60<\/strong>. Again, don't worry if anything I'm doing here is beyond your current skill level. I'm going through some things quickly just so we can get an overall picture of how much we can do in the Layers panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-properties-panel.jpg\" alt=\"The Hue\/Saturation controls in the Properties panel. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The Properties panel (CS6 and CC).<\/div>\n<p>Here's my image after colorizing it: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-colorize-image.jpg\" alt=\"The photo has been colorized with a Hue\/Saturation adjustment layer. \" \/>\n<div class=\"caption\">The image after colorizing it with a Hue\/Saturation adjustment layer.<\/div>\n<p>Adjustment layers are another topic that falls outside the scope of this tutorial, but the reason why I went ahead and added one anyway was so  we can see that any adjustment layers we add to a document appear in the Layers panel just as normal layers do. Here, my Hue\/Saturation adjustment layer is sitting above the Blur layer. I\u2019ve dragged the Layers panel a bit wider so the name of the adjustment layer (\u201cHue\/Saturation 1\u201d) will fit: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-adjustment-layer.png\" alt=\"The Hue\/Saturation adjustment layer now appears in the Layers panel. \" \/>\n<div class=\"caption\">The Layers panel displays any fill or adjustment layers we've added to the document.<\/div>\n<p>You can learn more about Photoshop's adjustment layers in our <a href=\"\/photo-editing\/adjustment-layers\/\">Non-Destructive Photo Editing With Adjustment Layers<\/a> tutorial and our <a href=\"\/photo-editing\/photoshop-file-size\/\">Reducing File Sizes With Adjustment Layers<\/a> tutorial, both of which are found in our <a href=\"\/photo-editing\/\">Photo Editing<\/a> section. <\/p>\n<h3>Changing A Layer's Blend Mode<\/h3>\n<p>The Layers panel is also where we can change a layer's <strong>blend mode<\/strong>, which changes how the layer blends in with the layer(s) below it. The Blend Mode option is found in the upper left  of the Layers panel directly below the name tab. It doesn't actually say \"Blend Mode\" anywhere, but it's the box that says \"Normal\" in it by default. <\/p>\n<p>To select a different blend mode, click on the word \"Normal\" (or whatever other blend mode happens to be selected at the time), then choose a different blend mode from the list that appears. I'll select the <strong>Color<\/strong> blend mode from the list: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-blend-mode.png\" alt=\"The layer blend mode option in the Layers panel. \" \/>\n<div class=\"caption\">Changing the blend mode of the active layer.<\/div>\n<p>By changing the blend mode of the Hue\/Saturation adjustment layer from Normal to Color, only the colors themselves in the image are now affected by the adjustment layer. The brightness values (the lights, darks and all the shades in between) are not affected. We can see that my image now appears a bit brighter than it did a moment ago: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-color-blend-mode.jpg\" alt=\"The image after changing the blend mode of the adjustment layer to Color. \" \/>\n<div class=\"caption\">Only the colors in the image are now being changed. The brightness values are unaffected.<\/div>\n<p>To learn much more about Photoshop's layer blend modes, including the Color blend mode, be sure to read our <a href=\"\/photo-editing\/layer-blend-modes\/\">Five Essential Blend Modes For Photo Editing<\/a> tutorial. <\/p>\n<h3>The Opacity And Fill Options<\/h3>\n<p>We can control a layer's level of <strong>transparency<\/strong> from the Layers panel using the <strong>Opacity<\/strong> option directly across from the Blend Mode option. An opacity value of 100% (the default value) means that we can't see through the layer at all, but the more we lower the opacity value, the more the layer(s) below it will show through. I'm going to lower the opacity of my Hue\/Saturation adjustment layer down to 70%: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-opacity.png\" alt=\"The layer opacity option in the Layers panel. \" \/>\n<div class=\"caption\">The Opacity option controls a layer's transparency level.<\/div>\n<p>With the opacity lowered slightly, the original colors of the image begin to show through: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-opacity-lowered.jpg\" alt=\"The image after lowering the opacity value of the adjustment layer. \" \/>\n<div class=\"caption\">The original colors now partially show through the adjustment layer.<\/div>\n<p>Directly below the Opacity option is the <strong>Fill<\/strong> option. Like Opacity, Fill also controls a layer's level of transparency. In most cases, these two options (Opacity and Fill) behave exactly the same way, but there is one important difference between them that has to do with <strong>layer styles<\/strong>. Again, we won't get into the details here, but to learn the difference between Opacity and Fill, check out our <a href=\"\/basics\/layers\/opacity-vs-fill\/\">Layer Opacity vs Fill<\/a> tutorial. <\/p>\n<h3>Grouping Layers<\/h3>\n<p>Earlier, we learned that one of the ways we can keep our layers better organized in the Layers panel is by renaming them to something more meaningful. Another way is to group related layers together into a <strong>layer group<\/strong>. We can create a new layer group by clicking  the <strong>New Group<\/strong> icon at the bottom of the Layers panel. It's the icon that looks like a folder (which is essentially what a layer group is). However, I'm not going to actually click on it because there's a better way to create a layer group: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-group-icon.png\" alt=\"The New Layer Group icon in the Layers panel in Photoshop. \" \/>\n<div class=\"caption\">The New Group icon.<\/div>\n<p>The problem (it's more of an inconvenience, really) with clicking the New Group icon is that it creates a new but empty group, requiring us to manually drag layers into the group ourselves. It's not a big deal, but there's a better way. I want to place my Blur layer and my adjustment layer into a new group, so the first thing I'll do is select both of them at once. I already have the adjustment layer selected, so to select the Blur layer as well, I simply need to hold down my <strong>Shift<\/strong> key as I click on the Blur layer, and now both layers are selected at the same time: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-select-multiple-layers.png\" alt=\"Selecting two layers at once in the Layers panel. \" \/>\n<div class=\"caption\">Selecting both layers at once.<\/div>\n<p>With both layers now selected, I'll click on the <strong>menu icon<\/strong> in the top right corner of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-panel-menu.png\" alt=\"Clicking the Layers panel menu icon. \" \/>\n<div class=\"caption\">Clicking the Layers panel menu icon.<\/div>\n<p>This opens the Layers panel menu. I'll choose <strong>New Group from Layers<\/strong> from the menu choices: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-new-group-from-layers.png\" alt=\"The New Group from Layers option in the Layers panel menu. \" \/>\n<div class=\"caption\">Choose \"New Group from Layers\" from the Layers panel menu.<\/div>\n<p>Before creating the new group, Photoshop will pop open the New Group from Layers dialog box, giving us a chance to name the group and set some other options. I'll  click OK to accept the default name and settings: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/new-group-from-layers-dialog.png\" alt=\"The New Group dialog box in Photoshop. \" \/>\n<div class=\"caption\">The New Group from Layers dialog box.<\/div>\n<p>Photoshop creates the new group, gives it the default name \"Group 1\", and adds my two selected layers into the group. Layer groups are very much like folders in a filing cabinet. We can open the folder to see what's inside, and we can close the folder to keep everything neat and tidy. By default, layer groups are closed in the Layers panel. To open them and view the layers inside, click on the small <strong>triangle<\/strong> to the left of the folder icon: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-group.png\" alt=\"A new layer group named Group 1 appears in the Layers panel. \" \/>\n<div class=\"caption\">The two selected layers are now hidden inside the group. Click the triangle to open it.<\/div>\n<p>This twirls the group open, and we can now see and access the layers inside of it. To close the group again, click again on the triangle icon: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-group-toggle.png\" alt=\"The layer group has been twirled open. \" \/>\n<div class=\"caption\">Layer groups are great for keeping things organized.<\/div>\n<p>To delete the group, click once again on the <strong>menu icon<\/strong> in the top right corner of the Layers panel. Then choose <strong>Delete Group<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-delete-group.png\" alt=\"Choosing Delete Group from the Layers panel menu. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Choosing the \"Delete Group\" option.<\/div>\n<p>Photoshop will ask what it is that you want to delete. If you want to delete both the group <em>and<\/em> the layers inside the group, choose <strong>Group and Contents<\/strong>. In my case, I want to delete the group but keep the layers inside of it, so I'll choose <strong>Group Only<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-delete-group-only.png\" alt=\"Choosing to delete the group only. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Choose &quot;Group Only&quot; to delete a group but keep any layers inside of it.<\/div>\n<p>With the group deleted, we're back to having just our three separate layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-ungrouped.png\" alt=\"The group is gone but the layers remain. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The group is gone but the layers remain.<\/div>\n<p>There's lots of  things we can do with layer groups in Photoshop. To learn more, check out our <a href=\"\/basics\/layers\/layer-groups\/\">Layer Groups<\/a> tutorial. <\/p>\n<h4 style=\"clear: both; padding-top: 16px;\">\nLayer Styles<br \/>\n<\/h3>\n<p>Also on the bottom of the Layers panel is the <strong>Layer Styles<\/strong> icon. Layer Styles are also called Layer Effects, which is why it says &quot;fx&quot; in the icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-styles-icon.png\" alt=\"The Layer Styles icon in the Layers panel in Photoshop. \" \/>\n<div class=\"caption\">The Layer Styles icon.<\/div>\n<p>Layer styles give us easy ways to add lots of different effects to layers, including  shadows, strokes, glows, and more. Clicking the Layer Styles icon opens a list of effects to choose from. Layer Styles are a whole other topic and beyond what we can cover here, so we'll have a complete tutorial on Layer Styles coming up: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-styles.png\" alt=\"The Layer Styles menu in Photoshop. \" \/>\n<div class=\"caption\">The Layer Styles menu.<\/div>\n<h3>Locking Layers<\/h3>\n<p>The Layers panel also gives us a few different ways that we can lock certain aspects of a layer. For example, if part of a layer is transparent, we can lock the transparent pixels so that we're only affecting the actual contents of the layer, not the transparent areas. Or we can lock all of the  pixels, whether they're transparent or not, to prevent us from making any changes at all to the layer. We can also lock the position of the layer so we can't accidentally move it around inside the document. <\/p>\n<p>There's four lock options to choose from, each represented by a small icon, and they're located just below the Blend Mode option. From left to right, we have <strong>Lock Transparent Pixels<\/strong>, <strong>Lock Image Pixels<\/strong> (which locks all of the pixels on the layer, including the transparent ones), <strong>Lock Position<\/strong>, and <strong>Lock All<\/strong>. To select any of the lock options, click its icon to enable it. Clicking the same lock option again will disable it. Note that you'll need to select an actual pixel layer (like our Blur layer) for all of the lock options to become available:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-lock-options.png\" alt=\"The Lock options in the Layers panel. \" \/>\n<div class=\"caption\">The four layer lock options.<\/div>\n<p>If any or all of these options are selected, you'll see a small <strong>lock icon<\/strong> appear on the far right of the locked layer, as we can see on the Background layer which is locked by default:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layer-lock-icon.png\" alt=\"The lock icon in the Layers panel. \" \/>\n<div class=\"caption\">A small lock icon indicates one of more aspects of the layer is locked.<\/div>\n<h3>The Layer Search Bar<\/h3>\n<p>A new feature that was first added to the Layers panel in Photoshop CS6 is the <strong>Search Bar<\/strong> which you'll find along the very top (just below the name tab):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-panel-search.png\" alt=\"The Search feature in the Layers panel in Photoshop CS6. \" \/>\n<div class=\"caption\">The Search feature was added to the Layers panel in Photoshop CS6.<\/div>\n<p>The Search Bar allows us to quickly filter through the layers in a multi-layered document to find a specific layer, view only certain types of layers, or view only the layers that match certain criteria. To use the Search Bar, choose a <strong>filter type<\/strong> from the drop-down box on the left. By default, the filter type is set to <strong>Kind<\/strong>, which means we'll be asking Photoshop to show us only a specific kind of layer.<\/p>\n<p>Depending on which filter type you've chosen, you'll see different options to the right of the filter type box. With Kind selected, you'll see a row of icons, each representing a different kind of layer. From left to right, we have <strong>pixel layers<\/strong>, <strong>adjustment layers<\/strong>, <strong>type layers<\/strong>, <strong>shape layers<\/strong>, and <strong>smart objects<\/strong>. Clicking on one of these icons will filter the layers in your document and show you only the layers of that specific kind. You can view two or more kinds of layers at once by clicking multiple icons. Click an icon again to deselect it and remove it from the search.<\/p>\n<p>For example, we currently have two pixel layers and one adjustment layer in our document. If we wanted to view only the pixel layers, we could select the <strong>pixel layers<\/strong> icon. This would hide our adjustment layer and leave only the two pixel layers visible in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-filter-pixel-layers.png\" alt=\"Filtering the Layers panel to show only the pixel layers. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Filtering the Layers panel to show only the pixel layers.<\/div>\n<p>Keep in mind, though, that filtering layers in the Layers panel does <em>not<\/em> turn the other layers off in the document. It simply hides them from view in the Layers panel itself. If we look at our image, we can still see the effects of the Hue\/Saturation adjustment layer even though the adjustment layer is not currently visible in the Layers panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/image-adjustment-layer-hidden.jpg\" alt=\"Filtering layers in the Layers panel has no effect on their visibility. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Filters layers in the Layers panel has no effect on their visibility in the document.<\/div>\n<p>If I wanted to view only the adjustment layer in my Layers panel, I would click again on the <strong>pixel layers<\/strong> icon to deselect it and then click on the <strong>adjustment layers<\/strong> icon beside it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-filter-adjustment-layers.png\" alt=\"Filtering the Layers panel to show only the adjustment layers. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Filtering the Layers panel to show only the adjustment layers.<\/div>\n<p>Clicking on the Filter Type  box will show you a list of all the ways we can filter our layers, including by name, layer effect, blend mode, and more. As I mentioned earlier, I'm using Photoshop CS6 here, but if you're using Photoshop CC, you'll find a few additional filtering options at the bottom (Smart Object, Selected and Artboard):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/layers-panel-filter-types.png\" alt=\"Click the Filter Type box to view all the ways we can filter layers. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Click the Filter Type box to view all the ways we can filter our layers.<\/div>\n<p>We won't go through all of them here, especially since we only have three layers in our document. But as another quick example, I'll change my filtering type from Kind to <strong>Name<\/strong>, which lets us search for a specific layer based on the name we gave it. This is a great example of why it's so important to name our layers ourselves rather than sticking with Photoshop's generic names like \"Layer 1\" and \"Layer 2\".<\/p>\n<p>With Name selected for the filter type, I'll enter the name &quot;Blur&quot; into the search field, and here we see that only my Blur layer remains visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-filter-layer-name.png\" alt=\"The Name option lets us quickly find a layer by searching for its name. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">The Name option lets us quickly find a layer by searching for its name.<\/div>\n<p>To turn off the filtering options, set the filter type back to Kind, then make sure none of the icons are selected. Or, click the <strong>light switch<\/strong> on the right of the Search Bar to toggle the filter options on and off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-filter-layer-toggle-switch.png\" alt=\"Clicking the light switch to enable or disable the Search Bar in the Layers panel. Image &copy; 2016 Photoshop Essentials.com\" \/>\n<div class=\"caption\">Click the light switch to enable or disable the Search Bar.<\/div>\n<h3>Changing The Thumbnail Image Size<\/h3>\n<p>One last feature of the Layers panel that often comes in handy is the ability to change the size of the preview thumbnails. Larger thumbnails  make it easier for us to preview the contents of each layer, but they also take up more room, limiting the number of layers we can see at once in the Layers panel without having to start scrolling. Large thumbnails can also cause your layer names to appear truncated since they can't fit entirely within the layer row.<\/p>\n<p>To fit more layers into the Layers panel at once, we can  make the preview thumbnails smaller, and we can do that by clicking again on the Layers panel <strong>menu icon<\/strong> and choosing <strong>Panel Options<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/panel-options.png\" alt=\"Choosing Panel Options from the Layers panel menu. \" \/>\n<div class=\"caption\">Choosing &quot;Panel Options&quot; from the Layers panel menu.<\/div>\n<p>This opens the Layers Panel Options dialog box. At the top of the dialog box is the <strong>Thumbnail Size<\/strong> option with three sizes to choose from, as well as  an option to turn the preview thumbnails off completely (None). I wouldn't recommend choosing None, but I'll select the smallest of the three sizes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-panel-options.png\" alt=\"The Thumbnail Size option in the Layers Panel Options dialog box. \" \/>\n<div class=\"caption\">Choose from three different sizes for the preview thumbnails.<\/div>\n<p>Once you've chosen a size, click OK to close out of the dialog box. We can see in my Layers panel that, with the preview thumbnails now much smaller, everything fits much better. You can go back and change the thumbnail size at any time: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cs6\/layers\/layers-panel\/photoshop-layers-small-thumbnails.png\" alt=\"The Layers panel displaying smaller thumbnail images. \" \/>\n<div class=\"caption\">Smaller thumbnail images leave more room for more layers.<\/div>\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<h3>Where to go from here...<\/h3>\n<p>And there we have it! In the next lesson, we'll look at some essential <a href=\"\/basics\/layers\/essential-layers-panel-preferences\/\" title=\"Photoshop Essential Layers Panel Preferences\">Layers panel preferences<\/a> that will help us customize the Layers panel and keep it free of clutter so we can work in Photoshop more efficiently!<\/p>\n<p>You can jump to any of the other lessons in this <a href=\"\/photoshop-layers-learning-guide\/\" title=\"Photoshop Layers Learning Guide\">Photoshop Layers series<\/a>. Or visit our <a href=\"\/basics\/\" title=\"Learn more\">Photoshop Basics<\/a> section for more topics!<\/p>\n<\/section>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Take a whirlwind tour of Photoshop&#8217;s Layers panel and learn the essential skills you need for working with layers!<\/p>\n","protected":false},"author":1,"featured_media":11194,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Photoshop Layers Panel Essentials<\/title>\n<meta name=\"description\" content=\"Take a whirlwind tour of Photoshop&#039;s Layers panel and learn the essential skills needed to take advantage of all that layers have to offer!\" \/>\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\/layers\/layers-panel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photoshop Layers Panel Essentials\" \/>\n<meta property=\"og:description\" content=\"Take a whirlwind tour of Photoshop&#039;s Layers panel and learn the essential skills needed to take advantage of all that layers have to offer!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/\" \/>\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=\"2016-09-02T04:00:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T17:29:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/09\/photoshop-cs6-layers-panel-essentials.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\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=\"40 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\\\/layers\\\/layers-panel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Photoshop Layers Panel Essentials\",\"datePublished\":\"2016-09-02T04:00:26+00:00\",\"dateModified\":\"2022-11-02T17:29:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/\"},\"wordCount\":5566,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/photoshop-cs6-layers-panel-essentials.jpg\",\"articleSection\":[\"Photoshop Layers\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/\",\"name\":\"Photoshop Layers Panel Essentials\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/photoshop-cs6-layers-panel-essentials.jpg\",\"datePublished\":\"2016-09-02T04:00:26+00:00\",\"dateModified\":\"2022-11-02T17:29:40+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Take a whirlwind tour of Photoshop's Layers panel and learn the essential skills needed to take advantage of all that layers have to offer!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/photoshop-cs6-layers-panel-essentials.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/photoshop-cs6-layers-panel-essentials.jpg\",\"width\":250,\"height\":250,\"caption\":\"Photoshop Layers Panel Essentials\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/layers-panel\\\/#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\":\"Photoshop Layers\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/layers\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Layers Panel\"}]},{\"@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":"Photoshop Layers Panel Essentials","description":"Take a whirlwind tour of Photoshop's Layers panel and learn the essential skills needed to take advantage of all that layers have to offer!","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\/layers\/layers-panel\/","og_locale":"en_US","og_type":"article","og_title":"Photoshop Layers Panel Essentials","og_description":"Take a whirlwind tour of Photoshop's Layers panel and learn the essential skills needed to take advantage of all that layers have to offer!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2016-09-02T04:00:26+00:00","article_modified_time":"2022-11-02T17:29:40+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/09\/photoshop-cs6-layers-panel-essentials.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Photoshop Layers Panel Essentials","datePublished":"2016-09-02T04:00:26+00:00","dateModified":"2022-11-02T17:29:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/"},"wordCount":5566,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/09\/photoshop-cs6-layers-panel-essentials.jpg","articleSection":["Photoshop Layers"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/","name":"Photoshop Layers Panel Essentials","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/09\/photoshop-cs6-layers-panel-essentials.jpg","datePublished":"2016-09-02T04:00:26+00:00","dateModified":"2022-11-02T17:29:40+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Take a whirlwind tour of Photoshop's Layers panel and learn the essential skills needed to take advantage of all that layers have to offer!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/09\/photoshop-cs6-layers-panel-essentials.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2016\/09\/photoshop-cs6-layers-panel-essentials.jpg","width":250,"height":250,"caption":"Photoshop Layers Panel Essentials"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/layers-panel\/#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":"Photoshop Layers","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/layers\/"},{"@type":"ListItem","position":4,"name":"Layers Panel"}]},{"@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\/793","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=793"}],"version-history":[{"count":35,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/793\/revisions"}],"predecessor-version":[{"id":33657,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/793\/revisions\/33657"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/11194"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}