{"id":5323,"date":"2010-10-13T21:06:32","date_gmt":"2010-10-13T21:06:32","guid":{"rendered":"http:\/\/photoshopcafe.com\/?p=5323"},"modified":"2024-02-19T15:33:28","modified_gmt":"2024-02-19T23:33:28","slug":"photoshop-layers-101-photoshop-tutorial","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm","title":{"rendered":"Photoshop Layers 101  Photoshop Tutorial"},"content":{"rendered":"<p>Here is a Layers crash course for you. Layers were introduced in Photoshop 3.0. This totally revolutionized Photoshop. For the first time you could do complex compositions easily without having to be a channels guru. I remember before layers, if a client wanted to make changes to a composition, or even change a font you were in big trouble. This article will teach you what layers are and what all the part in the Layers panel do.<\/p>\n<p>There is a lot to layers and they will take some time to master. But they are not that difficult once you understand how they work. In this tutorial I will explain the concept of layers, describe the features and walk you through a simple tutorial. Along the way I will throw in a few cool tips to help you work faster and easier.<\/p>\n<h3>Photoshop Layers Basics<\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/-R1IBVo4hy0?rel=0&amp;showinfo=0\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p><a title=\"Blending photos together Photoshop Tutorial\" href=\"http:\/\/photoshopcafe.com\/tutorials\/blend\/blend.html\">We have tutorials here to get your hands dirty, learn how to composite and collage in Photoshop Layers<\/a><\/p>\n<h2>Part 1. What is a Layer?<\/h2>\n<p>A layer is simply one image stacked on top of another. Imagine I have a piece of paper and I paint it red. Then I take a peice of clear celophaine and paint a yellow circle, and lay it over the paper. Now I take another peice of cellophane and paint some blue type and laythat on top of the yellow circle. I now have a background (red) and 2 layers (yellow and blue.) Just like in the picture below.<\/p>\n<p>A background with 2 layers.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layer-together.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5331\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layer-together.gif\" alt=\"layer-together\" width=\"200\" height=\"174\" \/><\/a><\/p>\n<p>This is how your image with would look on the screen or when printed.<\/p>\n<p>Broken apart so you can see how the layers work<br \/>\nEach layer stacks on top of the previous one.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layer-expanded.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5330\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layer-expanded.gif\" alt=\"layer-expanded\" width=\"200\" height=\"159\" \/><\/a><\/p>\n<p>That is it! The concept of layers is that simple. Photoshop uses the Layers Pallete to allow you to do this with your images. More than one layer is called a composition.<\/p>\n<h2>Layers Panel<\/h2>\n<p>Photoshop&#8217;s layers Panel is a powerful tool that allows you do many special things to your layed compositions. Next we will look at the Photoshop layers pallete.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/window.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5335\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/window.gif\" alt=\"window\" width=\"403\" height=\"486\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/window.gif 403w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/window-248x300.gif 248w\" sizes=\"auto, (max-width: 403px) 100vw, 403px\" \/><\/a><\/p>\n<p>Have you ever wondered what all the parts of a layers panel do? Here is a screen grab of the layers Panel. I&#8217;ll explian what all the parts are here.<\/p>\n<p><strong>Layer Filter:<\/strong> This enables you to hide layers based on different things. Makes it easier to find the layers that you want to work with.<\/p>\n<p><strong>Opacity:<\/strong> 0= transparant 100 = fully opaque. press number keys on keyboard to instantly set to multiples of 10, or adjust the slider for an exact amount of transparency on each layer.<\/p>\n<p><strong>Blend Modes:<\/strong> Change these to change the way that the selected layer blends with the layers underneath it. Great for compositing and special effects. (With the move tool selected, press <em>Shift+ or Shift-<\/em> to cycle through blending modes.<\/p>\n<p><strong>Fill opacity:<\/strong> Adjusts the amount of opacity of the pixels only, but any layer styles are uneffected and remain 100% opaque.<\/p>\n<p><strong>visibility:<\/strong> If the eye is showing that layer is visible. Click on the eye and the layer will still be there but invisible until you click on the eye again.<\/p>\n<p><strong>Locked:<\/strong> The padlock means that something is locked in the layer. (Also click in the 4 icons in the &#8220;lock&#8221; next to fill opacity to make certain things editable of locked). Here are the different things that can be locked\/unlocked.<\/p>\n<p><strong>Lock all:<\/strong> If the box is checked the layer is totally protected from any editing.<br \/>\n<strong>Lock Position:<\/strong> You can make any changes except for moving the image.<br \/>\n<strong>Lock Image pixels:<\/strong> You cannot draw on this layer if checked.<br \/>\n<strong>Lock transparent:<\/strong> You can paint on this layer but not where it is transparent.<br \/>\nUseful tools at the bottom of the panel<\/p>\n<p><strong>Link:<\/strong> Enabled you to link layers. These will all move together unless unlinked.<\/p>\n<p><strong>Layer Effects (Styles):<\/strong> Special effects applied to your image layer. Noted by the little f. Each effect will be listed. multiple effects may be used at once.<\/p>\n<p><strong>Add Layer Mask:<\/strong> This is the button to press to add a layer mask to the currently selected layer. Allows you to paint away parts of your layer without damaging your original image.<\/p>\n<p><strong>Add Adjustment Layer:<\/strong> The best way to apply image adjustments. There can change the color or tone of an image. All layers are affected underneath an adjustment layer (Unless clipped). This is a good option to using Image&gt;Adjustments because adjustment layers are non-destructive and re editable.<\/p>\n<p><strong>Layer Groups:<\/strong> A good organizational tool. This puts layers into a folder. You can choose multiple layers and press Cmd\/Ctrl+G to put them in a group, or create a group by clicking this icon. Layers can be dragged in or out of groups in the Layers panel.<\/p>\n<p><strong>Create New Layer:<\/strong> Press this icon to create a new layer. Drag an existing layer into this icon to create a duplicate of that layer,<\/p>\n<p><strong>Delete Layer:<\/strong> Drag a layer into this icon to remove it. Or select the layer and then press this icon to get the same result.<\/p>\n<p><strong>Panel Options:<\/strong> This will open a drop down menu that provides a number of options, many that aren&#8217;t listed anywhere else.<\/p>\n<h2>Types of Layers<\/h2>\n<p>In Photoshop there are a number of different types of layers. They are usually indicated by icons, here is what they all do.<\/p>\n<p><strong>Thumbnail:<\/strong> A small picture of the layers contents.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/features.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5327\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/features.gif\" alt=\"features\" width=\"435\" height=\"497\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/features.gif 435w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/features-262x300.gif 262w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/a><\/p>\n<p><strong>Layer Group:<\/strong> This puts layers into a folder. Layers can be dragged in or out of groups in the Layers panel.<\/p>\n<p><strong>Type Layer:<\/strong> The same as an image layer, except this layer contains type that can be edited; (Change character, color, font or size)<\/p>\n<p><strong>Adjustment Layer:<\/strong> An adjustment layer is changing the color or tone of all the layers underneath it. To only affect th layer directly underneath it (an ignore the other underlying layers): Move your pointer on the line between the adjustment layer and the layer directly beneath it, hold down Alt\/Option. You will see a symbol appear. Click to limit the adjustment. (clip to layer) do the same thing again to toggle this option off.<\/p>\n<p><strong>Layer Style:<\/strong> An effect has been applied. Click the eye to turn it on or off. Double click &#8220;effects&#8221; to open the Layer Styles options.<\/p>\n<p><strong>Layer Mask:<\/strong> Allows you to paint on the mask to show and reveal portions of the image.<\/p>\n<p><strong>Smart Object:<\/strong> A special type of layer that is actually a container that can hold; multiple (or 1) layers, vectors for illustrator, raw files, video, 3D or many other types of objects. To learn about Smart Objects in depth, check out this video,<\/p>\n<h3>Art Layer: a regular layer<\/h3>\n<p><strong>Background:<\/strong> Always locked, cannot be moved or have layer effects applied to it. The little icon of the padlock on the right, indicates it is locked. Can be changed into a regular layer by simply double clicking on the thumbnail.<\/p>\n<h3>Special Types of Layers<\/h3>\n<p>There are two different types of layers that have appeared in newer version of Photoshop. These used to only be in Photoshop Extended. With Photoshop CC, there is no longer a seperate Extended version, all the features are now inluded with every copy of photoshop.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-03-28-at-3.03.32-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5334\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-03-28-at-3.03.32-PM.png\" alt=\"Screen Shot 2014-03-28 at 3.03.32 PM\" width=\"231\" height=\"226\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-03-28-at-3.03.32-PM.png 231w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-03-28-at-3.03.32-PM-50x50.png 50w\" sizes=\"auto, (max-width: 231px) 100vw, 231px\" \/><\/a><\/p>\n<p><strong>Video Layer:<\/strong> This indicates that there is video on this layer. Photoshop is now able to be used as a video editor, to worki with video, animated slideshows and motion graphics. See Video in Photoshop if you want to learn about video editing in Photoshop.<\/p>\n<p><strong>3D Layer:<\/strong> Photoshop is capable of importing and working with 3D objects. It also has the ability to do 3D printing.<\/p>\n<h2>Layer Tips:<\/h2>\n<p>Here are some useful tips for working with Photoshop Layers:<\/p>\n<p>Click to select a layer<\/p>\n<p>Cmd\/Ctrl+click to select multiple layers<\/p>\n<p>Drag your curser through the eye incons to turn the visibility on or off on multiple layers<\/p>\n<p>Cmd\/Ctrl+ J to copy a layer<\/p>\n<p>Cmd\/Ctrl+ J to copy a selection to a new layer<\/p>\n<p>Cmd\/Ctrl+Shift + J to Move a selection to a new layer<\/p>\n<p>Click the padlock icon on the background to convert it to a regular layer<\/p>\n<p>Press Cmd\/Ctrl+G to Move all the selected layers into a new group<\/p>\n<p>Cmd+Option+Shift+E (Ctrl+Alt+Shift+E windows) to create a new merged layer above all the other layers<\/p>\n<p>Hold Option\/Alt while adding a mask to create an inverted layer mask<\/p>\n<p>You can drag elements from the layers panel into other documents<\/p>\n<p>Hold down Option\/Alt and click the pane between two layers to clip the contents of the top layer into the transparencey of the layer underneath it<\/p>\n<p>Choose the move tool &#8220;V key&#8221; Press Shift + &#8220;+&#8221; to cycle through all the blending modes. Shift + &#8220;-&#8221; to cycle in reverse.<\/p>\n<p>Ill see if I have time to keep adding to this list. If you like this kinds of tips, subscribe to our newsletter for more.<\/p>\n<p>This has shown you the concepts of layers.<br \/>\nAre you ready to begin actually using layers? <a title=\"Blending photos together Photoshop Tutorial\" href=\"http:\/\/photoshopcafe.com\/tutorials\/blend\/blend.html\">Ok Lets go!<\/a><\/p>\n<p>Also, check out our <a href=\"http:\/\/photoshopcafe.com\/complete-guide-layer-blending-modes-photoshop\/\">ultimate guide to layer blending modes in Photoshop<\/a>. All the blend modes explained and practical ideas to use them, tutorials, \u00a0explanations and a video overview.<\/p>\n<p>&nbsp;<\/p>\n<h2><b>Layer Blending Modes. Free eBook by Colin Smith (Yes, really free)<\/b><\/h2>\n<p><a href=\"http:\/\/photoshopcafe.com\/blendmodeebook\">Grab your free PDF ebook right now. We were going to sell this for $9.99, but figured we would give it away instead and see what happens <\/a><\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/blendmodeebook\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14956\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2016\/07\/blending-modes-free-ebook.jpg\" alt=\"blending-modes-free-ebook\" width=\"564\" height=\"554\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2016\/07\/blending-modes-free-ebook.jpg 564w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2016\/07\/blending-modes-free-ebook-300x295.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2016\/07\/blending-modes-free-ebook-50x50.jpg 50w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2016\/07\/blending-modes-free-ebook-100x98.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2016\/07\/blending-modes-free-ebook-70x70.jpg 70w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/video\/products\/Route-CS6-Photoshop-seminar-tour-disk.htm\">Check out the video training that includes Layers, Channels and Masks, Route CS6<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/07\/RouteCS6_tn.jpg\" alt=\"\" width=\"143\" height=\"252\" \/><\/p>\n<h3>Photoshop VAULT<\/h3>\n<p>Access valuable Photoshop extras and goodies for free  and much more a<\/p>\n<p><a href=\"https:\/\/photoshopcafe.com\/vault\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48395 size-full\" src=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg\" alt=\"photoshop add ons,  free photoshop brushes, actions, LUTs, presets, ebooks and skies.\" width=\"550\" height=\"363\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg 550w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-300x198.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-100x66.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-120x80.jpg 120w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><hr \/>\r\n\r\n<strong>PS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.instagram.com\/photoshopcafe\/\">Instagram<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.youtube.com\/photoshopcafe\">Youtube.<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.facebook.com\/photoshopCAFE\">facebook<\/a><\/li>\r\n\t<li><a href=\"https:\/\/twitter.com\/photoshopCAFE\">twitter<\/a><\/li>\r\n<\/ul>\r\n(I've been posting some fun Instagram and Facebook Stories lately)<br \/>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\/\">You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here<\/a>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48395 size-full\" src=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg\" alt=\"photoshop goodies for free\" width=\"550\" height=\"363\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg 550w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-300x198.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-100x66.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-120x80.jpg 120w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Basic layer structure in Photohop and how they work. All the different features in the Layers panel explained. Layers are very important to learn in photoshop. This is an intro to layers as well as some useful tips.<\/p>\n","protected":false},"author":6,"featured_media":5332,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"status","meta":{"_acf_changed":false,"footnotes":""},"categories":[43,220],"tags":[71,270,271,272],"class_list":["post-5323","post","type-post","status-publish","format-status","has-post-thumbnail","hentry","category-photoshop-tutorials","category-photoshop-basics","tag-layers","tag-basics-of-photoshop","tag-layers-panel","tag-types-of-layers","post_format-post-format-status","post_data-article"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adobe Photoshop Layers explained<\/title>\n<meta name=\"description\" content=\"Adobe Photoshop Layers explained This is an intro to layers as well as some useful tips.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photoshop Layers 101 Photoshop Tutorial\" \/>\n<meta property=\"og:description\" content=\"Adobe Photoshop Layers explained This is an intro to layers as well as some useful tips.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm\" \/>\n<meta property=\"og:site_name\" content=\"PhotoshopCAFE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoshopCAFE\" \/>\n<meta property=\"article:published_time\" content=\"2010-10-13T21:06:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-19T23:33:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Colin Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:site\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#article\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm\"},\"author\":{\"name\":\"Colin Smith\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\"},\"headline\":\"Photoshop Layers 101 Photoshop Tutorial\",\"datePublished\":\"2010-10-13T21:06:32+00:00\",\"dateModified\":\"2024-02-19T23:33:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm\"},\"wordCount\":1590,\"commentCount\":36,\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg\",\"keywords\":[\"Layers\",\"basics of Photoshop\",\"Layers Panel\",\"Types of Layers\"],\"articleSection\":[\"Tutorials\",\"Photoshop Basics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm\",\"url\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm\",\"name\":\"Adobe Photoshop Layers explained\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg\",\"datePublished\":\"2010-10-13T21:06:32+00:00\",\"dateModified\":\"2024-02-19T23:33:28+00:00\",\"description\":\"Adobe Photoshop Layers explained This is an intro to layers as well as some useful tips.\",\"breadcrumb\":{\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage\",\"url\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg\",\"contentUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/photoshopcafe.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Layers 101 Photoshop Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/photoshopcafe.com\/#website\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"name\":\"PhotoshopCAFE\",\"description\":\"Adobe Photoshop tutorials and Lightroom tutorials\",\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/photoshopcafe.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/photoshopcafe.com\/#organization\",\"name\":\"PhotoshopCAFE\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"contentUrl\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"width\":512,\"height\":512,\"caption\":\"PhotoshopCAFE\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/photoshopCAFE\",\"https:\/\/x.com\/photoshopCAFE\",\"https:\/\/www.instagram.com\/photoshopcafe\/\",\"https:\/\/www.linkedin.com\/in\/photoshopcafe\/\",\"https:\/\/www.youtube.com\/photoshopcafe\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\",\"name\":\"Colin Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"caption\":\"Colin Smith\"},\"description\":\"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe\",\"url\":\"https:\/\/photoshopcafe.com\/author\/colin-smith\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Adobe Photoshop Layers explained","description":"Adobe Photoshop Layers explained This is an intro to layers as well as some useful tips.","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:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm","og_locale":"en_US","og_type":"article","og_title":"Photoshop Layers 101 Photoshop Tutorial","og_description":"Adobe Photoshop Layers explained This is an intro to layers as well as some useful tips.","og_url":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm","og_site_name":"PhotoshopCAFE","article_publisher":"https:\/\/www.facebook.com\/photoshopCAFE","article_published_time":"2010-10-13T21:06:32+00:00","article_modified_time":"2024-02-19T23:33:28+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg","type":"image\/jpeg"}],"author":"Colin Smith","twitter_card":"summary_large_image","twitter_creator":"@photoshopCAFE","twitter_site":"@photoshopCAFE","twitter_misc":{"Written by":"Colin Smith","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#article","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm"},"author":{"name":"Colin Smith","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1"},"headline":"Photoshop Layers 101 Photoshop Tutorial","datePublished":"2010-10-13T21:06:32+00:00","dateModified":"2024-02-19T23:33:28+00:00","mainEntityOfPage":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm"},"wordCount":1590,"commentCount":36,"publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"image":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg","keywords":["Layers","basics of Photoshop","Layers Panel","Types of Layers"],"articleSection":["Tutorials","Photoshop Basics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#respond"]}]},{"@type":"WebPage","@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm","url":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm","name":"Adobe Photoshop Layers explained","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage"},"image":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg","datePublished":"2010-10-13T21:06:32+00:00","dateModified":"2024-02-19T23:33:28+00:00","description":"Adobe Photoshop Layers explained This is an intro to layers as well as some useful tips.","breadcrumb":{"@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#primaryimage","url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg","contentUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/10\/layers-intro.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/photoshopcafe.com\/tutorials\/layers\/intro.htm#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/photoshopcafe.com\/"},{"@type":"ListItem","position":2,"name":"Photoshop Layers 101 Photoshop Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/photoshopcafe.com\/#website","url":"https:\/\/photoshopcafe.com\/","name":"PhotoshopCAFE","description":"Adobe Photoshop tutorials and Lightroom tutorials","publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/photoshopcafe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/photoshopcafe.com\/#organization","name":"PhotoshopCAFE","url":"https:\/\/photoshopcafe.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/","url":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","contentUrl":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","width":512,"height":512,"caption":"PhotoshopCAFE"},"image":{"@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/photoshopCAFE","https:\/\/x.com\/photoshopCAFE","https:\/\/www.instagram.com\/photoshopcafe\/","https:\/\/www.linkedin.com\/in\/photoshopcafe\/","https:\/\/www.youtube.com\/photoshopcafe"]},{"@type":"Person","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1","name":"Colin Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","caption":"Colin Smith"},"description":"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe","url":"https:\/\/photoshopcafe.com\/author\/colin-smith\/"}]}},"_links":{"self":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/5323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/comments?post=5323"}],"version-history":[{"count":11,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/5323\/revisions"}],"predecessor-version":[{"id":58902,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/5323\/revisions\/58902"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media\/5332"}],"wp:attachment":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media?parent=5323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/categories?post=5323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/tags?post=5323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}