16
Email Address •••••••• Login Register Login Register Email Address •••••••• Login search design shack Design Shack — Web Design Gallery, Articles & Community search design shack Articles Gallery Deals About Search Business Critique CSS Design Dilemma Freebies Graphics HTML Inspiration JavaScript Layouts Navigation Software This Week in Design Typography 8 Ways to Get the Selection You Want in Photoshop by Joshua Johnson on 7th September 2011 Mastering different forms of selection creation is one of the fundamental aspects of becoming a Photoshop professional. If you don’t know half a dozen techniques or more to create a usable selection, your toolbox of skills is unnecessarily limited. Today we’re going to take a quick look at eight popular methods for creating selections in Photoshop and where each is the most applicable. Why All the Options? Photoshop is a mammoth of an application that’s seemingly ripe with redundancy. For any given action, there’s always a handful of different ways to go about it! This is especially true of creating selections, which is an action that Photoshop excels at and has tons of features to support. So why bother learning them all when you can just get really good at using one? Is it really necessary to know

Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

Email Address   ••••••••   Login  RegisterLogin RegisterEmail Address   ••••••••   Loginsearch design shack

Design Shack — Web Design Gallery, Articles &Communitysearch design shack

ArticlesGalleryDealsAboutSearch

BusinessCritiqueCSSDesign DilemmaFreebiesGraphicsHTMLInspirationJavaScriptLayoutsNavigationSoftwareThis Week in DesignTypography

8 Ways to Get the Selection You Want in Photoshop

by Joshua Johnson on 7th September 2011

Mastering different forms of selection creation is one of the fundamental aspects of becoming a Photoshopprofessional. If you don’t know half a dozen techniques or more to create a usable selection, your toolbox ofskills is unnecessarily limited.

Today we’re going to take a quick look at eight popular methods for creating selections in Photoshop and whereeach is the most applicable.

Why All the Options?

Photoshop is a mammoth of an application that’s seemingly ripe with redundancy. For any given action, there’salways a handful of different ways to go about it! This is especially true of creating selections, which is anaction that Photoshop excels at and has tons of features to support.

So why bother learning them all when you can just get really good at using one? Is it really necessary to know

Page 2: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

eight or more different ways to create a silly little selection?

The answer is a resounding “absolutely.” Every single method of creating a selection that you can come up withhas particular strengths and weaknesses. Some methods are better suited for creating quick and dirty selectionswhen you don’t need a lot of accuracy, others are better for creating precise, pixel perfect selections. Somemethods work better when there’s a lot of contrast in the image to work with, others help when there’s almostnone.

Let’s take a look at each of the major selection techniques and discuss what they are, how to use them and underwhat circumstances you should consider implementing them.

Marquee

We’ll start with the most basic selection tool in Photoshop: the Marquee Tool. Odds are, you already know allabout this one. With it, you can draw a box or circle to select a portion of your canvas. Not much to it right? Notso fast, let’s look at a few quick tips that you should know when working with the Marquee Tools.

Single Row/ColumnThough you can switch to them directly via the keyboard, hidden in the submenu of the Marquee Tool are theSingle Row and Single Column Marquee Tools. In all likelihood, you’ve probably never used these. However,they are extremely helpful and should be kept in mind when you’re trying to undertake the difficult task ofmaking single pixel selections.

Keyboard SwitchingWhen you’re working with any other tool in Photoshop, you can switch to the Marquee Tool with a quick “m”.This will typically bring up either the rectangular or elliptical version, depending on which you last used. Thisisn’t the end of the keyboard functionality though, “⇧M” will allow you to quickly switch between therectangular and elliptical versions without venturing into the submenu.

Modification ShortcutsThese tools follow a standard that you’ll find repeated across the entire line of Adobe desktop publishing apps.When you hold Shift, the shape will be constrained to perfect proportions (a perfect circle or square). HoldingOption (Alt) will allow you to start the shape from the center rather than the top left. Combining the two,“⇧⌥”, will give you a proportional shape that grows from the center.

Page 3: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

Finally, it’s extremely useful to know that you can actually move the selection around while you’re still in theprocess of creating it. Simply hold Space and you can reposition the inprocess selection.

Additional Options

