SEARCH

How-To Geek

The How-To Geek Guide to Learning Photoshop, Part 2: Panels

sshot-547

One of the best features of Photoshop is one of the worst, as well: you are overwhelmed with options. Have a quick look through the default panels and learn more of what Photoshop can do in your hands.

Adjusting Panels

The default panels are snapped to the right side of your PS window. They are a fine set to begin with in Photoshop, and you can always adjust them, hide them, show them, or whatever makes the most sense to you. Photoshop workspaces are largely about personal comfort and have little to do with the so-called “correct” way to use Photoshop.

sshot-485

Your default set of panels from “Essentials” will look like this. If you lose any of them, you can get them back by going to the sshot-495 in the workspace area of your menu bar. You should see an option in the contextual menu that says “Reset” which will reset your workspace to the default panels.

sshot-541sshot-542

The panels can be condensed by clicking the sshot-485 on the right of the panel. They can further be condensed or expanded by clicking and dragging on the left side of the panels.

sshot-545

It’s also simple to create “Free Floating” panels by clicking and dragging them away from the snapped areas on the left and right.

sshot-543

It can be simpler to edit panels this way, and later return them to the snapped area, grayed out here by Photoshop as they are dragged to become free-floating.

sshot-546

Panels can be added back to the snap area by dragging them to the far right of your PS window. Release your mouse button when your cursor is nearly on the farthest right part of the screen, just within the dark gray window. You should see the blue line illustrated above, telling you you’re setting your new panel set to snap on the side of your screen.

Exploring Default Panels

The “Essentials” workspace is also the default set of panels. These will be what we’ll go over first.

mini bridge Mini Bridge: Adobe Bridge is an image file browsing program similar to Faststone, XnView, or Google Picasa. CS5 has integrated a smaller version of Bridge to allow more visual browsing of your images within your panels. This can be extremely helpful, although any of the aforementioned programs work just as well, if not better. Bridge tends to be a bit on the pokey side, and uses more resources than you might expect.

sshot-501 sshot-503

Visual browsing within Photoshop, however, is helpful. Bridge loads when you open the panel and ask to “Start Browsing.” Intuitive tools help navigate to folders on your machine; important and frequently used files or folders can be added to Favorites for quick recall later.

sshot-504

When you find an image you wish to load, either double-click it in Mini Bridge, or right click and pick “Open” from the contextual menu.

history History: One of the most important features of Photoshop, History allows users multiple levels of undo, allowing you to reverse a long series of mistakes. This can allow you to edit photographs or images more naturalistically, experimenting with effects that may or may not come out correctly.

sshot-551

As you can see, the above image has some random nonsense done to it I’d like to undo entirely.

sshot-552sshot-553

Opening the History Panel, you can walk backwards through all of the steps you’ve done on your image, or even revert the file by clicking the topmost area, directly below “History.”

sshot-554

You have a great deal more control over your editing with these multiple levels of undo.

color Color: A simple panel, color allows you to pick and edit your foreground and background colors without opening the color contextual menu.

sshot-509

You can adjust your Red, Green, and Blue values from 0 to 255. Higher values will give you brighter colors, as you are adding brighter and brighter light to your current color. You can also pick color straight from the rainbow at the bottom of the panel, if that seems more naturalistic.

You can also click the sshot-509 to adjust options, and pick sliders from different color modes. If you are a beginner, you won’t be interested in this until you learn about color modes first.

swatches Swatches: A good resource for beginners and professionals alike, swatches are a panel of saved colors.

sshot-511

By default, CS5 has a saved palette of 122 colors for you to use.

sshot-557 sshot-560

You can create new swatches from your foreground color by simply clicking the sshot-509 and selecting “New Swatch.”

sshot-561

Whatever color you have selected will become available as a swatch.

styles Styles: As a panel of saved “Layer Effects,” styles can be an interesting way for beginners to start experimenting or veterans to save their most common layer effects for reuse.

sshot-562

Simply clicking any of the default styles will apply them quickly to your active layer. You can manually edit them, or click the  sshot-562 to remove all layer effects.

sshot-567 sshot-566

Many of the defaults may appear strange.

sshot-565 sshot-564

Others may have some limited use.

sshot-569sshot-568

Many may leave you scratching your head. They are not all useful. However, clicking the sshot-509 will allow you to save whatever effects you have on your current layer, which can prove useful.

adjustments Adjustments: The adjustment panel creates layers that change and filter your image dynamically. While you can apply Hue/Saturation, Contrast, or Levels to your photograph, it would be permanent. Adjustments creates new layers on top of your image, that can be adjusted inside this panel.

sshot-570

Clicking “Levels” automatically creates a new adjustment layer.

sshot-571 sshot-572

You are given the option to adjust the Levels sliders and change the contrast of my image.

sshot-573sshot-574

These changes can be undone without using the history or the undo functions.

