Working with Panels

The right side of the Awarding Frame is habitation to a slew of pocket-sized windows called panels , which let y'all piece of work with frequently used features like colors, adjustments, layers, and so on. Yous're free to organize the panels however yous like and position them anywhere you desire. Panels tin can be gratis floating or docked (attached) to the top, bottom, left, or correct sides of your screen. And you lot tin link panels together into groups , which you tin then move around. Each panel also has its very own carte, called (appropriately enough) a panel menu , located in its elevation-right corner; its icon looks like four little lines with a downward-pointing triangle and is labeled in Effigy 1-5, left.

Here you can see the difference between expanded panels (left) and collapsed panels (right). Double-click a panel's tab to collapse it vertically, rolling it up like a window shade; single-click the tab again to expand the panel.You can also collapse a panel horizontally by clicking the right-pointing double arrows in its top right (circled, right), at which point it turns into a small button. To expand one of these buttons back into a panel, just click the left-pointing double arrows circled here (circled, middle).

Figure 1-5. Hither you can see the difference between expanded panels (left) and collapsed panels (right). Double-click a panel'due south tab to collapse it vertically, rolling it up like a window shade; single-click the tab once more to expand the panel. You can also collapse a console horizontally past clicking the correct-pointing double arrows in its tiptop right (circled, correct), at which point it turns into a small button. To expand one of these buttons back into a panel, just click the left-pointing double arrows circled here (circled, middle).

Have a peek at the correct side of your screen and you'll encounter that Photoshop starts y'all off with 3 docked panel groups filled with goodies it thinks y'all'll use a lot (there'due south more than on docked panels coming up soon). The get-go group contains the Color and Swatches panels; the second group contains Adjustments and Styles; and the third contains Layers, Channels, and Paths. To work with a console, activate it past clicking its tab.

Panels are like Featherbrained Putty—they're incredibly flexible. You can collapse, aggrandize, move, and resize them, or even swap 'em for other panels. Hither'south how:

  • Plummet or aggrandize panels . If panels are encroaching on your editing infinite, you can shrink them both horizontally and vertically and so they look and behave like buttons. To collapse a console (or panel group) horizontally so that it becomes a push nestled against the side of another panel or the border of your screen, click the tiny double pointer in its top-right corner; click this same push button again to expand the panel. To collapse a console vertically against the lesser of the panel in a higher place it, as shown in Figure i-5, right, double-click the panel'southward tab or the empty expanse to its right; single-click the tab or double-click the empty area to curlicue the panel dorsum downwards. To adjust a console'south width, point your cursor at its left edge and, when the cursor turns into a double-headed pointer, drag left or right to make the panel bigger or smaller (though some panels have a minimum width).

  • Add and modify panel groups . You tin can open fifty-fifty more than panels by opening the Window menu (which lists all of Photoshop's panels) and clicking the name of the one you want to open. When you lot do, Photoshop puts the console in a column to the left of the ones that are already open and adds a tiny button to its correct that you tin can click to plummet it both horizontally and vertically (just click the same button again to aggrandize it). If the new panel is part of a group, like the Character and Paragraph panels, the actress panel tags along with it. If it's a panel you lot expect to use a lot, you can add information technology to an existing console group by clicking and dragging the dotted lines higher up its button into a blank area in the panel group, as shown in Figure 1-six.

  • Undock, redock, and shut panels . From the manufactory, Photoshop docks 3 sets of panel groups to the right side of your screen (or Application Frame). But you're not stuck with the panels glued to this spot; you can ready them gratuitous past turning them into floating panels. To liberate a panel, take hold of its tab, pull it out of the group it'due south in, and then motility it anywhere you want (see Figure 1-seven). When yous permit go of your mouse push, the panel appears where y'all put it—all by itself.

    You can undock a whole console grouping in nearly the same way: Click an empty spot in the group's tab area and drag it out of the dock. Once you release your mouse button, you tin can drag the group around past clicking the same empty spot in the tab area. Or, if the group is collapsed, click the tiny dotted lines at the top of the group, only below the night grayness bar.

    To redock the panel (or panel group), drag it back to the right side of your screen. To forbid a console from docking while you lot're moving it around, ⌘-drag (Ctrl-drag) it instead.

Top: When you open a new panel, Photoshop adds it to a column to the left of your other panels and gives it a handy button that you can click to collapse or expand it, like the Info panel's button circled here. The tiny dotted line above each button is its handle; click and drag one of these handles to reposition the panel in the column, add the panel to a panel group, and so on. If the panel you opened is related to another panel—like the Brush panel and the Brush Presets panel—then both panels will open as a panel group with a single handle.Middle: When you're dragging a panel into a panel group, wait until you see a blue line around the inside of the group before you release your mouse button. Here, the Info panel is being added to a panel group. (You can see a faint version of the Info panel's button where the red arrow is pointing.)Bottom: When you release your mouse button, the new panel becomes part of the group. To rearrange panels within a group, drag their tabs (circled) left or right.If the blue highlight lines are hard to see when you're trying to group or dock panels, try dragging the panels more slowly. That way, when you drag the panel into a group or dockable area, the blue highlight hangs around a little longer and the panel becomes momentarily transparent.

Effigy 1-6. Elevation: When you open up a new console, Photoshop adds information technology to a column to the left of your other panels and gives it a handy push button that yous can click to collapse or expand it, like the Info panel'southward button circled here. The tiny dotted line to a higher place each push is its handle; click and drag one of these handles to reposition the panel in the column, add the panel to a console group, and so on. If the console yous opened is related to another console—like the Brush console and the Brush Presets console—then both panels will open every bit a panel group with a single handle. Center: When you're dragging a panel into a panel group, wait until yous see a blueish line around the inside of the grouping before y'all release your mouse button. Here, the Info console is being added to a panel group. (You can run into a faint version of the Info panel'due south button where the ruddy arrow is pointing.) Bottom: When you lot release your mouse button, the new panel becomes part of the group. To rearrange panels within a group, drag their tabs (circled) left or right. If the blue highlight lines are hard to meet when you're trying to grouping or dock panels, try dragging the panels more slowly. That way, when yous drag the console into a group or dockable area, the bluish highlight hangs around a little longer and the panel becomes momentarily transparent.

To undock a panel (or panel group), click the panel's tab (or a free area to the right of the group's tabs), and then drag the panel or group somewhere else on your screen.To dock it again, drag it to the right side of your screen—on top of the other panels. When you see a thin blue line appear where you want the panel (or group) to land, release your mouse button.

Figure 1-7. To undock a panel (or console group), click the panel'southward tab (or a costless surface area to the right of the group'due south tabs), and then drag the console or group somewhere else on your screen. To dock it again, drag it to the right side of your screen—on top of the other panels. When you meet a thin blue line appear where you want the panel (or group) to country, release your mouse button.

