Photoshop has a powerful set of selection tools that can handle almost any cutout you care to throw them at. Occasionally, however, we’re faced with an image that foxes the likes of the Quick Selection Tool and can be mind-numbing and laborious to select with the Pen or Lasso tools.
This photo of a bicycle is just such an image. Cutting out the frame and the wheels is a fairly straightforward task for the Pen tool, or a combination of the selection tools. When it comes to the spokes, however, it would be a horribly frustrating job. There is a quick way of tackling a task like this, however.
Instead of painstakingly outlining the individual spokes we’ll switch to Quick Mask mode and use one of Photoshop’s oldest tools, the Pencil, to draw in the spokes. Once complete, leaving Quick Mask gives us a perfect selection that takes just a few minutes to create. The reason for choosing this over the Brush tool is because, by default, the Pencil’s stroke doesn’t fade out like that of the brush, so we get a line that remains the same width.
Let’s get started. If you want to follow along, the .psd image can be downloaded here. The bike’s main selection has already been saved as an alpha channel, so you can load it up when required; unless you fancy doing it yourself for practice. No, of course you don’t!
Open up the image of the bicycle. Before we continue, we need to make sure that Quick Mask is set to the correct display mode. Double-click the Quick Mask icon in the Toolbox. This brings up its settings dialog. The default mode is to display masked areas. We want to see only the selected areas, so click its button. Click OK to set the mode.
Grab the Zoom tool (keyboard shortcut Z). Zoom in to a section of the front wheel. We need to be able to see both ends of the spokes at all times for the technique to work.
Grab the Pencil tool by clicking and holding the Brush tool icon in the Toolbox, or by pressing Shift + B on the keyboard to cycle through the tools. Go to the Options bar. Open the preset picker and choose the Hard Round preset.
We’ll start by setting the brush size. Hover the cursor over one of the spokes. Use the square bracket keys [ and ] to alter the width so it matches that of the spoke. It may not be a perfect fit but we can adjust it out later.
Now to make our first stroke. Double-check we’re in Quick Mask mode; its icon should be a solid circle, as opposed to a dashed one. Choose the first spoke to work on. Click once at the very end where it meets the wheel rim. Now follow the spoke to the other end where it’s attached to the central hub. Hold Shift and click once more. The two points will be joined up.
Move on to the next spoke and do the same. Continue until all the spokes in the current section are complete. Hold down the Space bar to temporarily switch to the Hand tool. Now pan the image over to the next section. Release the Space bar and continue highlighting the spokes until they’re all complete.
When the front wheel is complete, move over to the rear wheel and continue adding in the spokes. Don’t worry if the lines overlap the other areas of the bicycle, they’ll be merged into the final selection.
Once all the spokes are complete we can exit Quick Mask by clicking its icon again, or by pressing Q on the keyboard. This creates a selection. Currently the selection will be jagged, as we used a hard edged brush; it’s easier to modify it afterwards that it would be to get it right at the time we drew the lines.
Open the Refine Edge dialog from the Select menu, or by pressing Cmd+Opt+r/Ctrl+Alt+r. Make sure all the values are at all set to zero, in case they have been brought over from a previous session. The best view mode for the image is Black. We can choose this from the drop-down list, or by pressing B on the keyboard.
Double-click the dialog’s Zoom tool to bring the view up to 1:1. Now use the Hand tool to bring one set of spokes into view. We can clearly see the jagged edges. Start by adjusting the the Smoothness, it doesn’t need much, around 2-3 works well. We’ll add a slight feather, again, a very small amount; around 0.3px. This has given us a much cleaner selection.
If the brush size was larger than the width of the spokes, we could use the Shift Edge slider to adjust it out but it seems OK here. Click the Output To menu and set it to Selection. Now click OK. We don’t see any difference in the selection as the marching ants don’t reflect such minor adjustments.
Go to the Select menu. Click Load Selection. We can see the saved frame selection in the Channel menu. Go down to the Operation settings. Choose Add to Selection. Click OK. We now have the whole bicycle selected, including the spokes.
At this point it’s worth saving the selection; we wouldn’t want to lose the work we’ve just done. Go to Select > Save Selection. Make sure the Channel is set to New. Give it a name. Now click OK. We can save the image as a Photoshop or TIFF file to ensure the selection is saved with the file.
Now we can use the completed selection to extract the bike from its background and place it somewhere new.
- A Simple Magazine Cover Mock Up in Photoshop
- Multiple Layer Styles in Photoshop
- Updates to Adobe Stock
- Did You Forget About Photoshop Express
- How to Create 3D Lego Inspired Bricks in Photoshop and Adobe Project Felix
- 3D Text with Photoshop and Project Felix
- Scatter 3D Text By Letter in Photoshop
- The Beginners’s Guide to the Pen Tool in Photoshop
- Create 3D Glass Text in Photoshop
- Creating a 3D Ground Plane to Match an Image in Photoshop