sshot-575 sshot-576

Multiple adjustment layers can be stacked, each one dynamically editable at any time, even when the image is saved and reopened. Notice how they appear as separate layers in the layers panel.

sshot-577

The example from earlier, now with the Hue/Saturation and Levels adjustments.

masks Masks: The masks palette is a method for blocking out parts of layers, reducing them to transparency. This is an elegant, non-beginner way to remove a background from a layer without using effective but destructive editing techniques.

sshot-579

The mask panel has features unique to CS5, and can help even beginner users cut out backgrounds from images with little to no effort.

sshot-578

layers Layers: Layers are the hallmark feature of Photoshop, allowing users to create 2d images in multiple editable parts.

sshot-506 sshot-507

New art can be created in layers without disturbing separate layers above or below.

sshot-580 sshot-581

Layers can be copied and masked, among other things. Adjustment layers are also  created and managed in this panel.

sshot-584 sshot-585

Layers can be stacked on top of one another, giving weird, fun, or unexpected combinations of effects.

sshot-587 sshot-586

Opacity and Blending Modes are also controlled here. Image editing with layers can quickly create rich images, and makes editing easy.

channels Channels: Digital images display colors in combinations of primary colors, each with values.

RGB Channel Demo copy

These primary colors are viewable separately your color channels. Beginners can safely ignore the channels panel, as there are few uses for beginner or even intermediate users to use channels.

sshot-508

If you care to play with channels, save your image and experiment. You can find a beginner’s primer on channels here, if you care to learn more before diving in. However, you can do worlds of photo editing without using or even understanding them, so use your own judgment if you prefer to ignore them or learn to use them.

paths Paths: Another difficult area of Photoshop, paths are vector based primitives operating similar to the ones in Illustrator. Vectors themselves are not difficult to understand, but the Pen Tool is difficult and frustrating for new users to dive into.

sshot-589

While the path panel is very straightforward, and paths and vectors fairly easy to understand, the Pen Tool and Paths in Photoshop are better left for a more in-depth article.


Photoshop tips left you confused? Start at the Beginning! Check out the previous installments of the How-To Geek Guide to Learning Photoshop.

Eric Z Goodnight is an Illustrator and Graphics Geek who hopes to make Photoshop more accessible to How-To Geek readers. When he’s not headbanging to heavy metal or geeking out over manga, he’s often off screen printing T-Shirts.

  • Published 10/27/10

Comments (11)

  1. don

    Nice, thank you!

  2. Esley Loftis

    The author is doing an excellent job, I look forward to his next installment. I always keep a notebook
    of what I do to an image so i can repeat what I done. Does “History” keep a copy even if you edit
    the same image many times. I have Photoshop Elements 8. What is the latest edition?

  3. doug182

    Nice How To!!!!!!
    I am starting to use it, the part 1 and this part i guess that it’s a good to start!!!

    congratulations!!!!!

    ill be waiting the next howto.

  4. doug182

    Esley
    if you are talking about Photoshop Element, if i remember correctly the latest version is “9″, but if your questions is about “Photoshop” the lastest verson is “Photoshop CS5 or number of version 12″…

    i hope to help you!

    Have a Nice day!!!!

  5. Robert

    Thanks for this series. I’ve used PhotoShop for years yet have
    still picked up several handy tips here. Keep it up!

  6. rino

    this is cool. however, is there something similar to photoshop, in windows 7, that is free?

  7. doug182

    rino try GIMP, is totally fre!!

  8. Drone

    Man, who can afford Photoshop? Pirates?

  9. Don Pullum

    Great series…. God help us if PS goes with the insane MS Office 2007 Rip-on menus rather than the drop downs we all know.

    It would be helpful to have a high resolution copy of the menu composite so that we could have a poster made to mount on the wall over our monitors.

    I use an old MGI PhotoSuit for simple crop and minor adjustment. For some more complicated, Corel X2, and then of course I have a PS-Elements, for other things. Always a year or two behind the latest edition prices drop quickly.

    Speaking of low price, I just got my VisTablet PenPad ™ and it works great. I will use it in PSE for cutout and some fine work where finger tight control is needed.

  10. RobCr

    I think PS should have a RIBBON (thank you MS)
    It should take up 20% of the screen
    It should not be removable.
    All Menus and Panels should be removed completely

    “Now who could argue with that” (Blazing Saddles in the Church)

    Why should PS do that, you may ask ?
    Because every other program is doing it.

  11. Freddie Nicholls

    Many thanks for the excellent articles on Photoshop like the ‘Panels’.
    I’m into Photoshop and doing quite well, but there is SO MUCH to learn, not easy when your’e 83 like me!
    That was a fantastic article and must have taken many hours to prepare.
    Is there a way to copy this, I’d like to print it?
    Regards,

    Freddie Nicholls.

Enter Your Email Here to Get Access for Free:

Go check your email!