Written by Steve Patterson. In the November 2015 Creative Cloud updates, Adobe made some important changes to the interface in Photoshop CC. I covered the new Start screen and Recent Files panel along with the new darker dialog boxes in previous tutorials. In this tutorial, we'll learn all about the new fully customizable Toolbar (Tools panel) in Photoshop which finally allows us to create custom Toolbar layouts that better match the way we work. We can now hide any tools we don't really use, change their groupings, rearrange the order of the tools, and more! We can even save and load our custom Toolbar layouts as presets! Lets see how it works.
Note that the customizable Toolbar feature is only available as of the latest version of Photoshop CC 2015, which means you'll need an active Creative Cloud subscription to follow along. You'll also want to make sure that your copy of Photoshop CC has been updated to the latest version. And with that out of the way, let's get started!Get the PDF version of this tutorial!
Some Quick Toolbar Basics
As with all versions of Photoshop, the Toolbar is located by default along the left of the interface. I've darkened the rest of the interface in the screenshot just to make the Toolbar a bit easier to see (it's way over on the left):
Each icon in the Toolbar represents a different tool that we can select, like the Lasso Tool, the Spot Healing Brush Tool, the Clone Stamp Tool, and so on. Yet as they like to say on late night infomercials, "But wait... there's more!". Most of the tools we see in the Toolbar have even more tools hiding behind them. In fact, the only one that doesn't is the Zoom Tool at the very bottom (the magnifying glass icon). To view the additional tools, right-click (Win) / Control-click (Mac) on any of the tool icons (any except for the Zoom Tool). A fly-out menu will appear showing you the other tools that are grouped in with it.
The tools are usually grouped together with other tools that are similar in what they do. For example, if I right-click (Win) / Control-click (Mac) on the Rectangular Marquee Tool near the top, a fly-out menu appears showing me that the Elliptical Marquee Tool, the Single Row Marquee Tool and the Single Column Marquee Tool are all grouped together and available in that same spot, which makes sense because they are all basic selection tools:
If I right-click (Win) / Control-click (Mac) on the Spot Healing Brush Tool, we see that it shares that spot in the Toolbar with the Healing Brush Tool, the Patch Tool, the Content-Aware Move Tool, and the Red Eye Tool. These are all photo retouching tools, so again it makes sense that they're grouped together:
I won't go through every tool in the Toolbar, but obviously, there's a lot of them (66 by my count as of Photoshop CC 2015), and the fact that Adobe was able to fit so many tools into such a narrow column on the screen is pretty impressive.
Yet even though it's great that we have so many tools to choose from, it's highly unlikely that you'll have a need for all of those tools every day. There's probably a few that you use all the time, others you use less often, and still others that, well, you have no use for at all. Wouldn't it be great if we could customize the Toolbar so we could keep just the tools we need and hide the ones we don't? How about being able to change their order so the tools you use the most are the ones that appear first rather than being scattered all over the place? And while we're at it, what if we could group and ungroup tools in ways that make more sense to us and the way we work, and then save our fully customized Toolbar layout as a preset that we could switch to whenever we needed?
Editing The Toolbar
For most of Photoshop's life, there was no way to do any of those things, but in the November 2015 Creative Cloud updates, Adobe finally added the ability to fully customize the Toolbar using a brand new Customize Toolbar dialog box.
There's a couple of ways to get to it. One is by going up to the Edit menu in the Menu Bar along the top of the screen and choosing the new Toolbar option:
The other is by right-clicking (Win) / Control-clicking on the new Ellipsis icon (the three little dots) directly below the Zoom Tool in the Toolbar itself, and then choosing Edit Toolbar from the fly-out menu:
The Customize Toolbar Dialog Box
Either way opens Photoshop's new Customize Toolbar dialog box. The dialog box is made up of two main columns. The column on the left is the Toolbar column. It shows us the current Toolbar layout, including the order in which the tools appear and their groupings. The column on the right is the Extra Tools column. It's where we drag tools from the Toolbar that we want to remove:
Removing A Tool From The Toolbar
To remove a tool from the Toolbar, simply click on it in the Toolbar column on the left and drag it into the Extra Tools column on the right. Before I show you how it works, though, I'm going to close out of the Customize Toolbar dialog box for a moment by clicking the Cancel button in the upper right. This closes the dialog box without saving any of your changes:
With the dialog box closed, I'll right-click (Win) / Control-click (Mac) on the Move Tool at the very top of the Toolbar to open the fly-out menu so we can see that, by default, the Artboard Tool is nested behind it:
Let's say I don't really use the Artboard Tool very often and I'd like to remove it from the Toolbar. To do that, I'll right-click (Win) / Control-click (Mac) on the Ellipsis icon near the bottom of the Toolbar and choose Edit Toolbar from the fly-out menu, just as we saw earlier:
This opens the Customize Toolbar dialog box, again as we saw earlier, and if we look at the top of the Toolbar column on the left, we see the Move Tool and the Artboard Tool grouped together:
To remove the Artboard Tool from the Toolbar, all I need to do is click on it in the Toolbar column and drag it into the Extra Tools column:
I'll release my mouse button, and now the Artboard Tool no longer appears in the Toolbar on the left. It's now an extra tool over on the right:
I'll click the Done button in the upper right to accept my change and close out of the dialog box:
And now, if I right-click (Win) / Control-click (Mac) on the Move Tool in the Toolbar, nothing happens. The fly-out menu no longer appears, and that's because the Move Tool is now the only tool in that spot. I've removed the Artboard Tool that was previously nested behind it:
Viewing The Extra Tools
So, where did the Artboard Tool go? Well, when I say I've removed it from the Toolbar, that's not really true. We don't actually remove tools completely. Instead, we simply move them from the main Toolbar layout into a new, hidden Extra Tools area.
We can view the Extra Tools area by once again right-clicking (Win) / Control-clicking (Mac) on the Ellipsis icon in the Toolbar to open the fly-out menu (you can also just click and hold on the Ellipsis icon for a moment and the fly-out menu will appear, but right-clicking (Win) / Control-clicking (Mac) is a bit faster).
Any tools you've dragged into the Extra Tools column of the Customize Toolbar dialog box (like my Artboard Tool, for example) will appear here, listed below the Edit Toolbar command. This means that if and when you do need these tools, they're still here and ready to select. The only difference is, they're now tucked away in a separate area:
Restoring A Tool In The Toolbar
Now that I've moved the Artboard Tool into the Extra Tools area, what if I realize I made a mistake? I actually do use the Artboard Tool quite a bit, so how do I move it back into the main Toolbar?
To restore a tool, simply click on it in the Extra Tools column on the right and drag it back into the Toolbar column on the left. Pay attention, though, to the blue horizontal bar that appears below your little "grabby" hand cursor as you're dragging the tool. This blue bar tells you where you'll be dropping the tool when you release your mouse button, and where you drop it is where it will appear in the Toolbar.
For example, if I drag the Artboard Tool below the Move Tool so that the blue horizontal bar appears between the Move Tool and the group that begins with the Rectangular Marquee Tool:
When I release my mouse button, Photoshop will drop the Artboard Tool into that spot, making it an independent tool rather than being part of any group:
The Toolbar itself actually updates to show us the changes we're making in the Customize Toolbar dialog box. Here, we see the Artboard Tool now sitting below the Move Tool:
What if, instead of having the Artboard Tool separate, I wanted to group it back in with the Move Tool as it was originally? I'll click and drag the Artboard Tool back into the Extra Tools column for a moment:
Then, I'll drag it back into the Toolbar column, but this time, rather than dragging it below the Move Tool, I'll position my hand cursor so that the blue horizontal bar appears just inside the bottom of the Move Tool's box:
I'll release my mouse button, and now the Artboard Tool is once again grouped in with the Move Tool:
Grouping And Ungrouping Tools
You know, come to think of it, the Artboard Tool and the Move Tool really have nothing to do with each other, so why are they part of the same group? They should be separate, independent tools in the Toolbar, so how to I ungroup them? I mean, I could drag the Artboard Tool back into the Extra Tools column and then back into the Toolbar column again as I did a moment ago, but there's an easier way.
To ungroup the Artboard Tool, all I need to do is click on it and drag it downward until the blue horizontal bar appears below and separate from the Move Tool's box:
When I release my mouse button, Photoshop ungroups the Artboard Tool from the Move Tool and displays them independently of each other:
We'll come back to the Artboard Tool a bit later. Let's look at a different example. Here we have the group containing the Rectangular Marquee Tool, the Elliptical Marquee Tool, the Single Row Marquee Tool, and the Single Column Marquee Tool. These are Photoshop's basic selection tools:
The Rectangular Marquee Tool and the Elliptical Marquee Tool both get plenty of use, but the only time I ever really use the Single Row or Single Column Marquee Tool is when I'm trying to turn a photo into an interesting background. I'd like to keep the Rectangular and Elliptical Marquee Tools in the main Toolbar but move the other two over to the Extra Tools column.
To do that, I'll start by separating the Single Row and Single Column Marquee Tools from the group. I'll remove the Single Column Marquee Tool first by clicking and dragging it downward until the blue bar appears below the group:
I'll release my mouse button to drop the tool into place, and I now have the Single Column Marquee Tool separate from the others:
Next, I'll click on the Single Row Marquee Tool and drag it downward as well. But rather than making it another independent tool, I'll create a new group to hold the Single Row and Single Column Marquee Tools. To do that, I'll position my hand cursor so that the blue bar appears just inside the top of the Single Column Marquee Tool's box:
When I release my mouse button, Photoshop ungroups the Single Row Marquee Tool from the Rectangular and Elliptical Marquee Tools and places it in a brand new group with the Single Column Marquee Tool:
Selecting The Primary Tool For A Group
If we look in my actual Toolbar, we see the new group sitting between the Rectangular Marquee Tool and the Lasso Tool. Notice that it's the Single Row Marquee Tool's icon that we're seeing. The Single Column Marquee Tool is currently nested behind it, which means that to get to it, I would need to right-click (Win) / Control-click (Mac) on the Single Row Marquee Tool and then select the Single Column Marquee Tool from the fly-out menu:
How does Photoshop know which tool in the group to display in the Toolbar and which tool(s) to nest behind it? It's knows because it considers the tool at the top of the group to be the primary tool, and the primary tool is the one that gets displayed first.
To change which tool is displayed in the Toolbar, all we need to do is drag a different tool to the top of the group. For example, if I want the Single Column Marquee Tool to be the primary tool, all I need to do is click on it and drag it above the Single Row Marquee Tool. Notice that I'm not dragging it completely out of the group. I'm positioning my hand cursor so that the blue bar appears just inside the top of the group:
When I release my mouse button, Photoshop drops the Single Column Marquee Tool above the Single Row Marquee Tool, making it the new primary tool:
And if we look again in my Toolbar, we see that the Single Column Marquee Tool is now the one that's actually displayed. The Single Row Marquee Tool is now nested behind it:
Moving Entire Groups At Once
We've already seen how to drag individual tools from one column to the other, but we can also drag entire groups. Now that I've placed the Single Row and Single Column Marquee Tools into their own separate group, I can easily move them both into the Extra Tools column by dragging the entire group over at once. To drag a group, first position your mouse cursor over the edge of the group. A blue highlight box will appear around the group, letting you know that you're selecting the group as a whole:
Then, just as you would with an individual tool, click and drag the group over to the Extra Tools column:
I'll release my mouse button, at which point Photoshop moves both tools to the Extra Tools column at the same time. You can do the same thing in the opposite direction as well, moving an entire group from the Extra Tools column into the Toolbar column:
Rearranging The Order Of The Tools In The Toolbar
Let's go back to the Artboard Tool for a moment, which is currently sitting directly below my Move Tool at the top of the Toolbar:
One thing you might want to do when customizing your Toolbar is move the tools you use the most to the top of the Toolbar and move the ones you don't use as often further down. Even though I do use the Artboard Tool, I don't use it enough for it to be taking up a spot near the top. In fact, it probably belongs closer to the bottom, which means I should move it.
To rearrange the order of the tools, simply click on the one you want to move and drag it up or down into its new spot. Again, keep an eye on the blue horizontal bar that appears below your hand cursor so you don't group the tool in with other tools by mistake. Here, I'm dragging the Artboard Tool down below the group containing the Lasso, Polygonal Lasso and Magnetic Lasso Tools:
I'll release my mouse button to drop the Artboard Tool into place. So far, so good:
I've moved the Artboard Tool further down the list, but not nearly far enough. I actually want to place it directly above the Hand Tool which is way down near the bottom, which means there's still a whole lot of tools between the spot where the Artboard Tool currently sits and the spot I want to move it to.
Rather than slowly dragging the Artboard Tool down across all the tools in between, what I'll do is click and drag the Artboard Tool into the Extra Tools column temporarily. I'm not actually making the Artboard Tool an extra tool. I'm just using the Extra Tools column as temporary storage:
Then, I'll use the scroll bar along the right of the Toolbar column to quickly scroll down to the spot where I want to place the Artboard Tool. In this case, it's above the Hand Tool:
I'll drag the Artboard Tool back into the Toolbar column, dropping it into place above the Hand Tool:
And now, the Artboard Tool is right where I wanted it:
Again, we can see the change I've made in the Toolbar itself. You can move entire groups up and down the toolbar just as easily. Simply move your mouse cursor over the edge of the group to highlight it, then drag it up or down the Toolbar as needed. Or, as I did with the Artboard Tool, drag the group into the Extra Tools column temporarily, scroll to the spot you need in the Toolbar column, and then drag the group back into the Toolbar column and drop it into place:
Disabling Keyboard Shortcuts For Extra Tools
Let's look at the group made up of the Crop Tool, the Perspective Crop Tool, the Slice Tool, and the Slice Select Tool. If you look to the right of the tool names, you'll see that all four tools share the same keyboard shortcut. In this case, they're all selectable by pressing the letter C. So, if I press the letter C once on my keyboard, I'll select the first tool in the group (the Crop Tool). If I then press and hold my Shift key and continue pressing C repeatedly, I can cycle through the other tools in the group:
I want to keep the Crop and Perspective Crop Tools in the main Toolbar but move the Slice and Slice Select Tools into the Extra Tools column. We've already learned how to do this, so I'll save us a bit of time by dragging them over quickly:
Notice that even though these tools have been moved out of the main Toolbar column, they're still showing the same keyboard shortcut as before. Moving them to the Extra Tools column did not remove the shortcut:
If you look along the bottom of the Customize Toolbar dialog box, you'll see an option that says Disable Shortcuts for Hidden Toolbar Extras. By default, it's selected (checked). If you no longer want your extra tools to be selectable using their keyboard shortcuts, leave this option checked. That way, only the main tools in the Toolbar will remain selectable from the keyboard. Extra tools will need to be selected directly from the Extra Tools area.
If, on the other hand, you want to keep the keyboard shortcuts active for all of your tools regardless of whether they're in the main Toolbar or the Extra Tools section, then you'll want to uncheck this option. Personally, I leave it checked:
Adding Keyboard Shortcuts
We can also use the Customize Toolbar dialog box to add keyboard shortcuts to tools that didn't originally have one. For example, here we have the group made up of the Pen Tool, the Freeform Pen Tool, the Add Anchor Point Tool, the Delete Anchor Point Tool, and the Convert Point Tool:
I'm going to quickly drag the Add Anchor Point and Delete Anchor Point Tools into the Extra Tools column:
This leaves just the Pen Tool, the Freeform Pen Tool and the Convert Point Tool in the group. Notice that both the Pen Tool and the Freeform Pen Tool share the letter P as their keyboard shortcut, yet the Convert Point Tool does not. In fact, it has no keyboard shortcut at all:
Since all three tools are part of the same group, it would make more sense if they all shared that keyboard shortcut. To add the keyboard shortcut to the Convert Point Tool, all I need to do is click on the tool to select it. A little text cursor will appear in the blank spot where the keyboard shortcut would normally be:
I'll press the letter P on my keyboard to set it as the new shortcut, then I'll press Enter (Win) / Return (Mac) to accept the change. And now, all three tools in the group share the same shortcut:
The Clear Tools Button
So far, we've been spending most of our time dragging tools from the Toolbar column on the left into the Extra Tools column on the right. But if you really want to streamline things and keep only a few tools in the main Toolbar, click the Clear Tools button in the upper right of the dialog box:
This instantly moves every tool into the Extra Tools column, leaving the main Toolbar column completely empty:
You can then drag just the few tools (or groups) you need into the Toolbar column:
Hiding The Other Toolbar Options
If you look below the tools, down at the very bottom of the Toolbar, you'll find a few more icons. Starting from the top, we have the Ellipsis icon (that we've already looked at) for choosing the Edit Toolbar command as well as for viewing our extra tools. Below that is the Foreground/Background Colors icon, the Quick Mask Mode icon, and finally, the Screen Mode icon:
You can turn any or all of these icons off by clicking to deselect them along the bottom of the Customize Toolbar dialog box. To turn them back on, simply click on them again. Note, though, that if you hide the Ellipsis icon from the Toolbar, you'll no longer be able to view the Extra Tools area (which means you'll lose access to any hidden tools), and you'll only be able to access the Customize Toolbar dialog box by going up to the Edit menu at the top of the screen and choosing Toolbar:
Saving Your Custom Toolbar Layout As A Preset
When you're done customizing the Toolbar, you can save your new layout as a preset by 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):
You can then load your preset any time you need it by clicking the Load Preset button:
Restoring The Default Toolbar
To revert back to Photoshop's original, default Toolbar layout, click the Restore Defaults button:
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:
And there we have it! That's how to create custom Toolbar layouts using the new Customize Toolbar dialog box, a brand new feature in Photoshop CC and part of the November 2015 Creative Cloud updates! Check out our Photoshop Basics section for more Photoshop tutorials!