How To Remove a GREEN SCREEN in Photoshop!

871K views 21.9K likes 386 comments

Jump to a step in the video (10)

Click a time to play the video from there.

  1. 0:00 Introduction
  2. 0:05 Color Range To Select The Green Screen
  3. 2:04 Create a Mask Based on The Selection
  4. 2:28 Adjust the Mask Edges with Select and Mask
  5. 3:45 Paint on the Mask to Hide Imperfections
  6. 4:10 Use The Minimum Filter to Remove Edge Halos
  7. 5:04 Use The Select and Mask Workspace to Refine the Hair
  8. 6:38 Use The Hue/Sat Adjustment to Remove the Green Glow
  9. 9:00 Paint In The Flyaway Hair
  10. 10:07 Final Thoughts
Show Shortcuts for
Text size
Appearance

Your choices stick across every tutorial on this device.

You can remove a green screen in Photoshop by making a precise selection, masking it out, and cleaning up the color and hair it leaves behind.

In this easy-to-follow tutorial, you’ll learn how to remove a green screen in Photoshop in just a few steps!

Refine Hair, the automatic hair-selection button used later in this tutorial, shipped in Photoshop 2021 (version 22.0) in October 2020, two months before this video was recorded. It is still in the current version of Photoshop.

Key Takeaways

  • Color Range targets a green screen more precisely than the AI-powered Remove Background button, because you can add exact shades of green to the selection by hand.
  • Checking Invert after a Color Range selection is what keeps your subject instead of the background.
  • The Minimum filter contracts a mask by pixels, so a small radius increase is usually enough to clear a green fringe.
  • Refine Hair only appears in Photoshop 2021 and later. Earlier versions need the Refine Edge tool’s manual brush instead.
  • A Hue/Saturation adjustment layer clipped to your subject can shift leftover green into a color that matches the hair, instead of just removing saturation.
  • Flyaway hairs lost in masking come back by painting on a new layer clipped to the mask, not by adjusting the mask itself.

What You Will Learn

  • How to select a green screen precisely with Color Range
  • How to refine mask edges in the Select and Mask workspace
  • How to remove edge halos with the Minimum filter
  • How to automatically refine hair selections with Refine Hair
  • How to shift leftover green pixels with a Hue/Saturation adjustment layer
  • How to paint back flyaway hair strands Photoshop’s mask removed

Requirements

Before you start

Keyboard Shortcuts

ActionWindowsmacOS
Add to the Color Range or Select and Mask selectionShiftShift
Temporary Hand tool (pan)Space BarSpace Bar
Create Clipping MaskCtrl Alt GCommand Option G
Temporarily switch the Brush tool to the EyedropperAltOption
Increase brush sizeRight BracketRight Bracket

Color Range To Remove A Green Screen In Photoshop

Note: With a Green Screen background, an older tool works better for this scenario than using the new A.I. enabled Remove Background button. 

For a general background-removal workflow that does not involve a green screen, see How To Remove a Background In Photoshop.

Choose Select > Color Range and use the Eyedropper Tool to target the green background and select it. Hold Shift as you click-and-drag over the areas to add more color pixels into the selection.

Color Range dialog with the eyedropper sampling the green screen background

Then, check the Invert box to apply the selection to your subject and not on the background.

Invert box checked so the selection lands on the subject instead of the background

For a quick preview of the selection, toggle the Image option, and from Selection Preview, choose None.

Image option toggled and Selection Preview set to None for a quick look

Create a Mask Based on The Selection

Click on the New Layer Mask icon to create a Layer Mask from the selection.

New Layer Mask icon clicked to turn the active selection into a mask

Tip: Before you fine-tune the Mask, consider creating a Solid Color Fill Layer to better see the adjustments you apply.

Adjust the Mask Edges with Select and Mask

Select the Layer Mask thumbnail and on the Properties panel, click on the Select and Mask button to access its workspace.

Use the Global Refinements sliders to fine-tune the edge and eliminate the fringing (green edges).

  • Smooth reduces jagged edges.
  • Feather blurs edges.
  • Contrast sharpens the edges.
  • Shift Edge contracts or expands edges.

In most cases, you will need to smooth, sharpen, and contract the mask edge.

Global Refinements sliders smoothing and contracting the mask edge

Press OK to apply the changes to your Layer Mask.

Paint on the Mask to Hide Imperfections

