So this one should be short and sweet.  You’ve got a photo with a green screen background and you want to remove the green, place in some new background, and pass it off as a nice clean piece of work.  It’s not hard to do and you can do it yourself. Without further ado, let’s get started…


 

Step 1

Open your image and add in the background

Screen Shot 2014-07-16 at 3.05.22 PM

We picked this nice shot of some glasses in front of a green screen…

Screen Shot 2014-07-16 at 3.10.36 PM

… and we are going to place them on this crazy dog that had a little too much fun! Notice I placed the dog layer below the layer with the green screen.  This makes sense since the glasses will sit on top of the dog’s face.  If this were a headshot and you were putting it on some other background, the headshot would be the glasses and the background would go where the dog is.

Step 2

Select the green color range

This is where the magic happens, click Select -> Color Range.

Screen Shot 2014-07-16 at 3.05.46 PM

First you will need to click on the green area of the screen, this will choose that color range to be selected.  Then go ahead and slide the fuzziness slider until you feel you have an accurate representation of the subject selected without the background.

Screen Shot 2014-07-16 at 3.06.13 PM

Step 3

Remove the green color in a non-destructive manner

It is not uncommon to think the next step is to delete the green selection.  Although this will work, it is destructive and is not with the best practice of Photoshop.  A better alternative is to create a mask using the selection.  Of course we want the mask to be the glasses themselves and not the green section, so we need to inverse our selection.

Go ahead and click Selection -> Inverse.

Screen Shot 2014-07-16 at 3.11.01 PM

And then click the mask button on the layer.

Screen Shot 2014-07-16 at 3.11.14 PM

Boom, that dog is classy now!

Screen Shot 2014-07-16 at 3.11.44 PM

Bonus!

Let’s make this look like an ad for some spiffy new glasses! Select the areas from the glasses layer that are outside of the view of the glasses, like this…

Screen Shot 2014-07-16 at 8.00.13 PM

Then, without deselecting the current selection, change to the dog layer

Screen Shot 2014-07-16 at 8.00.25 PM

And apply a Gaussian blur to the selection

Screen Shot 2014-07-16 at 8.05.18 PM

You can then slide the radius slider to choose how bad you want to make this poor sap’s eyesight.

Screen Shot 2014-07-16 at 8.05.55 PM

And there you have it!

Screen Shot 2014-07-16 at 8.00.53 PM

 

And finally, I know you probably noticed the ugly green reflection on the hands and glasses.  Now this is a bit more advanced, but I’ll show you my method for removing that.

First thing you need to do is open Image -> Adjustments -> Replace Color

Screen Shot 2014-07-16 at 8.19.32 PM

Select the outer edge of the hand where the green is, and then choose a color down at the bottom by clicking “Result” and picking a color that closely resembles the color of the skin.  Click OK and repeat the process by clicking on the green within the glasses and choosing a result color close to the glasses color.  The final result is (drum roll)

Untitled-1

And now we have a picture worthy of a print ad.

Thanks for reading!

Leave a Reply