adobe photoshop tools (part6)

How To Save Your Custom Toolbar Layout As A Preset

To save your custom Toolbar layout as a preset, click the Save Preset button:
Saving the custom Toolbar layout by clicking the Save Preset button.
Clicking the Save Preset button.
Give your preset a descriptive name, then click Save. You can save multiple Toolbar layouts as presets, each one customized for a specific task (like photo retouching, digital painting, web design, and so on):
Namaing the custom Toolbar preset.
Naming and saving the preset.

Loading A Custom Toolbar Preset

To load your Toolbar preset when you need it, click the Load Preset button:
The Load Preset button in the Customize Toolbar dialog box in Photoshop.
The Load Preset button.

How To Restore The Default Toolbar

To revert back to Photoshop's original, default Toolbar layout, click the Restore Defaults button:
The Restore Defaults button in the Customize Toolbar dialog box.
The Restore Defaults button.

Closing The Customize Toolbar Dialog Box

Finally, to close out of the Customize Toolbar dialog box and keep the changes you've made, click the Done button. To close out of it without keeping your changes, click the Cancel button:
Clicking the Done button.
Clicking the Done button.

The Default "Essentials" Workspace

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 workspace. 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.
Photoshop's default workspace is known as the Essentials 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.

Choosing The Essentials Workspace

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 Search Bar. I covered the Search Bar in the Getting To Know The Photoshop Interface tutorial so we won't look at it here. Instead, we want the rectangular icon directly beside it. This is Photoshop's workspace selection icon:
The Workspace selection icon in Photoshop CC.
Clicking the workspace selection icon.
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:
The workspace selection menu in Photoshop.
The workspace selection menu. Essentials should be selected at the top.

Resetting The Essentials Workspace

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 Reset Essentials from the menu:
Choosing the Reset Essentials option in Photoshop CC.
Resetting the Essentials workspace.

Working With Photoshop's Panels

The Panel Area

With the Essentials workspace selected and reset, let's look at Photoshop panels. The panels are displayed in columns in the panel area 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:
The panel area along the right of the Photoshop CC interface.
Photoshop's panel area.

The Main Panel Column

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 Color panel. Below the Color panel is the Properties panel. And at the bottom, we have the Layers 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 tab at the top of the panel:
The Color, Properties and Layers panels in Photoshop C.
Photoshop displays the Color, Properties and Layers panels by default.

Panel Groups

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 Swatches tab to the right of it. The Properties panel has an Adjustments tab beside it. And to the right of the Layers panel at the bottom are two other tabs, Channels and Paths. 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 panel groups. A panel group can contain two or more individual panels. This allows multiple panels to fit within the space of a single panel.
How do panel groups work? Let's look at the Color panel. We know it's the Color panel because it says "Color" in the tab at the top. Yet beside the "Color" tab is another tab that says "Swatches". 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 active panel. We can tell which panel in the group is active because the name of the active panel appears brighter than the others.

Switching Between Panels In A Group

To switch between panels in a group, click on the tabs. 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:
Switching between the Color panel and Swatches panel in Photoshop CC.
Switching between the Color and Swatches panels by clicking the tabs.
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:
Switching between panels in the panel group in Photoshop.
Clicking the tabs to switch between the Properties (left) and Adjustments (right) panels in the group.

Changing The Order Of Panels In A Group

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.
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:
Dragging a tab to change the order of panels in the group.
To change the panel order, click and drag the tabs left or right.
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:
The tab order has been changed in the panel group.
The order of the tabs has been changed.

Moving Panels Between Groups

Next, let's learn how to move panels between groups. What if, instead of simply changing the order of the panels within a group, I want to move a panel to a different 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 blue highlight box 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:
Dragging a panel from one group into another in Photoshop.
A blue highlight box appears around the group I want to move the panel into.
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:
The Adjustments panel has been moved into a different group.
Panels can be easily moved from one group to another.