With the Brush Tool, you can adjust your Layer Mask by painting with white (#ffffff) to reveal or black (#000000) to hide. Different shades of gray will give you varying levels of opacity.

This is also why the old Background Eraser tool has fallen out of favor: it deletes pixels instead of hiding them. See The Truth About Photoshop’s Background Eraser Tool for the full explanation.

Use The Minimum Filter to Remove Edge Halos

Choose Filter > Other > Minimum to contract the mask. This will help you remove edge halos/fringing. The larger the radius, the more you will contract the mask.

Minimum filter radius contracting the mask to clear green edge halos

Set the Preserve dropdown to Roundness for organic or human subjects. You can use the Squareness for man-made objects such as buildings or cars.

Preserve dropdown set to Roundness, the better choice for a human subject

Use The Select and Mask Workspace to Refine the Hair

Return to the Select and Mask workspace and access the Refine Edge Tool from the Toolbar.

For a full breakdown of every slider and tool in this workspace, see How To Cut Out Anything From a Photo in Photoshop.

Refine Edge tool picked from the Select and Mask toolbar

Paint over the hair to refine the hair’s edges and further remove the green screen’s remnants between the hair strands.

If you have Photoshop 2021 or newer, you can click the Refine Hair button on the Options bar. Photoshop’s built-in AI will find the hair and paint it automatically.

Refine Hair button on the Options bar, Photoshop's automatic way to select hair

Then, press OK to save the changes and exit the workspace.

Use The Hue/Sat Adjustment to Remove the Green Glow

Create a Hue/Saturation Adjustment Layer to change the remaining green pixels’ hue into something less noticeable. 

Press CtrlAltG (Windows) or CommandOptionG (macOS) to clip the Hue/Saturation adjustment layer to the Model layer, so it does not affect the other layers.

Hue Saturation layer clipped to the model layer with Ctrl plus Alt plus G

From the Master drop-down, select Greens.

Master dropdown switched to Greens so only green pixels are targeted

Use the Saturation slider to desaturate the greens or expand the color slider’s coverage of the selected color.

Bring the Saturation back to 0, then adjust the Hue slider to change the green hue to match the hair.

Saturation slider pulled down to drain the leftover green from the edges
Model after the hue shift, with the green glow along the hair gone

Tip: You may disable the Color fill layer to focus on repainting the flyaway hair strands.

Color fill layer switched off to concentrate on the flyaway hair strands

Select the Layer Mask and use the Brush tool to paint with white to reveal areas that Photoshop washed out with white.

Layer mask preview after refining the hair selection

Paint In The Flyaway Hair

Create a New Layer and rename it to “Hair.”

Fresh empty layer named Hair added above the cut out model

Then, press CtrlAltG (Windows) or CommandOptionG (macOS) to clip it to the layer below.

Hair layer clipped to the layer below using Ctrl plus Alt plus G

With the Brush tool selected, hold Alt (Windows) or Option (macOS) to temporarily enable the Eyedropper tool and sample the subject’s hair color.

Holding Alt with the Brush tool to sample the hair color with the eyedropper

Start painting over the masked edge to paint back the flyaway hairs.

For more ways to rebuild missing hair strands by hand, see ADVANCED Hair Masking In Photoshop (With BUSY Backgrounds).

Final result after learning how to remove a green screen in Photoshop, with no fringe left in the hair

Frequently Asked Questions

Why use Color Range instead of the Remove Background button for a green screen?

The Remove Background button is built for busy, uneven backgrounds. A green screen is a single solid color, so Color Range can target it more precisely and leave a cleaner edge around the hair.

Why do I need to invert the selection in Color Range?

Color Range selects the green screen itself. Checking Invert flips that selection onto your subject, so the layer mask you create keeps the subject and hides the background.

What does the Minimum filter do to a green screen mask?

Filter > Other > Minimum contracts a mask inward by a set number of pixels. That pulls the mask edge past the leftover green fringe, so the halo around your subject disappears.

Do I need Photoshop 2021 to remove a green screen?

No. Earlier versions can still remove a green screen with Color Range and the Refine Edge tool. Photoshop 2021 or later just adds the automatic Refine Hair button, which speeds up the hair step.

Why does the hair still look green after masking?

A layer mask hides pixels, but green light reflected onto the hair strands themselves stays until you fix it. A Hue/Saturation adjustment layer, clipped to your subject and targeted at Greens, shifts that leftover color to match the hair.

How do I get flyaway hair strands back after masking?

Create a new layer and clip it to the layer below so it only affects your subject. Sample one of the darker hair colors with the Eyedropper tool, then paint along the mask edge to rebuild the strands the mask removed.

What is fringing on a green screen cutout?

Fringing is the thin line of green left around a subject’s edge after masking, caused by green light bouncing off the background onto the subject. The Minimum filter and a Hue/Saturation adjustment layer both help remove it.

Can I remove a green screen without Select and Mask?

Yes, you can create a rough mask with just Color Range. The Select and Mask workspace’s Global Refinements sliders and Refine Hair button still make the edges and hair look far more natural, so it is worth the extra step.

Conclusion

You can remove a green screen in Photoshop with a precise selection, a refined mask, and a little color correction for the leftover fringe.

None of these steps need the newest AI tools. Color Range, Select and Mask, and a Hue/Saturation adjustment layer have handled green screens since long before automatic background removal existed.

Watch the full video above for every click, and comment on the video if a step does not go the way you expect.

Pro Training

Selections and Masking Mastery

Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.

View the Course

Keep going

Once your subject is cut out cleanly, try the same two-step Select and Mask process on a busy, non-green background.

Final Image

Drag the slider to see before and after

After: How To Remove a GREEN SCREEN in Photoshop!
Before: How To Remove a GREEN SCREEN in Photoshop!
Jesús Ramirez

About the author

Jesús Ramirez

Jesús Ramirez is a graphic designer and the founder of the Photoshop Training Channel, which he started in 2012 and has grown past two million YouTube subscribers. He has taught at Adobe MAX, Adobe Summit, and Photoshop World, teaches courses for CreativeLive and Pluralsight, and was one of five artists chosen for Adobe Stock's Make a Masterpiece campaign. His Photoshop templates shipped inside Photoshop CC 2018.

More about Jesús Ramirez

Similar Posts