Note

The Timeline console (which was chosen the Blitheness panel prior to Photoshop CS6) is docked to the bottom of your workspace, which is a docking hotspot, also. That said, Photoshop refuses to permit yous dock the Options bar down there.

To shut a console, click its tab and drag it out of the panel group to a different area of your screen (Effigy 1-7); then click the tiny circle in the panel's top-left corner (on a PC, click the 10 in the panel's peak-right corner instead). Don't worry—the panel isn't gone forever; if you desire to reopen it, simply cull it from the Windows carte du jour.

Getting the hang of undocking, redocking, and arranging panels takes a petty exercise because information technology'southward tough to control where the lilliputian rascals state. When the panel you're dragging is well-nigh to join a docking area (or a different panel grouping), a thin blueish line appears showing you where the panel or group will become.

Customizing Your Workspace

Once yous arrange Photoshop's panels just then, y'all can keep 'em that way past saving your setup as a workspace , using the unlabeled Workspace drop-downwards menu at the right end of the Options bar (see Figure 1-8). Straight from the manufactory, this menu is fix to Essentials, which is a practiced general-use setup that includes panels that most people apply regularly. The menu's other options are more specialized: 3D is designed for working with 3D objects (meet Affiliate 21), Motion is for video editing, Painting is for (you guessed it) painting, Photography is for working with photos, and Typography is for working with text. To swap workspaces, simply click 1 of these presets (built-in settings), and Photoshop rearranges your panels accordingly.

Annotation

Gone in this version of Photoshop is the What'southward New workspace, which used to highlight all the menu items that included new features. All the same, all is not lost: yous can cull Assist→What's New to visit Adobe's site and see a handy summary of features, listed past the twelvemonth they were released (for case, Photoshop CC June 2014, then on).

Most of the built-in workspaces are designed to help you perform specialized tasks. For example, the Photography workspace puts the Histogram and Navigation panels at the top right. Take the built-in workspaces for a test drive—they'll undoubtedly give you customization ideas you hadn't thought of!If you don't see the Workspace menu and you've got the Application Frame turned on, point your cursor at the right side of the Photoshop window and, when it turns into a double-headed arrow, click and drag rightward to increase the frame's size.