When you’re using the Marquee Tools, there will be a strip of options above the canvas. These allow you createprecisely sized selections, feather your selection and change the default behavior of the next selection action(add to, take away, etc.). The latter of these options can also be accomplished with your keyboard: Shift adds toa selection, Option subtracts, and Shift+Option intersects.

When to Use Them

The Marquee Tools are workhorses, you’ll use them all the time. However, they’re only for the most basic ofselection tasks. Any time you need a slightly complex selection, it’s best to use one of the other methods. Don’tfall into the trap of using these simply because they’re the easiest, there are plenty of other options that are justas simple and work far better in certain scenarios.

Lasso

Slightly more complex than the Marquee Tools are the Lasso Tools, which give you much more freedom overthe shape of your selection. There are three variations of the Lasso Tool: the Default Lasso Tool, PolygonalLasso Tool and Magnetic Lasso Tool, which can be quickly cycled through via the “L” key.

Lasso ToolThe Lasso Tool is 100% freeform. Simply grab it and start drawing with your mouse or trackpad to make aselection. Obviously, the result is going to be rudimentary at best and even tends to be quite sloppy!

Page 4: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

Polygonal Lasso ToolThe Polygonal Lasso Tool allows you to click from point to point to gradually build a selection. Selectionsmade with this tool are purely comprised of straight edges. If you don’t mind some tedious clicking, you canpull off a primitive curve, but for the most part you’ll definitely want to stick to hard edges.

Combining the TwoIt’s pretty rare to find an area that can be selected with only straight lines. Fortunately, you can combine the useof the Lasso Tool and Polygonal Lasso Tool in one fluid workflow. Grab the Lasso Tool and hold down Optionto draw straight lines with the Polygonal Lasso. Then, once you hit a curve, let off of Option and you’ll have thefreeform Lasso. Once you’re done with the curve, hold down Option again to go back to making straight lines.

Magnetic Lasso ToolThe Magnetic Lasso Tool is a lot like a cross between the Polygonal Lasso Tool and the Magic Wand Tool. Itallows you to build your selection incrementally, but in a fairly automatic fashion. Simply move your mousealong an edge and the MLT will give its best guess for outlining that edge. You can let the tool build yourpoints automatically or manually click if there’s a specific point that you think needs to be dropped.

Page 5: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

This tool comes with a few settings in the toolbar that let you adjust the width, contrast and frequency. If youdon’t like the result you’re getting, try fiddling with these.

When to Use Them

The Lasso Tools represent your tedious selection tool set. They are in fact capable of making very complex andirregular selections, but the accuracy is in the mid range and highly depends on a steady mouse hand.

Use these tools when you need to make a general selection that doesn’t require a lot of accuracy. To be honest, Iuse the Polygonal Lasso for quick, hard edge selections and usually forgo the others completely in favor ofanother selection method. The freeform Lasso is much more fun and accurate if you have a drawing tablet so besure to try that if you have one.

Magic Wand

Page 6: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

Next up is our old friend the Magic Wand Tool. I’m going to be honest up front, this is a tool that is primarilyused by users who are either new to Photoshop, lazy or inexperienced with other selection methods. Yes, that’sa blanket statement but historically this is a pretty awful tool that has led to decades of hideous selections.

Now, that being said, the recent edition of the “Refine Edge” command has pretty much saved the Magic Wand.In fact, Refine Edge is so good at repairing a poor selection, I even find myself reaching for the Magic Wandfrom time to time!

Everyone knows how to use this tool: click on an area and Photoshop will attempt to select that area based oncolor and contrast. The results are rarely as good as you want them to be but if you have truly solid color fieldsthen it can work decently.

SettingsThe key to using the Magic Wand Tool effectively (apart from using Refine Edge) is to familiarize yourselfwith the settings. Three of these are particularly important: Tolerance, Contiguous, and Sample All Layers.

The tolerance allows you to control the sensitivity of the color selection criteria. A higher tolerance will selectmore of the image, a lower tolerance will select less. Think of this setting as telling the accuracy with whichPhotoshop will match the pixel that you click on.

By default, the magic wand will make a selection of similar pixels that are actually connected to each other. Inother words, only one area will be selected. Deselecting the “Contiguous” checkbox will cause the Magic Wandto ignore connections and instead select any pixels on the canvas that are close in color to the one that youclicked on while keeping your tolerance settings in mind. A noncontiguous Magic Wand Selection is verysimilar to a Color Range selection.

