{"id":1587,"date":"2012-07-06T20:51:04","date_gmt":"2012-07-06T20:51:04","guid":{"rendered":"http:\/\/vargiskhan.com\/log\/?p=1587"},"modified":"2016-10-14T01:40:04","modified_gmt":"2016-10-14T01:40:04","slug":"photoshop-basics-layers-panel","status":"publish","type":"post","link":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/","title":{"rendered":"Photoshop Basics &#8211; Layers Panel"},"content":{"rendered":"<p style=\"text-align: justify;\">In <a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-introduction-photoshop-layers\/\">Previous Tutorial<\/a>, we had a brief introduction with what Layers are and how working with them can make our work in Photoshop so much easier. However so far we only understood the concept of layer or in a way barely scratched the surface. In order to fully understand how layers work, we will now look at the Layers panel where we make all the changes in layers.<\/p>\n<p style=\"text-align: justify;\">Known as the Layers Palette in earlier versions of Photoshop, the layers panel is where we manage all our layers and by manage I mean, create them, delete them, add effects, merge them and do\u00a0 so much more. The layers panel is probably one of the most commonly used panels in Photoshop. In this tutorial, we will see what the different areas in layer panel are as well as how we can make some very basic changes to the layers. We will take a brief overview of the Layers panel so we know how to access the different available functions. Some of these functions are so vast that they need a separate tutorial of themselves. For now, we will just see where these functions are located and learn about these functions in details in later tutorials.<\/p>\n<p>Open an Image in Photoshop. You will find the Layers panel towards the right hand corner of the screen, under the heading \u201cLayers\u201d. Irrespective of which version of Photoshop you have, this is always where the Layers Panel is located.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-1\/\" rel=\"attachment wp-att-1578\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1578\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-1.jpg\" alt=\"understanding-the-layers-panel-1\" width=\"253\" height=\"377\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-1.jpg 253w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-1-201x300.jpg 201w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-1-37x55.jpg 37w\" sizes=\"auto, (max-width: 253px) 100vw, 253px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">If for some reason, Layers Panel is not displayed by default, you can do so manually by pressing F7 from your keyboard or by going up to the Window menu in the menu bar and selecting Layers.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-2\/\" rel=\"attachment wp-att-1576\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1576\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-2.jpg\" alt=\"understanding-the-layers-panel-2\" width=\"574\" height=\"414\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-2.jpg 574w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-2-300x216.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-2-76x55.jpg 76w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">For learning purpose, let\u2019s divide the panel in three parts, the top header section, the middle section and the bottom section. In this tutorial, we will look at the middle section that reflects one open layer as of now.<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-3\/\" rel=\"attachment wp-att-1577\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1577 size-full\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-3.jpg\" alt=\"understanding-the-layers-panel-3\" width=\"552\" height=\"413\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-3.jpg 552w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-3-200x150.jpg 200w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-3-300x224.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-3-74x55.jpg 74w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">The name tab on the top that reads \u201cLayers\u201d tells us that we are currently looking at our Layers Panel. There are two more tabs next to Layers, named as Channels and Paths. Don\u2019t worry about those two as of now; we will look at those in details in a later tutorial.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-6\/\" rel=\"attachment wp-att-1554\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1554\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-6.jpg\" alt=\"understanding-the-layers-panel-6\" width=\"307\" height=\"440\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-6.jpg 307w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-6-209x300.jpg 209w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-6-38x55.jpg 38w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">I currently have this image open in Photoshop.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-7\/\" rel=\"attachment wp-att-1555\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1555\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-7.jpg\" alt=\"understanding-the-layers-panel-7\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-7.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-7-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-7-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">My Layers Panel currently shows one layer named \u201cBackground\u201d. The image that I have opened lies on this layer.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-8\/\" rel=\"attachment wp-att-1556\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1556\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-8.jpg\" alt=\"understanding-the-layers-panel-8\" width=\"253\" height=\"377\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-8.jpg 253w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-8-201x300.jpg 201w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-8-37x55.jpg 37w\" sizes=\"auto, (max-width: 253px) 100vw, 253px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">This part of the layers panel is called the layer row. Since I have just one image open, Photoshop displays just one layer. Every image that I open will be displayed here on its own row, displaying information about that image. If I added more layers to the image, the new layer will also be displayed in a separate row.<\/p>\n<p style=\"text-align: justify;\">When we open an image, Photoshop by default puts it on a layer naming it as the background because that particular layer serves as the background for our document. If we add any more layers to that document, they will be called as \u201cLayer 1\u201d or \u201cLayer 2\u201d and so on but the first layer is always named as \u201cBackground\u201d by default. All this names are editable and you can rename them to whatever you like.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-9\/\" rel=\"attachment wp-att-1557\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1557\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-9.jpg\" alt=\"understanding-the-layers-panel-9\" width=\"253\" height=\"377\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-9.jpg 253w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-9-201x300.jpg 201w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-9-37x55.jpg 37w\" sizes=\"auto, (max-width: 253px) 100vw, 253px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">The preview thumbnail, as highlighted in the image below, gives us a small preview of what is on that specific layer. Because my image currently is the background layer, it is giving me a preview of the image open.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-12\/\" rel=\"attachment wp-att-1560\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1560\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-12.jpg\" alt=\"understanding-the-layers-panel-12\" width=\"253\" height=\"377\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-12.jpg 253w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-12-201x300.jpg 201w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-12-37x55.jpg 37w\" sizes=\"auto, (max-width: 253px) 100vw, 253px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Let us try adding a new layer to our current document. Click on the new layer icon at the bottom of Layers Panel.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-10\/\" rel=\"attachment wp-att-1558\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1558\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-10.jpg\" alt=\"understanding-the-layers-panel-10\" width=\"289\" height=\"401\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-10.jpg 289w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-10-216x300.jpg 216w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-10-40x55.jpg 40w\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Photoshop will add directly above our background layer naming it as Layer 1. As I mentioned above, each time a new layer gets added, it gets its own row in the Layer panel.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-11\/\" rel=\"attachment wp-att-1559\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1559\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-11.jpg\" alt=\"understanding-the-layers-panel-11\" width=\"262\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-11.jpg 262w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-11-208x300.jpg 208w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-11-38x55.jpg 38w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">You will notice that the preview area shows a checkerboard pattern for the new layer. Do not worry, there is no such actual pattern on this layer. It is just Photoshop\u2019s way of telling us that the layer is blank as of now. As we work on this layer, the preview thumbnail will change to whatever changes we made on the layer.<\/p>\n<p style=\"text-align: justify;\">If I clicked again on the New Layer icon, Photoshop will add another blank layer on top of Layer 1 and will name it to Layer 2.<\/p>\n<p>You can ignore the names when you just have a couple of layers to manage but imagine if you were working and managing 20 or more layers than it would really become confusing to remember what changes you made on which layer. In order to manage it better, Photoshop gives us the option to renaming the layer to our own convenience or preference. In order to change the name of a layer, double click directly over the name of layer to turn it into an editable field, type in the name that you want to give and press Enter.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-13\/\" rel=\"attachment wp-att-1561\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1561\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-13.jpg\" alt=\"understanding-the-layers-panel-13\" width=\"256\" height=\"373\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-13.jpg 256w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-13-206x300.jpg 206w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-13-38x55.jpg 38w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Another way to manage our layers better is by grouping them. In layman terms, we can create a folder or group and put our layers that have a similar kind of adjustment or effect into that group, helping us to organize better while we are working on a multi-layered document. There are two way to group the layers. Either first create a group and drag the layers into it or select all the layers you need to group and then create it. Let\u2019s take a look at both the ways.<\/p>\n<p style=\"text-align: justify;\">In order to create a group, click on the \u201cCreate a new group\u201d icon at the bottom of the Layers panel.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-28\/\" rel=\"attachment wp-att-1579\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1579\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-28.jpg\" alt=\"understanding-the-layers-panel-28\" width=\"265\" height=\"407\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-28.jpg 265w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-28-195x300.jpg 195w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-28-36x55.jpg 36w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a>Photoshop by default will create the group on top of the last active layer. In my case, since \u201cTest 1\u201d layer was highlighted, Group was created above it. To put the two layers in the group, I will first click on Test 1, hold the shift key down and then click on Test 2, thus selecting both the layers and then drag them both together into the folder icon. Make sure you let the shift key go before you start to drag. Photoshop will then put both my layers inside the folder icon.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-29\/\" rel=\"attachment wp-att-1580\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1580\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-29.jpg\" alt=\"understanding-the-layers-panel-29\" width=\"265\" height=\"379\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-29.jpg 265w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-29-210x300.jpg 210w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-29-38x55.jpg 38w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">If I click on the small triangle highlighted in the image above, I can see both my layers within the group.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-31\/\" rel=\"attachment wp-att-1582\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1582\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-31.jpg\" alt=\"understanding-the-layers-panel-31\" width=\"259\" height=\"374\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-31.jpg 259w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-31-208x300.jpg 208w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-31-38x55.jpg 38w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Another way is to group the layers is first select both the layers by first clicking on one and then clicking on the others while pressing the shift key down. Then click on the Panel Options icon once.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-30\/\" rel=\"attachment wp-att-1581\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1581\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-30.jpg\" alt=\"understanding-the-layers-panel-30\" width=\"262\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-30.jpg 262w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-30-208x300.jpg 208w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-30-38x55.jpg 38w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a> <a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-32\/\" rel=\"attachment wp-att-1583\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1583\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-32.jpg\" alt=\"understanding-the-layers-panel-32\" width=\"309\" height=\"416\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-32.jpg 309w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-32-223x300.jpg 223w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-32-41x55.jpg 41w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">And select \u201cNew Group from Layers\u201d.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-33\/\" rel=\"attachment wp-att-1584\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1584\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-33.jpg\" alt=\"understanding-the-layers-panel-33\" width=\"262\" height=\"524\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-33.jpg 262w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-33-150x300.jpg 150w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-33-28x55.jpg 28w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Photoshop will open a dialog box asking you to name the group. By default the name of the group field will be populated with Group 1. Change the name if you wish to or leave it as Group one and click on OK to close the dialog box. Both of your layers will be moved inside the group.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-34\/\" rel=\"attachment wp-att-1585\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1585\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-34.jpg\" alt=\"understanding-the-layers-panel-34\" width=\"440\" height=\"135\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-34.jpg 440w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-34-300x92.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-34-179x55.jpg 179w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">To move the layers out of the folder or to Ungroup them, right click on the folder icon and select \u201cUngroup Layers\u201d<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-35\/\" rel=\"attachment wp-att-1586\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1586\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-35.jpg\" alt=\"understanding-the-layers-panel-35\" width=\"265\" height=\"398\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-35.jpg 265w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-35-200x300.jpg 200w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-35-37x55.jpg 37w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">The order of the layer currently is the one they were created in. Background Layer is at the bottom since it was the first one that Photoshop created when we opened the image, Test 1 is the second layer we created manually and it is on top of Background, Test 2 is the last created layer on top of both the layers. If we want to change this order, we can do so by dragging the layers up and down. Bring you cursor on top of the layer that you want to move, press and hold your mouse button and drag the layer till a highlight bar appears and release the mouse button.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-14\/\" rel=\"attachment wp-att-1562\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1562\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-14.jpg\" alt=\"understanding-the-layers-panel-14\" width=\"262\" height=\"375\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-14.jpg 262w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-14-210x300.jpg 210w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-14-38x55.jpg 38w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">The highlight bar shows the spot where the layer will be moved. When you release your mouse button, the layer that you were dragging will be placed at the new location.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-15\/\" rel=\"attachment wp-att-1563\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1563\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg\" alt=\"understanding-the-layers-panel-15\" width=\"265\" height=\"381\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg 265w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15-209x300.jpg 209w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15-38x55.jpg 38w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Notice how the top layer in the image above is highlighted in a blue color? This shows that the highlighted layer is the one that is currently active and any change that I make will be on this layer. When we add a new layer, the highlight will by default change to the last added layer. In order to change and make one of the other layers active, simply click on it once.<\/p>\n<p style=\"text-align: justify;\">In order to delete a layer, one way is to right click on the layer that you want to delete and click on \u201cDelete Layer\u201d in the fly menu. Other way is to highlight the layer that you want to delete by clicking on it once and then click on the \u201cDelete Layer\u201d icon at the bottom right hand corner of the screen. You can also delete the layer by highlighting it and then pressing the Delete key on your keyboard.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-16\/\" rel=\"attachment wp-att-1564\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1564\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-16.jpg\" alt=\"understanding-the-layers-panel-16\" width=\"307\" height=\"416\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-16.jpg 307w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-16-221x300.jpg 221w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-16-41x55.jpg 41w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">If you want to make a duplicate copy of any of the layers, you can do so by right clicking on the layer you want to create a copy of and clicking on \u201cDuplicate Layer\u201d from the fly menu. Another way to do it is to first highlight the layer you want to duplicate and then press \u201cCtrl + J\u201d on your keyboard.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-17\/\" rel=\"attachment wp-att-1565\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1565\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-17.jpg\" alt=\"understanding-the-layers-panel-17\" width=\"259\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-17.jpg 259w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-17-206x300.jpg 206w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-17-38x55.jpg 38w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">In my case, I made a copy of my Background layer and Photoshop automatically named it as Layer 1. If I want to rename it, I can do so by double clicking on it.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-18\/\" rel=\"attachment wp-att-1566\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1566\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-18.jpg\" alt=\"understanding-the-layers-panel-18\" width=\"265\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-18.jpg 265w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-18-210x300.jpg 210w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-18-39x55.jpg 39w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">The next thing we are going to look at is the Layer visibility icon.<\/p>\n<p style=\"text-align: justify;\">I currently have my Background Layer and a duplicate copy of it in my Layers Panel. I will make a slight adjustment and will convert my Duplicate into a Black and White image. To do so, I will first highlight it by clicking on it and then go to Image menu in the menu bar at top of my screen. I will then hover my cursor over Adjustments till a new fly menu appears in which I will click on Black and White.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-19\/\" rel=\"attachment wp-att-1567\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1567\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-19.jpg\" alt=\"understanding-the-layers-panel-19\" width=\"610\" height=\"551\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-19.jpg 610w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-19-300x271.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-19-61x55.jpg 61w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">A Black and White dialog box will appear. I will not make any changes to it and click on OK. This will convert my image to Black and White.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-20\/\" rel=\"attachment wp-att-1568\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1568\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-20.jpg\" alt=\"understanding-the-layers-panel-20\" width=\"415\" height=\"509\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-20.jpg 415w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-20-245x300.jpg 245w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-20-45x55.jpg 45w\" sizes=\"auto, (max-width: 415px) 100vw, 415px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Now I have two layers open in my Layers Panel. At the first look, it seems my image has been converted to black and white but the fact is that my original image is still colored; it is only the duplicate copy that I created that is now in Black and White format. Since it is on top of my background layer, that is the reason why I can only see the black and white layer and not the colored one.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-21\/\" rel=\"attachment wp-att-1569\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1569\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-21.jpg\" alt=\"understanding-the-layers-panel-21\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-21.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-21-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-21-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">If I clicked on my Layer Visibility Icon now, it will turn off the visibility of the background Layer and I will once again have the colored image on my screen. If I clicked on it again, the Black and White layer\u2019s visibility will again be turned on. This is the purpose of the visibility icon. It helps me to turn a layer on and off temporarily. The layer will still be there, all the changes will still be there, I just wouldn\u2019t see it until I turn the visibility on again.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-22\/\" rel=\"attachment wp-att-1570\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1570\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-22.jpg\" alt=\"understanding-the-layers-panel-22\" width=\"265\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-22.jpg 265w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-22-210x300.jpg 210w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-22-39x55.jpg 39w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">You will notice a Lock icon in front of your background layer. This icon indicates that the layer is locked and you cannot move its contents. To understand better, highlight your background layer, select the move tool from Tools Panel, click on the image and try dragging it. Photoshop will throw a pop up telling you that the contents cannot be moved as the layer is locked.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-24\/\" rel=\"attachment wp-att-1572\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1572\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-24.jpg\" alt=\"understanding-the-layers-panel-24\" width=\"235\" height=\"372\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-24.jpg 235w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-24-190x300.jpg 190w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-24-35x55.jpg 35w\" sizes=\"auto, (max-width: 235px) 100vw, 235px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-25\/\" rel=\"attachment wp-att-1573\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1573\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-25.jpg\" alt=\"understanding-the-layers-panel-25\" width=\"355\" height=\"121\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-25.jpg 355w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-25-300x102.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-25-161x55.jpg 161w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Now highlight Layer 1 by clicking on it and using the move tool, click on the image and try dragging it. You will notice that the contents of Layer 1 will begin to move and the Background Layer will appear in the background.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-26\/\" rel=\"attachment wp-att-1574\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1574\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-26.jpg\" alt=\"understanding-the-layers-panel-26\" width=\"265\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-26.jpg 265w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-26-210x300.jpg 210w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-26-39x55.jpg 39w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/understanding-the-layers-panel-27\/\" rel=\"attachment wp-att-1575\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1575\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-27.jpg\" alt=\"understanding-the-layers-panel-27\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-27.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-27-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-27-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">And this is it. These are the options that we have available in the middle section of the Layers Panel. In the next tutorial, we will take a look at the bottom section.<\/p>\n<p style=\"text-align: justify;\">If you have any questions or had trouble understanding any of what I explained above, please feel free to post a comment and ask. If you feel there should be something else included in this tutorial or think some of the above concepts need to be explained in more details, please comment and let me know.<\/p>\n<p style=\"text-align: justify;\">\n","protected":false},"excerpt":{"rendered":"<p>In Previous Tutorial, we had a brief introduction with what Layers are and how working with them can make our work in Photoshop so much easier. However&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1563,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[48],"tags":[],"class_list":["post-1587","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Photoshop Basics - Layers Panel - Vargis Khan<\/title>\n<meta name=\"description\" content=\"A tutorial on Layers Panel in Photoshop. A brief overview of what Layers panel is and how to work in it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photoshop Basics - Layers Panel - Vargis Khan\" \/>\n<meta property=\"og:description\" content=\"A tutorial on Layers Panel in Photoshop. A brief overview of what Layers panel is and how to work in it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/\" \/>\n<meta property=\"og:site_name\" content=\"Vargis Khan\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-06T20:51:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-14T01:40:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"265\" \/>\n\t<meta property=\"og:image:height\" content=\"381\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vargis.Khan\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vargis.Khan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/\"},\"author\":{\"name\":\"Vargis.Khan\",\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/#\\\/schema\\\/person\\\/b1b706f2eb5ff95a6e279923d2ff9f13\"},\"headline\":\"Photoshop Basics &#8211; Layers Panel\",\"datePublished\":\"2012-07-06T20:51:04+00:00\",\"dateModified\":\"2016-10-14T01:40:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/\"},\"wordCount\":2055,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/understanding-the-layers-panel-15.jpg\",\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/\",\"url\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/\",\"name\":\"Photoshop Basics - Layers Panel - Vargis Khan\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/understanding-the-layers-panel-15.jpg\",\"datePublished\":\"2012-07-06T20:51:04+00:00\",\"dateModified\":\"2016-10-14T01:40:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/#\\\/schema\\\/person\\\/b1b706f2eb5ff95a6e279923d2ff9f13\"},\"description\":\"A tutorial on Layers Panel in Photoshop. A brief overview of what Layers panel is and how to work in it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/understanding-the-layers-panel-15.jpg\",\"contentUrl\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/understanding-the-layers-panel-15.jpg\",\"width\":265,\"height\":381},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/photoshop-basics-layers-panel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics &#8211; Layers Panel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/#website\",\"url\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/\",\"name\":\"Vargis Khan\",\"description\":\"My Travel &amp; Photography Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/#\\\/schema\\\/person\\\/b1b706f2eb5ff95a6e279923d2ff9f13\",\"name\":\"Vargis.Khan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g\",\"caption\":\"Vargis.Khan\"},\"description\":\"Not much to write about me really except for that I love to travel around whenever I can and to wherever I can. This blog is just a small attempt to share my travel experiences with the world. Hope you like it !!!\",\"url\":\"https:\\\/\\\/vargiskhan.com\\\/log\\\/author\\\/vargis-khan\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Photoshop Basics - Layers Panel - Vargis Khan","description":"A tutorial on Layers Panel in Photoshop. A brief overview of what Layers panel is and how to work in it.","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:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/","og_locale":"en_US","og_type":"article","og_title":"Photoshop Basics - Layers Panel - Vargis Khan","og_description":"A tutorial on Layers Panel in Photoshop. A brief overview of what Layers panel is and how to work in it.","og_url":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/","og_site_name":"Vargis Khan","article_published_time":"2012-07-06T20:51:04+00:00","article_modified_time":"2016-10-14T01:40:04+00:00","og_image":[{"width":265,"height":381,"url":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg","type":"image\/jpeg"}],"author":"Vargis.Khan","twitter_misc":{"Written by":"Vargis.Khan","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#article","isPartOf":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/"},"author":{"name":"Vargis.Khan","@id":"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13"},"headline":"Photoshop Basics &#8211; Layers Panel","datePublished":"2012-07-06T20:51:04+00:00","dateModified":"2016-10-14T01:40:04+00:00","mainEntityOfPage":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/"},"wordCount":2055,"commentCount":0,"image":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg","articleSection":["Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/","url":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/","name":"Photoshop Basics - Layers Panel - Vargis Khan","isPartOf":{"@id":"https:\/\/vargiskhan.com\/log\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#primaryimage"},"image":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg","datePublished":"2012-07-06T20:51:04+00:00","dateModified":"2016-10-14T01:40:04+00:00","author":{"@id":"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13"},"description":"A tutorial on Layers Panel in Photoshop. A brief overview of what Layers panel is and how to work in it.","breadcrumb":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#primaryimage","url":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg","contentUrl":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-the-layers-panel-15.jpg","width":265,"height":381},{"@type":"BreadcrumbList","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-layers-panel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vargiskhan.com\/log\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics &#8211; Layers Panel"}]},{"@type":"WebSite","@id":"https:\/\/vargiskhan.com\/log\/#website","url":"https:\/\/vargiskhan.com\/log\/","name":"Vargis Khan","description":"My Travel &amp; Photography Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vargiskhan.com\/log\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13","name":"Vargis.Khan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g","caption":"Vargis.Khan"},"description":"Not much to write about me really except for that I love to travel around whenever I can and to wherever I can. This blog is just a small attempt to share my travel experiences with the world. Hope you like it !!!","url":"https:\/\/vargiskhan.com\/log\/author\/vargis-khan\/"}]}},"_links":{"self":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts\/1587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/comments?post=1587"}],"version-history":[{"count":5,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts\/1587\/revisions"}],"predecessor-version":[{"id":1592,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts\/1587\/revisions\/1592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/media\/1563"}],"wp:attachment":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/media?parent=1587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/categories?post=1587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/tags?post=1587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}