Figure 1-viii. Near of the built-in workspaces are designed to aid you perform specialized tasks. For case, the Photography workspace puts the Histogram and Navigation panels at the meridian right. Take the built-in workspaces for a test bulldoze—they'll undoubtedly give you customization ideas you hadn't thought of! If you don't see the Workspace bill of fare and y'all've got the Application Frame turned on, point your cursor at the right side of the Photoshop window and, when it turns into a double-headed arrow, click and elevate rightward to increase the frame's size.

To relieve your own custom workspace, start open up and adapt the panels you want to include. Side by side, click the Workspace menu and choose New Workspace. In the resulting dialog box, give your setup a meaningful proper noun and turn on the checkboxes for the customizations you want Photoshop to save. In addition to panel locations, you can save any keyboard shortcut and bill of fare settings you've inverse (see the box on Customizing Keyboard Shortcuts and Menus for more than on changing these items)—merely exist sure to plough on the options for all the features you changed or they won't be included in your custom workspace. When y'all click Relieve, your workspace shows up at the pinnacle of the Workspace menu.

If you've created a custom workspace that you'll never apply once again, y'all tin can transport it packin'. Beginning, make sure you aren't currently using the doomed workspace. Then, from the Workspace menu, cull Delete Workspace and, in the resulting dialog box, pick the offending workspace and and then click Delete. Photoshop will ask if you lot're sure; click Yeah to cease it off.

The Tools Console

The Tools panel (Figure i-9, left) is home base for all of Photoshop'south editing tools, and it's included in all the congenital-in workspaces. Until you memorize tools' keyboard shortcuts, you tin't practice much without this panel! When you first launch the program, you'll see the Tools panel on the left side of the screen, merely you can drag information technology anywhere you want by clicking the tiny row of vertical dashes near its top (Figure 1-9, right).

There's not enough room in the Tools panel for each tool to have its own spot, so related tools are grouped into toolsets. The microscopic triangle at the bottom right of each toolset's button lets you know it represents more than one tool (the Move and Zoom tools are the only ones that live alone). To see the other tools, click the tool's button and hold down your mouse button (or right-click the button instead); Photoshop then displays a list of the other tools it harbors in a fly-out menu, as shown here (left).Photoshop starts you off with a one-column Tools panel (left), but you can collapse it into two columns (right) by clicking the tiny double triangles circled here (click 'em again to switch back to one column). To undock the Tools panel, grab the dotted bar labeled here and drag the panel wherever you want it. You can dock the Tools panel to the left or right edge of your screen, or leave it floating free.

Figure 1-9. There'south not plenty room in the Tools panel for each tool to have its own spot, so related tools are grouped into toolsets. The microscopic triangle at the bottom correct of each toolset'southward push lets you know information technology represents more than than one tool (the Move and Zoom tools are the only ones that live alone). To see the other tools, click the tool'southward button and hold down your mouse push (or right-click the button instead); Photoshop then displays a list of the other tools it harbors in a fly-out carte du jour, as shown here (left). Photoshop starts yous off with a one-cavalcade Tools console (left), but yous can collapse it into two columns (correct) past clicking the tiny double triangles circled hither (click 'em again to switch back to one cavalcade). To undock the Tools panel, grab the dotted bar labeled here and drag the panel wherever yous want it. You can dock the Tools panel to the left or right edge of your screen, or exit it floating free.

Once you expand a toolset as explained in Figure 1-nine, yous'll see the tools' keyboard shortcuts listed to the right of their names. These shortcuts are great timesavers because they let y'all switch between tools without moving your hands off the keyboard. To access a tool that's hidden deep within a toolset, add together the Shift key to the tool's shortcut key, and you'll cycle through all the tools in that toolset. For case, to activate the Elliptical Marquee tool, press Shift-G repeatedly until that tool'south icon appears in the Tools panel.

Tip

If you need to switch tools temporarily —for a quick edit—you can utilise the spring-loaded tools feature. Only press and hold a tool'due south keyboard shortcut to switch to that tool, and then perform your edit. As soon equally you release the key, y'all'll jump back to the tool you were using before. For example, if you're painting with the Castor and of a sudden brand an mistake, press and concord E to switch to the Eraser and fix your error. In one case you release the E key, you're back to using the Brush tool. Sweet!

Yous'll learn about the superpowers of each tool throughout this book. For a cursory overview of each tool, check out Appendix C, which you can download from this volume's Missing CD page at www.missingmanuals.com/cds.

Tip

