How to Easily Remove a Green Screen Background in Photoshop

Green screens are an incredibly useful tool for photographers and videographers. By shooting a subject in front of a solid green backdrop, you give yourself the flexibility to digitally replace the background with any other image or video clip you want. This technique is used extensively in movies, television, and even photography to combine subjects with backgrounds that would be difficult or impossible to capture in real life.

Of course, to take advantage of green screen photography, you need to know how to properly remove the green background in post-processing. Adobe Photoshop makes this task surprisingly easy, giving you all the tools you need to create a clean cutout of your subject that can be placed on top of any new background. As a professional retoucher with over a decade of Photoshop experience, I‘ll walk you through the process from start to finish.

There are 4 main steps to remove a green screen in Photoshop:

1. Select the green areas using the Color Range tool
2. Convert the selection to a layer mask
3. Refine the mask edge using the Select and Mask options
4. Remove any remaining green color cast using a Hue/Saturation adjustment layer

Let‘s dive into each of these steps in detail.

Step 1: Use the Color Range Tool to Select the Green Screen

The first step is to select the green parts of the image that make up the backdrop you want to remove. You could try to do this manually with the regular selection tools, but the Color Range command makes it much faster and easier to isolate a specific color.

To access Color Range, go to Select > Color Range. This brings up a dialog box with an eyedropper cursor. Click on the green background to sample its color. You‘ll see the preview area turn white, indicating the selected areas. To fine-tune the selection, hold Shift and click to add more shades of green, or hold Alt/Option and click to remove shades. Use the Fuzziness slider to control the tolerance – a higher number selects a wider range of greenish hues.

You want the white preview area to encompass all of the green screen while avoiding selecting any part of the subject. It helps to change the Selection Preview dropdown to Grayscale so you can clearly see what‘s being selected. Once you‘re satisfied with the selection, click OK.

Step 2: Convert the Selection to a Layer Mask

Back in the main Photoshop window, you‘ll see "marching ants" animating around the selected green area. To convert this selection into a mask, click the Add Layer Mask button at the bottom of the Layers panel (it looks like a circle inside a rectangle). This hides the green screen and reveals the transparent checkerboard pattern behind it.

If the mask appears inverted (black instead of white), simply press Command+I (Mac) or Control+I (PC) to invert it. White should conceal the green screen, while black reveals the layer underneath.

To get a better look at the mask by itself, hold Alt/Option and click the mask thumbnail in the Layers panel. This shows the grayscale mask in the document window. You can toggle back and forth between the mask and composite view using this method.

Step 3: Refine the Mask Edge

While the Color Range command does a great job of making the initial selection, the edges usually need some refinement, especially around fine details like hair, fur, or jagged edges. This is where the Select and Mask workspace comes in. You can enter it by clicking the Select and Mask button in the Properties panel when the mask is selected.

Inside the Select and Mask workspace, you have several helpful tools for perfecting the mask edge:

• The Quick Selection and Refine Edge Brush tools let you manually add or remove areas of the mask by painting
• The Global Refinements section includes sliders to smooth the edge, feather it, shift it inward or outward, and adjust the contrast
• The Output Settings at the bottom allow you to choose what happens when you click OK – choose Layer Mask to replace the existing mask on the layer

For tricky areas like hair or fur, the Refine Edge Brush does an amazing job. Simply paint over the area and Photoshop will intelligently refine the edge to capture detailed strands. You can tailor the refinement using the Adjust Edge sliders that appear.

Feel free to zoom in and out, pan around the image, and switch between the Views to check your work. The Overlay view (shortcut is V) is particularly helpful as it tints the masked and unmasked areas with contrasting colors. When you‘re happy with the refined edge, click OK to commit the changes.

Step 4: Remove Green Color Cast with Hue/Saturation

Even with a perfect mask, there‘s often still a bit of leftover green spill on the subject from the bright screen. An easy fix is to use a Hue/Saturation adjustment layer. With the layer mask still selected, click the Adjustments panel icon that looks like a half-filled circle and choose Hue/Saturation.

In the Properties panel, first change the dropdown menu from Master to Greens so the adjustments only affect green hues. Then simply drag the Saturation slider to the left to desaturate those greens to a neutral gray. If there‘s still a tint, you can shift the Hue slider subtly to further neutralize it. The Lightness slider can also help brighten up the affected areas if needed.

Because the mask is controlling where this adjustment takes effect, it only desaturates the green fringe on the subject and leaves the rest of the image untouched. This is why having an accurate mask is so important.

Finishing Touches and Examples

With the green screen removed, you‘re now free to place your cutout subject on any background you wish. Simply add your new background image on a layer below the masked subject. You can resize, rotate, and reposition the subject to fit the new scene.

Here are a few before-and-after examples showing how effective this green screen removal technique can be:


Don‘t be afraid to get creative with your backgrounds! You can transport your subject anywhere from a realistic outdoor location to an abstract design or pattern. The sky‘s the limit.

If there are multiple subjects in your green screen shot, you may want to put each person on their own layer. This allows you to arrange them independently and even add filters or effects to one subject at a time. Just duplicate the original layer before you start masking so you can create a unique mask for each person.

Conclusion

As you can see, removing a green screen in Photoshop is a fairly straightforward process once you know the proper tools and workflow. Let‘s quickly recap the steps:

1. Use Select > Color Range to isolate the green areas
2. Click the Add Layer Mask button to hide the selection
3. Fine-tune the mask edge using Select and Mask
4. Remove green spill with a Hue/Saturation adjustment layer

With a bit of practice, you‘ll be able to fly through these steps quickly and create seamless composites from your green screen photos. The hardest part is often shooting the green screen photo correctly in the first place – the flatter and more evenly lit the green backdrop is, the easier it will be to key out in Photoshop. But even if your green screen setup is less than ideal, the Select and Mask tools give you everything you need to clean up the edges.

I hope this in-depth tutorial has given you the knowledge and confidence to try out green screen removal yourself! Feel free to experiment on your own photos and see what kinds of unique composites you can create. With a bit of imagination, you can transport your subjects into any scene you can envision. The creative possibilities are endless.