Home / Articles / Adobe Photoshop / Refining the Edge of a Selection in Adobe Photoshop CS5

Refining the Edge of a Selection in Adobe Photoshop CS5


  1. Refining the edge of a selection

Article Description

This excerpt from Adobe Photoshop CS5 Classroom in a Book shows you how to use the Refine Edge option to improve the quality of a selection’s edge and see the edge more clearly by removing it from context and placing it against different backgrounds.

Note: This excerpt does not include the lesson files. The lesson files are available with purchase of the book.

Sometimes you’ll get better results if you feather a selection edge to soften it, increase the edge’s contrast, or expand or contract the edge to capture wisps of hair or other detail. The Refine Edge option improves the quality of a selection’s edge, and lets you see the edge more clearly by removing it from context and placing it against different backgrounds.

In this composition, the coral has more complicated edges than the other elements. You’ll select it and then fine-tune its edges.

  1. Select the Quick Selection tool (quick-selection-tool.jpg), hidden beneath the Magic Wand tool (wand-tool.jpg) in the Tools panel.
  2. Drag from the upper-left corner of the coral to select it with part of the brown background. Use a size 6 brush to get a more precise selection.
  3. In the options bar, click the Subtract From Selection button (selection-button-1.jpg).
  4. Click throughout the brown portion of the selection, until only the coral is selected.
  5. Click Refine Edge in the options bar.

    The Refine Edge dialog box contains options to improve the selection edges by softening, feathering, or expanding them, or increasing their contrast. You can also view the selection edges as if masked or against various backgrounds.

  6. To prepare the edge for a drop shadow, set Smooth to 24, Feather to 0.5, Contrast to 12, and Shift Edge to -21.
  7. Select the Zoom tool in the dialog box, and then drag it across the piece of coral to zoom in on its edges.

    You’ll preview the shadow that you’ll add to the coral against one of the mattes.

  8. In the View Mode area of the dialog box, click the arrow next to the small preview, and then choose On Black from the pop-up menu. A black background appears under the selection, and the selection edges disappear. You can choose the other options to see the edges against different backgrounds.
  9. Increase the Radius value to add more of a shadow around the coral edges. We used a value of 4.5 pixels.

    You’ve gone to a lot of work to make and refine your selection. Now, so that you don’t lose it, you’ll save it to a new layer.

  10. When you’re satisfied with the adjustments, choose New Layer from the Output To menu, and then click OK.
  11. In the Layers panel, double-click the new layer’s name, and rename it Coral.
  12. In the Layers panel, click the eye icon next to the Background layer to make it visible.

Isolating and saving selections

You’ll save selections of the other elements in the composition, as well. That way, your selections remain intact and easily available for editing.

  1. Zoom out or scroll across the image so that you can see the nautilus shell.
  2. In the Layers panel, select the Background layer.
  3. Use the Quick Selection tool (quick-selection-tool.jpg) to select the nautilus. Increase the brush size to select it more quickly. Remember that you can add or subtract from the selection using the buttons in the options bar.
  4. Choose Edit > Copy, and then choose Edit > Paste to paste a copy of the nautilus shell onto a new layer. In the Layers panel, double-click the new layer’s name, and rename it Nautilus.
  5. Repeat steps 1–4 for the bowl of shells, mussel, sand dollar, and Sally’s Seashells logo, naming their new layers Bowl, Mussel, Sand Dollar, and Logo, respectively.
  6. Choose File > Save.

    It’s good to save your selections on discrete layers—especially when you’ve spent time and effort creating them—so that you can easily retrieve them.

Creating a soft drop shadow

To complete your composition, you’ll add a drop shadow behind the shells and logo. Adding the drop shadow is a simple matter of adding a layer effect.

  1. In the Layers panel, select the Mussel layer.
  2. At the bottom of the Layers panel, click the Add A Layer Style button (fx.jpg), and choose Drop Shadow from the pop-up menu.
  3. In the Layer Styles dialog box, adjust the shadow settings to add a soft shadow. We used these values: Blend mode: Multiply, Opacity: 45%, Angle: 30, Distance: 5 px, Spread 3%, Size: 30 px. Then click OK.

    The mussel now has a soft drop shadow.

    To replicate this shadow for the rest of the shells and the Sally’s Seashells logo, you’ll simply copy the effect to their layers.

  4. In the Layers panel, position the pointer on the Drop Shadow layer effect beneath the Mussel thumbnail (the pointer turns into a pointing hand).
  5. Hold down Alt (Windows) or Option (Mac OS), and drag the effect up to the Coral layer to copy it.

    There you have it! You’ve copied the drop shadow.

  6. Repeat step 5, Alt-dragging (Windows) or Option-dragging (Mac OS) the Drop Shadow effect onto each of the other layers except the Background layer.
  7. Choose File > Save to save your work.

    You’ve used several different selection tools to move all the seashells into place. The collage is complete!