If y'all can't call back which tool an icon represents, betoken your cursor at the icon for a couple of seconds while keeping your mouse perfectly still. After a second or two, Photoshop displays a handy tooltip that includes the tool's name and keyboard shortcut.

Foreground and Groundwork Color Fries

Photoshop can handle millions of colors, but its tools let you lot work with only ii at a time: a foreground colour and a background color. Each of these is visible every bit a square color scrap near the bottom of the Tools panel (labeled in Effigy 1-9, where they're black and white, respectively). Photoshop uses your foreground color when yous pigment or fill something with colour; information technology'due south where most of the action is. The program uses your background colour to do things like set the 2d color of a gradient (a smooth transition from one color to another, or to transparency) or erase parts of a locked Background layer (Restacking Layers); this color is also helpful when you're running special effects similar the Clouds filter (Pixelate).

To alter either color, click its colour bit once to open the Color Picker (Choosing Individual Colors), which lets yous select another color for that item chip. To swap your foreground and background colors, click the curved, double-headed arrow just in a higher place the two fries or printing X. To gear up both color chips to their mill-fresh setting of black and white, click the tiny fries to their upper left (in a two-column Tools console, they're at the lower left) or press D. Remember those two keyboard shortcuts (10 and D); they're extremely handy when y'all work with layer masks, which are covered in Chapter 3.

Common Panels

As mentioned earlier, when you first launch Photoshop, the programme displays the Essentials workspace, which includes several useful panels. Here's a quick rundown of why Adobe considers these panels then important:

  • Color . This panel in the upper-right part of your screen includes your electric current foreground and background colour chips and, from the factory, a trio of sliders and a rainbow-colored bar that you lot can use to selection a new colour for either scrap. As you'll acquire on The Color Console, you tin now use this panel as a color picker that'south always open!

  • Swatches . This console holds miniature color samples, giving you easy access to them for utilize in painting or colorizing images (and new in Photoshop CC 2014, the most recent swatches you've used bear witness up in a handy row at the pinnacle of the console). It besides stores a variety of color libraries like the Pantone Matching System (special inks used in professional printing). You lot'll learn all most the Swatches panel in on The Swatches Panel.

  • Adjustments . This panel lets you create adjustment layers . Instead of making color and effulgence changes to your original image, you tin utilise aligning layers to make these changes on a separate layer, giving you all kinds of editing flexibility and keeping your original image out of harm's mode. They're explained in detail in Affiliate 3, and you lot'll see 'em used throughout this book.

  • Styles . Styles are special effects created with a variety of layer styles. For case, if y'all've created a glass-button look by adding several layer styles individually, you tin can relieve the whole lot of 'em as a single style so you lot can apply them all with one click. You can besides choose from tons of built-in styles; they're discussed starting on The Styles Panel.

  • Layers . This is the single most of import panel in Photoshop. Layers permit you piece of work with images as if they were a stack of transparencies, so yous tin can create i image from many. By using layers, you tin can adjust the size and opacity of—and add together layer styles to—each detail independently. Understanding layers is the key to Photoshop success and nondestructive editing; you'll larn all about them in Chapter iii.

  • Channels . Channels are where Photoshop stores the color data your images are fabricated from. Channels are extremely powerful, and you tin can utilise them to edit the individual colors in an image, which is helpful in sharpening images, creating selections (telling Photoshop which function of an image yous want to work with), and then on. Affiliate 5 has the scoop on channels.

  • Paths . Paths are the outlines you lot brand with the Pen and shape tools. But these aren't your boilerplate, run-of-the-manufacturing plant lines: they're made up of points and paths instead of pixels, then they'll always look perfectly crisp when printed. You tin also resize them without losing any quality. Y'all'll conquer paths in Affiliate thirteen.

  • History . This panel is like your very own time car: It tracks nearly everything you do to your image (the last 50 things, to be exact, though you can change this number using preferences [encounter Changing How Far Back You lot Can Become]). Information technology appears docked equally a button to the left of the Color panel group. The next department explains how to use it to undo what you've recently washed (if only that worked in real life!).

  • Properties . This panel, which is too docked to the left of the Color panel grouping, is where y'all admission the settings for individual adjustment layers, shape layers, linked smart objects, and layer masks. You'll dive headfirst into masks in Affiliate 3; for at present, think of them as digital masking tape that lets you lot hide the contents of a layer.

Get Photoshop CC: The Missing Manual, second Edition now with the O'Reilly learning platform.

O'Reilly members feel alive online training, plus books, videos, and digital content from nearly 200 publishers.