How to Use Panels in Adobe Photoshop

See Adobe Photoshop: Tips and Tricks for similar articles.
Looking to improve your Photoshop skills? Check out Webucator’s Photoshop classes.

Much of the power of Photoshop resides in panels, and each panel has a dedicated function. There is a Layers Panel for managing layers, an Adjustment Panel for controlling color correction, a Swatches Panel for managing color swatches, and so on. The panels are normally anchored to the Panel Dock. Photoshop provides several preset default workspace configurations based on tasks that affect what is displayed on both the Panel Dock and Toolbar. The following steps will help you use the Panels in Adobe Photoshop.

This feature works the same in all recent versions of Adobe Photoshop: CS5, CS6, and Creative Cloud (CC).

  1. Click on Painting at the top right of the screen in the drop-down Workspace area in the Application Bar. This is one of the default Photoshop workspaces. Notice that your Panel Dock changes. Click back on Essentials from the drop-down Workspace area in the Application Bar. Drop-down in Application Bar
  2. The Essentials workspace shows two columns of panels on the dock. The column on the left shows only icons. The column on the right is in an expanded view. To collapse to an icon view, double-click the dark gray bar at the top of the expanded dock. Double-click it again to expand the dock. The Panel Dock Expanded and Collapsed
  3. Panels will also expand when you click an icon and collapse when you either click the icon again or click on a different panel icon. Click the History Panel icon History Panel Icon to expand it. Click it again to collapse.
  4. Now you'll customize the workspace. All panels in Photoshop can be accessed through the Window menu. Go to the Window menu and select Info. Window Menu
  5. Go to the Workspace menu Workspace Button and select New Workspace. Select New Workspace
  6. In the dialog box, give the new workspace a name. This will now be listed as a workspace every time you use Photoshop. Name in Dialog Box
  7. At times you may want to have a panel detached from the dock so it remains expanded. Go to the Info Panel. Click the icon on the dock to expand it, if necessary. The Info Panel is grouped with the Properties Panels, which appear as a tab. Click and hold on the word Info in the tab and drag the panel out of the panel group and away from the dock. Release. Info Panel
  8. Regroup the Info Panel in the same manner. Click and hold on the word Info and drag it back to the group, just to the right of the word Properties. A blue highlight will appear around the panel group indicating you are about to regroup. Regrouping the Info Panel
  9. An entire panel group may also be detached from the dock. Click and hold in the blank space to the right of the tabs in the Info Panel group. Then drag away from the dock and release.
  10. To re-dock the panel group, click and hold in the dark gray bar and drag the group to the base of the collapsed dock. A horizontal blue highlight will appear when you are about to re-dock.

Related Articles

  1. How to Create a Solid-Color Fill Layer in Adobe Photoshop
  2. How to Change Color in Parts of an Image in Adobe Photoshop
  3. How to Create a 3D Sphere in Adobe Photoshop
  4. How to Apply a Perspective Warp in Adobe Photoshop
  5. How to Use the Black & White Adjustment Layer in Adobe Photoshop
  6. How to Create Image Slices Using Existing Guides in Adobe Photoshop
  7. How to Use a Gradient Mask in Adobe Photoshop
  8. How to Save an Action Set in Adobe Photoshop
  9. How to Create 3D Extruded Text in Adobe Photoshop
  10. Convert Point Text to Paragraph Text in Photoshop CC
  11. How to Prepare an Image for Print Production in Adobe Photoshop
  12. How to Use the Magic Wand in Adobe Photoshop
  13. How to Apply an Iris Blur Effect in Adobe Photoshop
  14. How to Apply Lighting Effects in Adobe Photoshop
  15. How to Use the Clone Source Panel in Adobe Photoshop
  16. How to Create a 3D Postcard in Adobe Photoshop
  17. How to Create a Custom Warp in Adobe Photoshop
  18. How to Use Variable Fonts in Adobe Photoshop
  19. How to Apply a Tilt-Shift Blur Effect in Adobe Photoshop
  20. How to Use Panels in Adobe Photoshop (this article)
  21. How to Use the Curvature Pen Tool in Adobe Photoshop
  22. How to Use Retouching and Restoration in Adobe Photoshop
  23. How to Work with Stroke Smoothing in Adobe Photoshop
  24. How to Use Brush Blending Modes in Adobe Photoshop
  25. How to Insert Action Stops in Adobe Photoshop
  26. How to Copy CSS for Text and Shape Layers in Adobe Photoshop
  27. How to Apply and Copy Layer Styles in Adobe Photoshop
  28. How to Apply Content-Aware Scaling in Adobe Photoshop
  29. How to Use Quick Share in Adobe Photoshop
  30. How to Use Guides and Organization in Adobe Photoshop
  31. How to Place and Align Thumbnails on a Page in Adobe Photoshop
  32. How to Use Blending Modes for Simple Color Correction in Adobe Photoshop