{"id":19014,"date":"2017-08-05T12:04:44","date_gmt":"2017-08-05T16:04:44","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=19014"},"modified":"2022-12-14T13:20:19","modified_gmt":"2022-12-14T18:20:19","slug":"managing-panels-photoshop-cc","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/","title":{"rendered":"Managing Panels In Photoshop"},"content":{"rendered":"<section class=\"summary-novideo\">\n<p>Learn how to work with panels in Photoshop. You'll learn how to show and hide panels, change panel layouts, how to restore the default layout, and more! Part of our Photoshop Interface series.<\/p>\n<\/section>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, we'll learn how to manage and organize  the <strong>panels<\/strong> that make up such a large part of Photoshop's interface. Much of what we do in Photoshop is done using panels. There are different panels for different tasks. The <strong>Layers <\/strong>panel, for example, is where we work with layers in our document. To add an adjustment layer, we use the <strong>Adjustments <\/strong>panel, and we set options for adjustment layers using the <strong>Properties<\/strong> panel. We can choose colors from the <strong>Color<\/strong> or <strong>Swatches<\/strong> panels, or change the size and behavior of a brush using the <strong>Brush<\/strong> panel. We can even go back in time to a previous step in our workflow using Photoshop's <strong>History<\/strong> panel. And so much more! There's even a brand new panel in Photoshop CC, the <strong>Libraries<\/strong> panel, to help us manage our images and other design elements.<\/p>\n<p>If you're new to Photoshop, all of these panels can seem overwhelming. In this tutorial, I'll show you how easy it is to work with Photoshop's panels, and how to manage and organize them on your screen. This version of the tutorial has been updated for <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Learn more about Adobe Creative Cloud\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a>. Photoshop CS6 users will want to follow along with our <a href=\"\/basics\/managing-panels-in-photoshop-cs6\/\" title=\"Learn how to work with panels in Photoshop CS6\">Managing Panels in Photoshop CS6<\/a> tutorial.<\/p>\n<p>This is lesson 5 of 10 in our <a href=\"\/basics\/learning-the-photoshop-interface\/\" title=\"Complete Guide to Learning the Photoshop Interface\">Learning the Photoshop Interface<\/a> series.<\/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<\/section>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">The Default &quot;Essentials&quot; Workspace<\/h2>\n<p>Before we begin, let's first make sure that the panels I'm seeing on my screen are the same as what you're seeing on your screen. To do that, we'll quickly reset Photoshop's default <strong>workspace<\/strong>. A workspace determines which of Photoshop's panels are displayed on your screen, and how those panels are arranged. Photoshop includes several built-in workspaces that we can choose from, and we can even save our own. <\/p>\n<p>Photoshop's default workspace is known as the <strong>Essentials<\/strong> workspace. If you're new to Photoshop, you'll want to stick with the Essentials workspace for now. The Essentials workspace is a general-purpose workspace, suitable for many different tasks. It's also the workspace we use in our tutorials. Before we look at Photoshop's panels, let's make sure we're both using the Essentials workspace. And, we'll make sure that the workspace itself is set to its default layout.<\/p>\n<h3>Choosing The Essentials Workspace<\/h3>\n<p>First, we'll choose the Essentials workspace. If you look in the upper right corner of the Photoshop CC interface, you'll find two icons. The magnifying glass icon on the left is for opening Photoshop's new <strong>Search Bar<\/strong>. I covered the Search Bar in the <a href=\"\/basics\/getting-know-photoshop-interface\/\" title=\"Learn more about the Search Bar in Photoshop CC\">Getting To Know The Photoshop Interface<\/a> tutorial so we won't look at it here. Instead, we want the rectangular icon directly beside it. This is Photoshop's <strong>workspace selection<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-workspace-selector-icon.png\" alt=\"The Workspace selection icon in Photoshop CC. \" width=\"254\" height=\"170\" \/>\n<div class=\"image-desc\">Clicking the workspace selection icon.<\/div>\n<p>To see which of Photoshop's workspaces is currently active, or to choose a different workspace, click on the icon. At the top of the menu that appears is a list of workspaces you can choose from. The currently-active workspace has a checkmark beside its name. By default, Essentials should be active. If it isn't, click on it at the top of the list to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-choose-essentials-workspace.png\" alt=\"The workspace selection menu in Photoshop.\" width=\"163\" height=\"211\" \/>\n<div class=\"image-desc\">The workspace selection menu. Essentials should be selected at the top.<\/div>\n<h3>Resetting The Essentials Workspace<\/h3>\n<p>With the Essentials workspace selected, let's make sure the panels are all set to their default layout. We do that by resetting the workspace. To reset the Essentials workspace, choose <strong>Reset Essentials<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-reset-essentials-workspace.png\" alt=\"Choosing the Reset Essentials option in Photoshop CC.\" width=\"163\" height=\"211\" \/>\n<div class=\"image-desc\">Resetting the Essentials workspace.<\/div>\n<h2 class=\"sub\">Working With Photoshop's Panels<\/h2>\n<h3>The Panel Area<\/h3>\n<p>With the Essentials workspace selected and reset, let's look at Photoshop panels. The panels are displayed in columns in the <strong>panel area<\/strong> along the right of the interface. In Photoshop CC, there are three panel columns by default. The new Libraries panel gets its own column on the far right. The main panel column, where we find panels we use the most, is in the middle. And on the left is a narrow, secondary column of panels. I've darkened the rest of the interface in the screenshot to highlight the panel area on the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-cc-panel-area.png\" alt=\"The panel area along the right of the Photoshop CC interface.\" width=\"700\" height=\"399\" \/>\n<div class=\"image-desc\">Photoshop's panel area.<\/div>\n<h3>The Main Panel Column<\/h3>\n<p>The panels we generally used the most in Photoshop are found in the main column in the middle. By default, Photoshop opens three panels for us. At the top of the main column is the <strong>Color<\/strong> panel. Below the Color panel is the <strong>Properties<\/strong> panel. And at the bottom, we have the <strong>Layers<\/strong> panel. How do we know that we're looking specifically at the Color, Properties and Layers panels? We know because each panel has its name displayed in a <strong>tab<\/strong> at the top of the panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-main-panel-column.png\" alt=\"The Color, Properties and Layers panels in Photoshop C. \" width=\"254\" height=\"600\" \/>\n<div class=\"image-desc\">Photoshop displays the Color, Properties and Layers panels by default.<\/div>\n<h3>Panel Groups<\/h3>\n<p>Notice that, along with the Color, Properties and Layers panels, there are other panels in the column as well. For example, the Color panel at the top has a <strong>Swatches<\/strong> tab to the right of it. The Properties panel has an <strong>Adjustments<\/strong> tab beside it. And to the right of the Layers panel at the bottom are <em>two<\/em> other tabs, <strong>Channels<\/strong> and <strong>Paths<\/strong>. With so many panels to work with in Photoshop, Adobe needed a way to prevent them from cluttering up the screen. The solution was to group related panels together into <strong>panel groups<\/strong>. A panel group can contain two or more individual panels. This allows multiple panels to fit within the space of a single panel. <\/p>\n<p>How do panel groups work? Let's look at the Color panel. We know it's the Color panel because it says &quot;Color&quot; in the tab at the top. Yet beside the &quot;Color&quot; tab is another tab that says &quot;Swatches&quot;. This other tab is for another panel that's grouped in with the Color panel. Photoshop can only display one panel in a group at a time. So while one panel is open, the other panel(s) in the group remain hidden behind it. The panel that's currently open in the group is known as the <strong>active panel<\/strong>. We can tell which panel in the group is active because the name of the active panel appears brighter than the others. <\/p>\n<h4>Switching Between Panels In A Group<\/h4>\n<p>To switch between panels in a group, click on the tabs<strong><\/strong>. For example, on the left, we see that the Color panel is open, with the Swatches panel hiding in the background. On the right, I've clicked on the Swatches tab. This opens the Swatches panel and sends the Color panel into the background. To switch back to the Color panel, all I would need to do is click on the Color panel's tab:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-color-panel.png\" alt=\"Switching between the Color panel and Swatches panel in Photoshop CC.\" width=\"634\" height=\"232\" \/>\n<div class=\"image-desc\">Switching between the Color and Swatches panels by clicking the tabs.<\/div>\n<p>I'll do the same thing with the Properties panel which is currently active in a separate group. I can see from the tabs that the Adjustments panel is nested in beside it. To switch to the Adjustments panel, I'll click on its tab. This makes the Adjustments panel active and hides the Properties panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-properties-adjustments-panels.png\" alt=\"Switching between panels in the panel group in Photoshop.\" width=\"628\" height=\"275\" \/>\n<div class=\"image-desc\">Clicking the tabs to switch between the Properties (left) and Adjustments (right) panels in the group.<\/div>\n<h3>Changing The Order Of Panels In A Group<\/h3>\n<p>Let's learn how to change the order of panels in a group. Notice that the Properties panel is listed first in the group while the Adjustments panel appears second. That's the default layout, but we can easily change it. To rearrange the panels in a group, click on a panel's tab. Then, with your mouse button still held down, drag the tab left or right. Release your mouse button to drop the panel into place.<\/p>\n<p>Here, I've clicked on the Properties tab to select it, and without lifting my mouse button, I'm dragging the panel towards the right. I'll drag it to the other side of the Adjustments tab:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-reorder-properties-adjustments-panels.png\" alt=\"Dragging a tab to change the order of panels in the group.\" width=\"295\" height=\"256\" \/>\n<div class=\"image-desc\">To change the panel order, click and drag the tabs left or right.<\/div>\n<p>Once you've dragged the tab to where you want it, release your mouse button. Photoshop drops the tab into its new position within the group. Here, my Adjustments panel is now listed first in the group, with the Properties panel second:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/panel-order-changed.png\" alt=\"The tab order has been changed in the panel group.\" width=\"295\" height=\"256\" \/>\n<div class=\"image-desc\">The order of the tabs has been changed.<\/div>\n<h3>Moving Panels Between Groups<\/h3>\n<p>Next, let's learn how to move panels between groups. What if, instead of simply changing the order of the panels <em>within<\/em> a group, I want to move a panel to a <em>different<\/em> group? Let's say, for example, that I want to move the Adjustments panel into the same group that holds the Color and Swatches panels. To move a panel from one group to another, click on the panel's tab. Then, with your mouse button held down, drag the tab into the new group. A <strong>blue highlight box<\/strong> will appear around the group. The blue box tells you where Photoshop will drop the panel when you release your mouse button. Here, I'm dragging my Adjustments panel up into the Color and Swatches panel group:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-moving-panels-between-groups.png\" alt=\"Dragging a panel from one group into another in Photoshop.\" width=\"296\" height=\"370\" \/>\n<div class=\"image-desc\">A blue highlight box appears around the group I want to move the panel into.<\/div>\n<p>I'll release my mouse button, at which point Photoshop drops the Adjustments panel into the same group as the Color and Swatches panel. Notice that the Properties panel is now all by itself in its own group:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-panels-moved-between-groups.png\" alt=\"The Adjustments panel has been moved into a different group.\" width=\"295\" height=\"417\" \/>\n<div class=\"image-desc\">Panels can be easily moved from one group to another.<\/div>\n<h3>Creating New Panel Groups<\/h3>\n<p>Along with moving panels from one group to another, we can also create new panel groups in Photoshop. As we just saw, by moving my Adjustments panel into a different group, I left my Properties panel sitting all by itself in its own group. But we can actually make a new group from any panel. To create a new panel group, click and hold on a panel's tab in an existing group. Then, drag the panel out of the group and drop it into a new location outside of any other group.<\/p>\n<p>Let's say I want to isolate my Color panel and place it in its own group. And, I want the new group to appear directly above the Properties panel. To do that, I'll click on the Color panel's tab. Then, with my mouse button still held down, I'll begin dragging the tab down towards the Properties panel until a <strong>blue highlight bar<\/strong> appears between the two existing panels. It's important to note that this time, we're looking for a highlight <em>bar<\/em>, not a border:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-create-new-panel-group.png\" alt=\"Creating a new panel group in Photoshop.\" width=\"317\" height=\"406\" \/>\n<div class=\"image-desc\">Dragging the Color panel between two panel groups.<\/div>\n<p>When the highlight bar appears, I'll release my mouse button. Photoshop drops the Color panel into its own group between the two other groups:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-new-panel-group-created.png\" alt=\"The new panel group has been created.\" width=\"292\" height=\"499\" \/>\n<div class=\"image-desc\">A new group has been created for the Color panel.<\/div>\n<h3>Collapsing And Expanding Panel Groups<\/h3>\n<p>Next, let's learn how to maximize space in the panel area by collapsing and expanding panel groups. We can temporarily <strong>collapse<\/strong> a panel group so that only the tabs along the top of the group are displayed. This frees up more space for panels in other groups. To collapse a panel group, <strong>double-click<\/strong> on any tab in the group. This will collapse all panels in the group regardless of which tab you clicked on. Here, I've double-clicked on the Swatches tab. This collapses both the Swatches panel itself and the Adjustments panel beside it so that only their tabs are visible. Notice that the Color panel below them has grown taller to fill up the extra space:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-colapse-panel-group.png\" alt=\"Collapsing a panel group in Photoshop CC.\" width=\"312\" height=\"365\" \/>\n<div class=\"image-desc\">To collapse all panels in a group, double-click on any of the tabs.<\/div>\n<p>To <strong>expand<\/strong> a group that you've collapsed to make the panels visible, click <strong>once<\/strong> on any tab in the group. Here, I've clicked once on the Swatches panel, and now the panel is once again visible. The Color panel below the group has reverted back to its original, smaller size. So, just to quickly summarize, double-click on a tab to collapse the panel group. Single-click on a tab to expand it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-reopen-panel-group.png\" alt=\"Expanding a panel group that was collapsed.\" width=\"311\" height=\"364\" \/>\n<div class=\"image-desc\">To expand a collapsed panel group, single-click on a tab.<\/div>\n<h3>Closing A Single Panel<\/h3>\n<p>Along with collapsing and expanding panels in Photoshop, we can also close panels that we're not using. To close a <strong>single panel<\/strong> in a group, first click on the panel's tab to select it. Then click on the <strong>menu icon<\/strong> in the top right corner of the panel and choose <strong>Close<\/strong> from the menu. I'll click on my Swatches panel to make it active. Then, I'll click on the menu icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-select-and-close-panel.png\" alt=\"Selecting and closing a panel in Photoshop.\" width=\"313\" height=\"233\" \/>\n<div class=\"image-desc\">To close a panel, click on its tab, then click the menu icon.<\/div>\n<p>To close the panel, I'll choose <strong>Close<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-close-panel.png\" alt=\"Selecting the Close command from the Color panel menu. \" width=\"302\" height=\"139\" \/>\n<div class=\"image-desc\">Selecting the Close command from the Color panel menu.<\/div>\n<p>This closes that one specific panel without closing any other panels in the group. In this case, my Adjustments panel remains open even though I've closed the Swatches panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-adjustments-panel-open.png\" alt=\"Closing a single panel in a group in Photoshop.\" width=\"295\" height=\"169\" \/>\n<div class=\"image-desc\">The Adjustments panel is still open after closing the Swatches panel.<\/div>\n<h3>Closing A Panel Group<\/h3>\n<p>To close an entire <strong>panel group<\/strong>, rather than just a single panel within the group, click on the same <strong>menu icon<\/strong> in the top right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-select-and-close-panel.png\" alt=\"Closing a panel group in Photoshop by clicking the menu icon.\" width=\"313\" height=\"233\" \/>\n<div class=\"image-desc\">To close a panel group, click the menu icon.<\/div>\n<p>Then, choose <strong>Close Tab Group<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-close-tab-group.png\" alt=\"Selecting the Close Tab Group command in Photoshop CS6. \" width=\"302\" height=\"142\" \/>\n<div class=\"image-desc\">Selecting the Close Tab Group command.<\/div>\n<p>And now the entire group (the Swatches panel and the Adjustments panel) has disappeared. My color panel, which was below the group a moment ago, has once again grown taller to fill up the space:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-panel-group-closed.jpg\" alt=\"After closing the top panel group, the group below it expands into the extra space.\" width=\"295\" height=\"544\" \/>\n<div class=\"image-desc\">Closing the top panel group created more room for the group below it.<\/div>\n<h3>Closing A Panel Or Group From The Tab<\/h3>\n<p>Another way to close a panel or panel group in Photoshop is to <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) directly on a panel's <strong>tab<\/strong>. To close just the panel itself, choose <strong>Close<\/strong> from the menu. To close the entire panel group, choose <strong>Close Tab Group<\/strong>. Here, I've right-clicked (Win) \/ Control-clicked (Mac) on the <strong>Libraries<\/strong> tab. In this case, since the Libraries panel is the only panel in the group, choosing either Close or Close Tab Group would result in the entire group being closed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-close-libraries-tab.png\" alt=\"Closing the Libraries panel in Photoshop.\" width=\"250\" height=\"221\" \/>\n<div class=\"image-desc\">Closing the Libraries panel from the tab itself.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Opening Panels From The Window Menu<\/h3>\n<p>All of Photoshop's panels can be accessed from the <strong>Window<\/strong> menu in the Menu Bar along the top of the screen. To re-open a panel after you've closed it, or to open any of Photoshop's other panels, click on the <strong>Window<\/strong> menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-window-menu.png\" alt=\"Opening the Window menu in the Photoshop CC Menu Bar.\" width=\"383\" height=\"137\" \/>\n<div class=\"image-desc\">Clicking on the Window menu in the Menu Bar.<\/div>\n<p>This opens a menu with, among other things, a complete list of every panel available to us in Photoshop. A <strong>checkmark<\/strong> beside a panel's name means that the panel is currently open and active on the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-panels-list.png\" alt=\"Each of Photoshop's panels can be opened and closed from the Window menu.\" width=\"483\" height=\"297\" \/>\n<div class=\"image-desc\">The Window menu listing each of Photoshop's 29 panels.<\/div>\n<p>To open a panel that is not already open (no checkmark beside it), click on its name in the list. I'll re-open my Adjustments panel by selecting it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-open-adjustments-panel.png\" alt=\"Selecting the Color panel from the Window menu. \" width=\"232\" height=\"147\" \/>\n<div class=\"image-desc\">Selecting the Color panel from the Window menu.<\/div>\n<h3>Photoshop's Sticky Panels<\/h3>\n<p>The Adjustments panel reappears at the top of the main panel column, exactly where it was before I closed it. And notice that my Swatches panel has also reappeared beside it in the same group, even though I didn't choose the Swatches panel from the list. That's because Photoshop remembers our panel layout. In this case, it remembered that my Adjustments and Swatches panels were grouped together. And it remembered that their panel group was sitting above my Color panel. Photoshop's interface elements, including panels and groups, are <em>sticky<\/em>. They remain in the same place unless, or until, we move them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-sticky-panels.jpg\" alt=\"Re-opening one panel in a group also re-opens the other panels.\" width=\"295\" height=\"420\" \/>\n<div class=\"image-desc\">Re-opening a panel also re-opens other panels that were grouped with it.<\/div>\n<h3>Open vs Active Panels<\/h3>\n<p>We've learned that the checkmark beside a panel's name under the Window menu means that the panel is currently open. But the checkmark also means that the panel is currently the <strong>active panel<\/strong> in the group. Other panels in the group may be open as well. But only the active panel in the group will have the checkmark.<\/p>\n<p>For example, let's look at the <strong>Layers<\/strong> panel. The Layers panel has two other panels, <strong>Channels<\/strong> and <strong>Paths<\/strong>, grouped in with it. But the Layers panel is currently the active panel in the group:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-layers-panel-group.png\" alt=\"The Layers panel is the active panel in the group.\" width=\"276\" height=\"280\" \/>\n<div class=\"image-desc\">The Layers, Channels and Paths group. The Layers panel is active.<\/div>\n<p>If we look at my list of panels under the Window menu, we see that sure enough, the Layers panel has a checkmark beside its name. Yet even though the Channels and Paths panels are also open on the screen, neither one of them has a checkmark:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-window-menu-active-panel.png\" alt=\"A checkmark appears beside the Layers panel under the Window menu. \" width=\"247\" height=\"429\" \/>\n<div class=\"image-desc\">Only the Layers panel (the active panel in the group) gets the checkmark.<\/div>\n<p>I'll click on the Channels tab to make it the active panel in the group. This sends the Layers panel to the background with the Paths panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/select-photoshop-channels-panel.png\" alt=\"Making the Channels panel the active panel in the group. \" width=\"277\" height=\"285\" \/>\n<div class=\"image-desc\">Switching to the Channels panel.<\/div>\n<p>And now if we look again at my list of panels under the Window menu, we see that the Channels panel gets the checkmark. The Layers panel is still open, but because it's no longer the active panel in the group, it no longer gets a checkmark. And of course, neither does the Paths panel. You can see how this can potentially get confusing. The checkmark means a panel is <strong>open and active<\/strong>. No checkmark means the panel may be closed (appearing nowhere on the screen) or it may just be nested in behind a different active panel in its group:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-channels-panel-active.png\" alt=\"The Channels panel now has a checkmark beside it under the Window menu. \" width=\"244\" height=\"412\" \/>\n<div class=\"image-desc\">The checkmark has moved from the Layers panel to the newly-active Channels panel.<\/div>\n<h3>The Secondary Panel Column<\/h3>\n<p>So far, we've been focusing our attention on the main panel column. But there's also a <strong>secondary column<\/strong> to its left. This second column can seem a little confusing at first because by default, the panels in this column appear only as <strong>icons<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-secondary-panels.png\" alt=\"The second panel column in Photoshop CS6. \" width=\"352\" height=\"343\" \/>\n<div class=\"image-desc\">A second panel column appears to the left of the main column.<\/div>\n<p>In Photoshop CC, the two panels that initially appear in this second column are the <strong>History<\/strong> panel on top and the <strong>Device Preview<\/strong> panel below it. This may leave you asking, \"How the heck are we supposed to know which panels they are just by looking at these weird icons?\" Well, one way is that if you happen to have <strong>Show Tool Tips<\/strong> enabled in Photoshop's Preferences (it's on by default), the names of the panels will appear when you hover your mouse cursor over each icon.<\/p>\n<p>A better way, though, is that if you hover your mouse cursor over the left edge of the column, your cursor will turn into a double-headed direction arrow. Click on the column's edge and, with your mouse button held down, drag it out towards the left to resize the column. As you drag, you'll see the actual names of the panels appearing beside the icons, which is much more helpful. Release your mouse button once you've added enough space for the names to fit:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-expand-secondary-panel-column.png\" alt=\"Resizing the secondary panel column to display the panel names.\" width=\"299\" height=\"197\" \/>\n<div class=\"image-desc\">Resizing the width of the second column to display the panel names along with the icons.<\/div>\n<h3>Expanding And Collapsing Secondary Panels<\/h3>\n<p>A good use for this secondary column is to hold panels we use but don't need to have open all the time. The <strong>icon view<\/strong> mode keeps these panels available without them taking up valuable screen space. To <strong>expand<\/strong> a panel to full size, click either on its icon or its name. Here, I'm expanding the History panel by clicking on it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-expand-secondary-panel.png\" alt=\"Expanding the History panel. \" width=\"385\" height=\"219\" \/>\n<div class=\"image-desc\">Clicking on the History panel's name \/ icon to expand it to full size.<\/div>\n<p>To <strong>collapse<\/strong> the panel back to its icon view mode, either click again on its icon or name, or click the small <strong>double arrow <\/strong>icon in the upper right of the panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-collapse-secondary-panel.png\" alt=\"Clicking the double arrow icon to collapse the panel. \" width=\"387\" height=\"230\" \/>\n<div class=\"image-desc\">Clicking the double arrow icon to collapse the panel.<\/div>\n<h3>Collapsing And Expanding The Secondary Panel Column<\/h3>\n<p>To expand all the panels in the second column at once, click the <strong>double arrow <\/strong>icon in the top right corner of the second panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-expand-secondary-column.png\" alt=\"Clicking the icon to expand the second panel column. \" width=\"219\" height=\"190\" \/>\n<div class=\"image-desc\">Clicking the double arrow icon to expand the entire second panel.<\/div>\n<p>To collapse all the panels in the second column at once, click again on the same icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-collapse-secondary-column.png\" alt=\"Clicking the icon to collapse the second panel column. \" width=\"383\" height=\"266\" \/>\n<div class=\"image-desc\">Clicking the same double arrow icon to collapse the second panel.<\/div>\n<h3>Collapsing And Expanding The Main Panel Column<\/h3>\n<p>To free up even more space on the screen, you can also collapse the main panel column. To collapse the main column, click the <strong>double-arrow<\/strong> icon in the upper right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-collapse-main-panel-column.png\" alt=\"Collapsing the main column of panels in Photoshop CS6. \" width=\"350\" height=\"221\" \/>\n<div class=\"image-desc\">Collapsing the main panel column.<\/div>\n<p>This will initially collapse the panels so that only their name and icon are visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-panels-name-icons.png\" alt=\"The icons and names appear for the panels in the main column. \" width=\"174\" height=\"270\" \/>\n<div class=\"image-desc\">The main column after initially collapsing the panels.<\/div>\n<p>To collapse the main panels into just their icons, hover your mouse cursor on the <strong>dividing line<\/strong> between the main and second columns. When your cursor changes into a double-headed direction arrow, click on the dividing line and drag it towards the right until only the icons are visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-panel-icons.png\" alt=\"The main panel column has been collapsed to icon view mode. \" width=\"201\" height=\"270\" \/>\n<div class=\"image-desc\">Both columns of panels now appear in icon view mode.<\/div>\n<p>To instantly expand the main column back to full size, click again on the <strong>double arrow icon<\/strong> in the top right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-expand-main-panels.png\" alt=\"Clicking the double arrow to expand the main panel column. \" width=\"104\" height=\"195\" \/>\n<div class=\"image-desc\">Clicking the double arrow to expand the main column to full size.<\/div>\n<p>And now we're back to the column's default view mode, which is how I usually leave it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-main-panels-expanded.jpg\" alt=\"The main panel column expanded to full size. \" width=\"334\" height=\"390\" \/>\n<div class=\"image-desc\">The main column is now back to full size.<\/div>\n<h3>Moving Panel Groups Between Columns<\/h3>\n<p>We can move panels in Photoshop from one column to another just as easily as we can move them between groups. To move a panel between columns, click and hold on the panel's tab and drag the panel into the other column. The blue highlight box or bar tells you where the panel will be dropped when you release your mouse button.<\/p>\n<p>Let's say I want to move my Properties panel from the main column into the secondary column. And, I want it to appear in its own, independent group in the second column. To do that, I'll click and hold on the Properties tab. Then I'll drag it over to the second column so that the blue bar appears directly below the Device Preview panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-move-properties-panel.jpg\" alt=\"Moving a panel from one column to another in Photoshop.\" width=\"418\" height=\"415\" \/>\n<div class=\"image-desc\">Dragging the Properties panel from the main column to the secondary column.<\/div>\n<p>I'll release my mouse button, and now my Properties panel appears in its own group below Device Preview:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-properties-panel-moved.png\" alt=\"The Properties panel has been moved to the second panel column.\" width=\"149\" height=\"210\" \/>\n<div class=\"image-desc\">The Properties panel is now in the secondary column.<\/div>\n<p>Next, I want to move my Adjustments panel into the same group as my Properties panel. I'll click and hold on the Adjustments tab in the main column. Then I'll drag it into the second column and over top of the Properties panel's tab so that the blue highlight box appears around the tab itself:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-drag-adjustments-panel.jpg\" alt=\"Moving the Adjustments panel into the second column with the Properties panel.\" width=\"417\" height=\"284\" \/>\n<div class=\"image-desc\">Grouping the Adjustments panel in with the Properties panel in the second column.<\/div>\n<p>I'll release my mouse button, and now both panels share the same group in the second column:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-properties-adjustments-panel.png\" alt=\"The Properties and Adjustment panels have been moved into the second column.\" width=\"147\" height=\"223\" \/>\n<div class=\"image-desc\">Both panels have been moved from one column to the other.<\/div>\n<h3>Moving Panel Groups Between Columns<\/h3>\n<p>We can also move an entire panel group between columns. To select a panel group in the main column, click and hold on an empty spot beside the tabs along the top. In the secondary column, click and hold on the bar at the top of the group. Then, drag the group from one column to the other.<\/p>\n<p>Let's say I want to move my Properties and Adjustments group back into the main column. To grab the entire group at once, I'll click and hold on the small <strong>bar<\/strong> at the top of the group:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-select-panel-group.png\" alt=\"Clicking the bar to select the panel group.\" width=\"289\" height=\"361\" \/>\n<div class=\"image-desc\">Clicking the bar to select the panel group.<\/div>\n<p>Then, I'll drag the group into the main column so that the blue bar appears between the Swatches and Color panels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-drag-panel-group.jpg\" alt=\"Clicking the bar to select the panel group.\" width=\"417\" height=\"307\" \/>\n<div class=\"image-desc\">Clicking the bar to select the panel group.<\/div>\n<p>When I release my mouse button, Photoshop drops the group between those two panels. And now, both panels are back in the main column:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-panel-group-moved.png\" alt=\"The panel group has been moved into the main column.\" width=\"277\" height=\"539\" \/>\n<div class=\"image-desc\">The entire panel group has been moved at once.<\/div>\n<h3>How To Reset The Panels Back To Default Layout<\/h3>\n<p>Now that we know how to move panels around inside Photoshop, let's reset them back to the default layout. To reset Photoshop's panels, click the <strong>workspace selection<\/strong> icon just above the panel area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-select-workspace.png\" alt=\"The workspace selection icon in Photoshop.\" width=\"278\" height=\"136\" \/>\n<div class=\"image-desc\">Clicking the workspace selection icon.<\/div>\n<p>Then choose <strong>Reset Essentials<\/strong> from the menu. This resets the Essentials workspace and sends your panels back to the default layout:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2017\/interface\/panels\/photoshop-reset-essentials-workspace.png\" alt=\"Resetting the Essentials workspace in Photoshop.\" width=\"163\" height=\"211\" \/>\n<div class=\"image-desc\">Choosing &quot;Reset Essentials&quot;.<\/div>\n<\/section>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<aside>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! That's how to manage and organize your panels in Photoshop! In the next lesson, we'll learn how to work with <a href=\"\/basics\/tabbed-and-floating-documents-in-photoshop\/\"title=\"View tutorial\">tabbed and floating document windows<\/a> in Photoshop!<\/p>\n<p>You can jump to any of the other lessons in this <a href=\"\/basics\/learning-the-photoshop-interface\/\" title=\"View chapter\">Learning the Photoshop Interface<\/a> chapter. Or visit our <a href=\"\/basics\/\" title=\"Learn more\">Photoshop Basics<\/a> section for more topics!<\/p>\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>Learn how to work with panels in Photoshop. You&#8217;ll learn how to show and hide panels, change panel layouts, how to restore the default layout, and more! Part of our Photoshop Interface series.<\/p>\n","protected":false},"author":1,"featured_media":19501,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-19014","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"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>Managing Panels In Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to manage and organize your panels in Photoshop. You&#039;ll learn how to show and hide panels, change panel layouts, reset your workspace, and more!\" \/>\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\/managing-panels-photoshop-cc\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Managing Panels In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to manage and organize your panels in Photoshop. You&#039;ll learn how to show and hide panels, change panel layouts, reset your workspace, and more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/\" \/>\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=\"2017-08-05T16:04:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-14T18:20:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/08\/managing-panels-photoshop-cc-tutorial.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"952\" \/>\n\t<meta property=\"og:image:height\" content=\"498\" \/>\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=\"29 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\\\/managing-panels-photoshop-cc\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Managing Panels In Photoshop\",\"datePublished\":\"2017-08-05T16:04:44+00:00\",\"dateModified\":\"2022-12-14T18:20:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/\"},\"wordCount\":4146,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/managing-panels-photoshop-cc-tutorial.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/\",\"name\":\"Managing Panels In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/managing-panels-photoshop-cc-tutorial.jpg\",\"datePublished\":\"2017-08-05T16:04:44+00:00\",\"dateModified\":\"2022-12-14T18:20:19+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to manage and organize your panels in Photoshop. You'll learn how to show and hide panels, change panel layouts, reset your workspace, and more!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/managing-panels-photoshop-cc-tutorial.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/managing-panels-photoshop-cc-tutorial.jpg\",\"width\":952,\"height\":498,\"caption\":\"Managing Panels in Photoshop CC Tutorial\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/managing-panels-photoshop-cc\\\/#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\":\"Managing Panels In Photoshop\"}]},{\"@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":"Managing Panels In Photoshop","description":"Learn how to manage and organize your panels in Photoshop. You'll learn how to show and hide panels, change panel layouts, reset your workspace, and more!","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\/managing-panels-photoshop-cc\/","og_locale":"en_US","og_type":"article","og_title":"Managing Panels In Photoshop","og_description":"Learn how to manage and organize your panels in Photoshop. You'll learn how to show and hide panels, change panel layouts, reset your workspace, and more!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2017-08-05T16:04:44+00:00","article_modified_time":"2022-12-14T18:20:19+00:00","og_image":[{"width":952,"height":498,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/08\/managing-panels-photoshop-cc-tutorial.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"29 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Managing Panels In Photoshop","datePublished":"2017-08-05T16:04:44+00:00","dateModified":"2022-12-14T18:20:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/"},"wordCount":4146,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/08\/managing-panels-photoshop-cc-tutorial.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/","name":"Managing Panels In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/08\/managing-panels-photoshop-cc-tutorial.jpg","datePublished":"2017-08-05T16:04:44+00:00","dateModified":"2022-12-14T18:20:19+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to manage and organize your panels in Photoshop. You'll learn how to show and hide panels, change panel layouts, reset your workspace, and more!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/08\/managing-panels-photoshop-cc-tutorial.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/08\/managing-panels-photoshop-cc-tutorial.jpg","width":952,"height":498,"caption":"Managing Panels in Photoshop CC Tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/managing-panels-photoshop-cc\/#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":"Managing Panels In Photoshop"}]},{"@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\/19014","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=19014"}],"version-history":[{"count":32,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/19014\/revisions"}],"predecessor-version":[{"id":33972,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/19014\/revisions\/33972"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/19501"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=19014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=19014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=19014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}