SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

An Introduction to Photoshop Selection Tools

October 15, 2018 by Alex Fox

Your Photoshop selection tools are perhaps the most powerful part of the application. By making effective selections, you unlock the power of the rest of the application. This includes localized image adjustments, compositing, and accurate mockups and object placement. Sloppy selections always show in the final product, so it pays to learn to make a proper selection.

The Photoshop Selection Tools

There are many Photoshop selection tools available to grab pixels. Creating a precise selection is the single most important skill in Photoshop, regardless of your final product. Remember, garbage in, garbage out.

  • Lasso: freehand selection tool
  • Magnetic Lasso: lasso that “sticks” to edges (boundaries of high contrast) to make selection easier.
  • Polygonal Lasso: selects a polygon defined by points you make.

  • Rectangular/Elliptical Marquee: select a rectangle or ellipse

  • Magic Wand: create a selection based on pixel color
  • Quick Selection: use a magic wand-style algorithm to select regions progressively
  • Pen: the pen tool’s primary purpose is creating paths by using points and Bézier curves. Completed paths can be converted into exacting selections.

Magic Wand and Quick Selection are not precise enough for most uses. The Freehand Lasso is most useful when adding or removing pixels from an existing selection. The marquee tools are most useful when selecting organic objects, especially with the editing tools described below.

The Pen tool is typically the most heavily relied on. It makes extremely precise selections possible without precise physical control. You can modify the selection boundary as you are creating it while creating smooth shapes that match the objects we see in the natural world and photographs. Once you know the basics of using the Pen tool, the best way to improve competency is practice.

Editing Existing Selections

A crucial part of accurate selection is adding to and removing from selections. This is done with keyboard shortcuts. To use these keyboard shortcuts, hold down the referenced keys before starting your drag. Once you begin dragging, the key can be released without changing the function of the drag.

Shift + Drag displays a small plus symbol next to the selection tool. Any selection you make will be added to the existing selection.

Option + Drag displays a minus sign instead. Any selection you make will be removed from the existing selection.

Shift + Option + Drag will only select pixels in the intersection of the new and old selection.

There are also selection transformation hotkeys that are valuable

Shift + Drag with the rectangular or elliptical marquee selected with restrict the selection to a square or circle.

Option + Drag with a marquee tool selected will draw the marque from the center out, rather than the top right edge.

Holding the Spacebar will produce the Hand tool, allowing you to drag the image around. This is crucially important when making selections at high zoom levels.

You can also move an in-progress marquee selection with Spacebar + Drag.

Command + D will deselect whatever is selected. This is a good “start over” key for selections that aren’t going as planned.

Select and Mask

Once you’ve created a rough selection, you’ll need to refine it. This is where the magic happens. We will use Photoshop’s algorithms to help narrow our selection to only the pixels we absolutely want.

Select > Select and Mask is where you’ll find the most powerful tools. You can also choose specific operations from Select > Modify.

The sliders in Select and Mask are cryptically named. We will define them one by one.

View Mode

The top of the pane is for selecting a view mode. These options adjust how your selection appears in the preview window. The default settings are fine for now. As you become more practiced, you’ll recognize situations where the other view modes can be useful.

Radius

Underneath those tools is the Radius slider. This adjusts Photoshop’s edge detection algorithm. The number in the Radius slider tells Photoshop how far from the selection boundary to look for apparent edges. Photoshop finds edges by comparing areas of local contrast, and it’s quite good at it. By expanding the radius, you can get your rough selection to “snap” into place around the edges of your subject. This is especially true for difficult-to-select objects like hair or clothes.

The Smart Radius checkbox lets Photoshop adjust the radius in response to the results of its edge detection algorithm. If an obvious edge is detected ten pixels from the selection boundary, for example, the algorithm won’t continue looking further out. This can help avoid false positives or overly messy selections.

Global Refinements

Global refinements allow for control of the selection’s properties all the way around the boundary. They’re not targeted, nor particularly precise. In general, you’ll want to use these tools sparingly, and only when you’re trying to match the contours of an object. Don’t use these tools to try and obscure an imprecise selection.

  • Smooth will remove sharp edges from the selection boundary, especially if those edges are very small. This can sometimes clean up a messy Radius selection. Be gentle with the slider: too much smoothing will turn a crisp selection into a sloppy one.
  • Feather softens the edge of the selection. It works by progressively selecting a lower and lower percentage of pixels as it fades away from the selection boundary. This creates a soft edge to the selection. Only use this selection when you are trying to match an object that has these properties, like a fuzzy pom-pom.
  • Contrast adds definition to your selection. It’s essentially the opposite of the Feather slider.
  • Shift Edge will move the selection boundary in our out by the set percentage. Negative percentages shrink the selection and positive percentages grow the selection.

There are also a small selection of tools on the left of the Select and Mask window. These allow you to paint your own radius area, allowing for non-uniform radii and improved edge detection.

When you’re done making your refinements, click OK to apply the refinements to your currently selection. With that selection, you can then proceed to do as you’d like.

Conclusion

Selecting accurately in Photoshop is all about familiarity with your tools. If you want to improve your precision, practice making selections.

You might also like the following posts:

Best Photoshop Plugins

Skillfully Swapping Faces In Photoshop Without Making It Noticeable

Recreating Photoshop Effects in CSS – Part 1 – The PSD

Filed Under: Tutorial, Uncategorized Tagged With: adobe photoshop tutorials, photoshop, Photoshop tools

Recent Posts

  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js
  • Best PHP Books, Courses and Tutorials in 2022
  • How to Get Your First Web Design Client

Archives

  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022