Green Screen

Chromakey (green screen)

  • Open your photo in Photoshop
  • Screen Shot 2014-05-29 at 8.36.43 PM
  • Go to Windows—>Layers and make sure there’s a check next to Layers
  • This is your Layers Panel
  • Screen Shot 2014-10-23 at 8.00.52 PM
  • Make a layer copy (Command J)
  • Screen Shot 2014-10-23 at 8.01.24 PM
  • Make the Background layer invisible by clicking off the eye icon on the layers panel
  • Screen Shot 2014-10-23 at 8.03.00 PM
  • Use the Crop Tool (C) to make a selection around the portion of the image you want to keep. Try to get as much as the background cropped out as possible.
  • Screen Shot 2014-10-23 at 8.03.24 PM
  • Press Enter or Return on your keyboard
  • Screen Shot 2014-05-29 at 8.36.56 PM
  • Click on the Move Tool (V)
  • Screen Shot 2014-10-23 at 8.04.18 PM
  • Go to Select—>Color Range
  • Screen Shot 2014-10-23 at 8.04.43 PM
  • Set the fuzziness to 200
  • Make sure ‘Selection’ is checked
  • Click on the green in the photo
  • Screen Shot 2014-05-29 at 8.40.49 PM
  • Press OK
  • Screen Shot 2014-05-29 at 8.37.06 PM
  • Screen Shot 2014-10-23 at 8.07.55 PM 
  • Go to Layer—>Layer Mask—>Reveal Selection
  • Screen Shot 2014-10-23 at 8.08.43 PM
  • Your Layers Panel should look like the image below
  • Screen Shot 2014-10-23 at 8.08.55 PM
  • Make sure the layer mask thumbnail is selected (it looks black and white)
  • Select your Brush Tool (B) and make sure the colors are white and black. It’s important for the white to be on the top
  • Screen Shot 2014-10-23 at 8.09.35 PM 
  • Make sure the brush opacity is set to 100%
  • Screen Shot 2014-10-23 at 8.09.48 PM
  • Use the Brush Tool to ‘paint’ back any portion of the image that was accidentally deleted
  • You can reverse the colors so that the black is on top to eliminate any green that wasn’t deleted
  • Screen Shot 2014-10-23 at 8.20.34 PM
  • Go to File—>Place Embedded
  •  Screen Shot 2014-10-23 at 8.27.42 PM
  • Screen Shot 2014-10-23 at 8.27.56 PM
  • You will need to resize the image by clicking and dragging the corners. Hold the shift key down to keep it all in proportion.
  • Screen Shot 2014-10-23 at 8.28.30 PM
  • Press Enter or Return on your keyboard to release the image
  • Screen Shot 2014-10-23 at 8.28.36 PM
  • Your Layers Panel should look like the image below
  • Screen Shot 2014-10-23 at 8.28.41 PM
  • Click and hold on the new layer that you just added and drag it under Layer 1
  • Screen Shot 2014-10-23 at 8.28.52 PM
  • You can continue to use the Brush Tool (make sure you are on the layer mask thumbnail) to edit the image
  • Screen Shot 2014-10-23 at 8.31.45 PM
  • Once you are done, save your image in psd format
  • Go to Layer—>Flatten Image
  • Screen Shot 2014-10-23 at 8.39.11 PM
  • Screen Shot 2014-10-23 at 8.39.29 PM
  • Press OK
  • Screen Shot 2014-10-23 at 8.39.37 PM
  • Go to File—>Save As
  • Screen Shot 2014-10-23 at 8.39.43 PM
  • Change the format to JPEG or PNG
Helpful Tips:
  • Use the ‘Transform’ option to adjust the perspective
  • Adjust the brightness/contrast to help blend in with the background
  • Use hue/saturation to adjust color (color balance also works well)