Creating New Panel Groups

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.
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 blue highlight bar appears between the two existing panels. It's important to note that this time, we're looking for a highlight bar, not a border:
Creating a new panel group in Photoshop.
Dragging the Color panel between two panel groups.
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:
The new panel group has been created.
A new group has been created for the Color panel.

Collapsing And Expanding Panel Groups

Next, let's learn how to maximize space in the panel area by collapsing and expanding panel groups. We can temporarily collapse 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, double-click 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:
Collapsing a panel group in Photoshop CC.
To collapse all panels in a group, double-click on any of the tabs.
To expand a group that you've collapsed to make the panels visible, click once 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:
Expanding a panel group that was collapsed.
To expand a collapsed panel group, single-click on a tab.

Closing A Single Panel

Along with collapsing and expanding panels in Photoshop, we can also close panels that we're not using. To close a single panel in a group, first click on the panel's tab to select it. Then click on the menu icon in the top right corner of the panel and choose Close from the menu. I'll click on my Swatches panel to make it active. Then, I'll click on the menu icon:
Selecting and closing a panel in Photoshop.
To close a panel, click on its tab, then click the menu icon.
To close the panel, I'll choose Close:
Selecting the Close command from the Color panel menu.
Selecting the Close command from the Color panel menu.
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:
Closing a single panel in a group in Photoshop.
The Adjustments panel is still open after closing the Swatches panel.

Closing A Panel Group

To close an entire panel group, rather than just a single panel within the group, click on the same menu icon in the top right corner:
Closing a panel group in Photoshop by clicking the menu icon.
To close a panel group, click the menu icon.
Then, choose Close Tab Group from the menu:
Selecting the Close Tab Group command in Photoshop CS6.
Selecting the Close Tab Group command.
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:
After closing the top panel group, the group below it expands into the extra space.
Closing the top panel group created more room for the group below it.

Closing A Panel Or Group From The Tab

Another way to close a panel or panel group in Photoshop is to right-click (Win) / Control-click (Mac) directly on a panel's tab. To close just the panel itself, choose Close from the menu. To close the entire panel group, choose Close Tab Group. Here, I've right-clicked (Win) / Control-clicked (Mac) on the Libraries 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:
Closing the Libraries panel in Photoshop.
Closing the Libraries panel from the tab itself.
Shortcodes, Actions and Filters Plugin: Error in shortcode [ads-basics-middle]

Opening Panels From The Window Menu

All of Photoshop's panels can be accessed from the Window 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 Window menu:
Opening the Window menu in the Photoshop CC Menu Bar.
Clicking on the Window menu in the Menu Bar.
This opens a menu with, among other things, a complete list of every panel available to us in Photoshop. A checkmark beside a panel's name means that the panel is currently open and active on the screen:
Each of Photoshop's panels can be opened and closed from the Window menu.
The Window menu listing each of Photoshop's 29 panels.
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:
Selecting the Color panel from the Window menu.
Selecting the Color panel from the Window menu.

Photoshop's Sticky Panels

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 sticky. They remain in the same place unless, or until, we move them:
Re-opening one panel in a group also re-opens the other panels.
Re-opening a panel also re-opens other panels that were grouped with it.

Open vs Active Panels

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 active panel 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.
For example, let's look at the Layers panel. The Layers panel has two other panels, Channels and Paths, grouped in with it. But the Layers panel is currently the active panel in the group:
The Layers panel is the active panel in the group.
The Layers, Channels and Paths group. The Layers panel is active.
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:
A checkmark appears beside the Layers panel under the Window menu.
Only the Layers panel (the active panel in the group) gets the checkmark.
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:
Making the Channels panel the active panel in the group.
Switching to the Channels panel.
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 open and active. 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:
The Channels panel now has a checkmark beside it under the Window menu.
The checkmark has moved from the Layers panel to the newly-active Channels panel.

Comments