How to Use a Green Screen in Photoshop
When your favorite movie character flies above the Earth or jumps off a building, movie magic turns a shot captured on a studio sound stage into a believable composite, replacing a solid green background with another scene. In movies and still photos, this process takes advantage of the color contrast between a subject and a fabric backdrop or painted wall. An effects artist isolates the foreground and creates the final scene. With careful use of Adobe Photoshop's tools and features, you can perform similar digital magic on your own images.
Open the "Layer" menu, and then choose "Duplicate Layer" to create a copy of your master image. This protects your original photo from any destructive steps involved in the process of extracting the subject from its green-screen background.
Open the "Select" menu, and then choose "Color Range." When the Color Range dialog box opens, set the "Select" drop-down menu to "Sampled Colors." This setting enables you to use the Color Range cursor like a fine-tuned version of the Magic Wand tool and select the background tone.
Activate the "Selection" radio button below the image preview area so the preview shows your selection results. Set the "Selection Preview" drop-down menu to your choice of preview option: Grayscale presents fully selected areas in white and partial selections in gray; Black Matte and White Matte use the colors in their names to designate selected areas; and Quick Mask presents the same preview you see in Quick Mask mode.
Click on the background green tone to begin your selection. You can make your selection in the main image window behind the Color Range dialog box or on the preview image within the dialog box itself.
Adjust the Color Range "Fuzziness" slider to increase or decrease the range of colors that Photoshop considers to be part of the selected area. Raise or lower this setting in much the same way you use the Tolerance setting that increases or decreases the sensitivity of the Magic Wand tool.
Click the "+" eyedropper button and sample additional color areas to add them to your selection. If you accidentally add an area you don't want included, press "Ctrl-Z" to undo the last sampling action, or click on the sampled area with the "-" eyedropper. When the background looks fully incorporated into the color range, click the "OK" button to apply it and return to the main image window with an active selection.
Press "Shift-Ctrl-I" to invert the selection so it encloses the foreground subject instead of the green background. Open the "Select" menu, and then choose "Refine Edge" or click on the "Refine Edge" button in the Options bar. Lower the Radius setting to accommodate the sharp contrast between your subject and the background.
Use the Adjust Edge sliders to smooth and feather the selection perimeter, and the Contrast slider to make the edge appear harder. The Shift Edge slider moves the selection in or out. If you see green fringing around the edges of your object -- typically because the photographer failed to position it at the correct distance from the green screen -- activate the "Decontaminate Colors" check box to shift the color of pixels at the outer edges of the subject.
Set the Refine Edge "Output To" drop-down menu to "New Layer With Layer Mask" to create a new version of the image layer with your selection applied as a pixel mask. Make this choice especially if you use the Decontaminate Colors option, which changes the image rather than simply altering the selection. Even if you duplicated your image before you began the extraction process, making this option a regular part of your mask-creation routine helps protect your work from accidental alterations.
Tips & Warnings
- The best green-screen images use even lighting to maintain equally even coloration across the entire shot. This simplifies the task of selecting and removing the background.
- The more you use Adobe Photoshop, the more methods you accrue for approaching an individual type of task. Depending on the appearance of an individual green-screen shot, you may see good results from the Extract filter plugin. Other approaches use the Magic Wand to select an exceptionally evenly lit background color; apply calculations to blend two channels of the image, creating a new channel that can serve as a mask; apply a Hue/Saturation adjustment layer to neutralize the green; or use the Masks panel to add a mask that you fine-tune using the Color Range option built directly into the mask creation process. Note that the Extract plugin appears only in the Windows edition of Adobe Photoshop CC and Adobe Photoshop CS6, because it presents compatibility problems with Mac OS X.
- Not all green-screen techniques actually use green screens. Selecting a background color for this process means choosing a shade that doesn't exist in the foreground subject. An actor in a green monster suit won't stand out against a green screen, but the same character proves easy to extract from in front of a blue wall.
- Green screen techniques take advantage of digital cameras' higher sensitivity to green. In the days of film photography for still photos and motion pictures, blue screens leveraged the equivalent sensitivity of the medium.
- Save your working files in the PSD format under a version-specific name to avoid overwriting your original image.
- Information in this article applies to Adobe Photoshop CC and Adobe Photoshop CS6. It may differ slightly or significantly with other versions or products.
References & Resources
- Adobe Systems: Adobe Photoshop Help and Tutorials [Creative Cloud]
- Adobe Systems: Adobe Photoshop Help and Tutorials [CS 6]
- FilmmakerIQ.com: Hollywood's History of Faking It: The Evolution of Greenscreen Compositing
- SignVideo: How Chroma Keying Works
- The Ken Stone Index: Chroma Key Basics for DV Guerrillas -- Part 1
- Adobe Photoshop CC Classroom in a Book; Adobe Creative Team
- Adobe Photoshop CS6 Classroom in a Book; Adobe Creative Team
- The Photoshop CS3/CS4 WOW! Book; Linnea Dayton and Cristen Gillespie