The last option allows you to choose whether the Magic Wand takes all layers into consideration or only the onethat is currently selected.

When To Use It

As you can tell from the comments above, I’m not the biggest fan of this tool. For nearly every selection task,you can find another option that works just as well or better. There are some legitimate uses for it, but

Page 7: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

ultimately this should be considered to be your “quick and dirty” selection tool. The only real advantage here isspeed, this tool is extremely fast so if you’re in a hurry and don’t mind having a selection that looks like it wasmade with a hacksaw, go for it.

Quick Selection

The Quick Selection Tool is somewhat of a newcomer to the Photoshop selection tool family. However, it’salready proved itself to be far more useful than the Magic Wand Tool. This tool works like a brush: select yourbrush size, hardness, and spacing, then start painting to create a selection.

Upon its debut, I expected to hate this tool and file it away in the “only amateurs use this” category. However, itblows me away every time I use it! It really seems to be capable of interpreting my actions and picking out whatI’m trying to select in cases where the Magic Want would be completely ineffective.

For instance, in the image below, using the Magic Wand we would have to select the white portion and inversethe selection because using it on the multicolored pinwheel would be quite tedious. However, with the QuickSelection Tool, I simply painted one broad stroke across the pinwheel and the resulting selection wasremarkably accurate!

Page 8: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

Your results can get even better if you select “AutoEnhance” from the tool settings above the canvas. Onceagain, the results should be combined with “Refine Edge” for a truly accurate selection.

When To Use It

I recommend using the Quick Selection Tool any time you’re tempted to use the Magic Wand. It’s moreintelligent, gives you more control and simply produces a better selection in most cases.

Color Range

As I mentioned above, using the Color Range command is similar to a noncontiguous Magic Wand Selection.It allows you to quickly target not simply one color but a range of colors within your canvas.

With the Color Range window active, you use the eyedropper to target a specific color. Hold Shift to add to thatselection and Option to subtract from it. The “Fuzziness” slider is like the Magic Wand’s “Tolerance” setting

Page 9: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

and allows you to adjust how accurate the color matching is.

Below the sliders you get a little black and white preview of your selection. Just like in a mask, white representsselected portions and black represents deselected portions.

When To Use It

To use the Color Range Tool, you’ve really got to have some well defined portions from a color perspective.For instance, the photo of the jellybeans above seems like it would be perfect for this tool but in reality thelighting and shadows make for some widely varied tones that aren’t easily targeted with Color Range.

It’s certainly a powerful tool, but I find that it’s pretty rare to be working with an image that really makes theColor Range command worthwhile. Try it out on a few images and you’ll quickly get a feel for when it will andwon’t work effectively.

Pen Tool

Learn More

Painless time tracking and invoicing for professionals. Free for 30 days.

x

Page 10: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

The Pen Tool is probably the most widely feared of the selection tools, it also happens to be one of my favorite.To be accurate, the tool is specifically for creating paths, which can then easily be converted to selections via aCommandClick.

The Pen Tool is difficult to master but once you really get the hang of it, there’s simply nothing that feels asaccurate or flexible. The strength of the Pen Tool lies in creating smooth curves. These are hard to freehand andobviously impossible with the Polygonal Lasso.

So why not just use the Quick Selection Tool? There are several reasons! First of all, you can be far moreprecise and intentional in your selection with the Pen Tool. Further, Pen Tool paths are vector and are thereforeincredibly versatile, allowing for endless editing and scaling at any time. Also keep in mind that your eye cansense an edge much better than software so when there’s a lack of clear contrast, the Pen Tool will provesuperior. Finally, paths can be saved with even flat files and therefore represent the best way to embed aselection into a file that doesn’t retain layers.

When To Use It

Page 11: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

As long as you’re not working with a soft edge, the Pen Tool should be at or near the top of your list of gototools for creating professional quality selections. Having a saved vector path to work with is simply anunparalleled advantage.

I used to do a lot of work with grocery store product shots and the standard way for us to share images was ahigh resolution JPG with an embedded clipping path. This allowed us to keep file size small while also makingit easy to remove the product from its background.

Masks

This one might confuse you a bit. After all, you typically create a selection and then convert it to a mask,meaning that the ultimate end is the mask, not the selection. However, this logic can easily be reversed,sometimes the best way to create a complex selection is create, refine and tweak a mask (Commandclick on aMask to turn it into a selection).

There are several benefits to using a mask to structure your selection. For starters, typical selections are lost assoon as you deselect everything, but masks stay with the layer and can even be saved with a layered file.

Masks give you a better balance of freedom and control over your selection than perhaps any other method (youcan even combine them with the other methods). The reason for this is that you have the freedom to usePhotoshop brushes and take advantage of the endless benefits therein. For instance, painting with a gray brushcreates a diluted selection.

Another key advantage of masks is that you can use them to create soft selections. Almost all of the selectionmethods we’ve examined thus far are best used with hard edges, but what if you’re trying to create a blurryselection? From crafting a selection from a photo with a shallow depth of field to trying to select a shadow,there are tons of times when you need to work with soft edges and masks are the way to go about it.

Page 12: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

When To Use Them

Use Masks when you need a high degree of accuracy in your selection but don’t necessarily require a vectorpath. Also, any time you need to create a selection that can be continually evolving and feature both soft andhard edges, masks are your best friend.

Leveraging Channels

Creating truly complex selections and masks is a painstaking process that can take years to fully learn. Onetechnique that will boost your talent in this area by leaps and bounds is getting the hang of using Channels as ameans to create selections.

To do this, inspect your channels closely with the thought that white equals fully selected, black equals notselected and everything in between represents various levels of selection. Find the channel that most closely

Page 13: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

correlates to your desired selection and use it to your advantage.

For example, say we wanted to create a precise selection of the hair on the image above, an intimidating task!To begin, find the channel with the greatest amount of contrast and duplicate it. Then, find ways to increase thecontrast even further: Levels adjustments, dodge and burn, brushing in black and white, etc.

With enough work, you’ll end up with a super high contrast channel like the one below. From here you simplyCommandclick on the channel to create a selection. This often results in the opposite of what you want (we’veselected the background, not the hair), so inverse the selection and you’re ready to go!

I’ve outlined this technique in detail in the our Complete Beginner’s Guide to Masking in Photoshop.

When To Use Them

Channels are incredibly useful tool. Any time you’re faced with creating a dauntingly complex selection, have alook at the channels and look for areas of contrast that you can manipulate. Utilizing this method, you’ll be ableto create selections that impress even the pros!

Page 14: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

Conclusion: Mix and Match

To sum up, there are a million ways to select something in Photoshop. This article was meant to help youbecome aware of the major methods of crafting a selection and when you should think about implementingeach. Knowing the right tool for the job is vital in creating effective selections.

Keep in mind that this guide isn’t meant to get you to choose one method over another in every circumstance.Instead, you should be analyzing each scenario individually and deciding which combination of tools will getyou closest to the result that you want.

Leave a comment below and tell us about your selection tendencies. Do you have a few favorite tools that youalways use? Are there any that you hate? We want to know!

For more related resources:

Get up to 35 free images from Bigstock.Complimentary video clips on Bigstock. Get up to 35 videos in a week.

SubscribeFollow @designshack on Twitter Like Design Shack on Facebook Find us on Google+ Subscribe to the DesignShack RSS Feed Join our email newsletter

Advertisement

Page 15: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

Advertisement

Membership

Join the community as a Design Shack member, and you'll be able to:

Feature your designs in the gallerySave your favourite designs into a collectionReceive our weekly newsletter for designersUse keyboard navigationGain early access to new features

Become a Member

   

Page 16: Design Shack — Web Design Gallery, Articles & Communitydigital.pbworks.com/w/file/fetch/100110305/8 Ways... · The Quick Selection Tool is somewhat of a newcomer to the Photoshop

AdvertisementAbout the Author

Joshua Johnson

Equal parts editor, writer, designer, & photographer. Hit me up on Twitter,read my Mac tutorials or check out my photos.

Twitter: @secondfretGoogle+: Joshua JohnsonDribbble: secondfret500px: secondfret

Made by Compact Creative © 2015

Home / Gallery / Articles / About / Advertising

In Partnership with and