Pinterest Stumbleupon Whatsapp
Ads by Google

green screen backgroundsGreen screen compositing has become a relatively common technique for photo and video creations in recent years, and because it’s used so often, it seems as if it’s losing its magic! Basically, the image editor recognizes a range of colors based on a sample and then seeks to remove all instances of that color. Why green? Well, it’s not a very common color as far as people’s clothing or skin goes. (As an added note, blue works just as well.)

However, have you ever wanted to try out green screen photography on your own? It’s really not that hard if you’re shooting for something extremely simple. Fortunately, I’m here to show you just how easy it is! Assuming you have access to something green, some form of lighting, and some already-existing camera know-how, you can try this out for yourself. Hopefully, being able to do it on your own will bring that magic back.

Lighting Is The Key to Green Screen Backgrounds

Most people don’t take into consideration the actual mechanics of shooting the green screen background photograph. The reality is that the most important part of it all is the lighting. Without lighting the set well, your composition will look really nasty. Let’s start with the basics, though. As with most staged photos, you’ll light your subject and your background. This provides an even tone throughout the area you are shooting in.

green screen backgrounds

When lighting the background of most images in normal photography, a shooter may decide to use various techniques to “paint” with light and create interesting shadows or patterns. On the contrary, you don’t want to do that at all with green screen photography.

green screen photos

Ads by Google

Here, the goal is to keep the green screen background as evenly lit as possible. That means no shadows! Since chroma keying (the technical term) involves taking a sample of a color (for instance, a green pixel How Does The Apple Retina Display Work? [MakeUseOf Explains] How Does The Apple Retina Display Work? [MakeUseOf Explains] These days, people are crazy about the Apple Retina Display. Supposedly, it does wonders! A completely non-pixelated screen? Who would have ever thought?! However, many questions loom the supposedly revolutionary technological advancement. Is it really... Read More ) and removing it from the image, this helps separate your foreground subject from the green screen background. Speaking of the foreground subject, it’s important to make sure they are lit better than the background.

As an added note, it is ideal to have the subject far away from the green screen (ten feet should work). This prevents any possible shadows, and it’s also why you see studios that use big green screens. Most people tend to have this idea that talent is always right up against the green screen – wrong. Even with the tiny, portable green screens it’s possible to stay at a distance. By creating a garbage matte around the area your model is in, you can use a little screen for a big picture.

Editing Tools In Photoshop

With screen scenes in movies Matching Movies To Your Mood: Do These Tools Work? Matching Movies To Your Mood: Do These Tools Work? There is something magical about movies. In the space of two hours a whole story is told from beginning to end. With a middle that hopefully leaves you feeling something, anything, for the characters and... Read More , things are a bit more hit-or-miss in my opinion. The computer takes a sample of a color, and then it gives a range based on that color. Colors within that range (hopefully they are all very similar) are then removed from the final image and replaced with another background. There are ways to get much more specific with it, but that often takes time and more money. On the other hand, with green screen photography, all tools are pretty much at your disposal in Photoshop.

There are three primary tools most editors would use when trying to make a “green-screened” image in Photoshop. These tools are simply used to select the background or the foreground and remove it.

  • Magic Wand
  • Lasso
  • Color Range

These are what I would consider your go-to tools. You may use only one at a time, for specific parts of the image, or all at once. As you work with chroma key images, you’ll learn what’s best for what. As a reminder, this isn’t just limited to Photoshop How to Fix Overexposed Photos in Photoshop How to Fix Overexposed Photos in Photoshop If you are a photographer and have a good sense of light, this tutorial is not for you. You probably know how to fix overexposed or underexposed photos. The target audience here is the wannabe... Read More , for other image editors may utilize similar weapons. Naturally, since nothing is perfect, you may want to make some manual color touch-ups after removing the green.

The Magic Wand

I’d say that the easiest, most automatic tool one can use for background removal is the magic wand. Essentially, this tells the application to remember the color value of the pixel that you have clicked and then to select pixels with similar hues that are nearby. The magic wand will also select similar connecting pixels, and this helps when selecting giant chunks of green. Even so, the handy non-physical, semi-magical apparatus isn’t perfect. Sometimes it will select pixels you wouldn’t want to it to touch, and in such situations, the tool is ultimately rendered useless.

green screen photos

The Lasso

Alternatively, for foreground removal, the lasso tool manually cuts objects from a green screen background. By selecting individual points on the image, connecting lines will be created between them. After a closed circuit is created, the selected image can be extracted from the background. Of course, this tool comes with a couple of add-ons: the polygonal and the magnetic lasso.

green screen photos

Both extras do exactly the same thing as the lasso. However, there are some slight differences. For instance, the polygonal lasso will create perfectly straight lines from point to point. On the other hand, the magnetic lasso clings to what Photoshop considers to be the edge of your selected image. Both tools add automatic functions to a highly-manual tool, and as with the case of the magic wand, there is certainly room for error.

green screen photo

Color Range

Personally, I’d say that the color range tool is the best piece in your kit for background removal. While the magic wand selects wide areas and the lasso selects more specific ones, the color range targets a sampled color and selects all instances of that color in the image.

The tool can be accessed by looking at your menu bar, opening the Select drop-down menu, and clicking Color Range. Additionally, you can select Modify from the same drop-down menu, and this will allow you to smooth, feather, and do more to your images to refine the pixel edges (which was a problem we already discussed).

green screen photo

Setting The Background

After getting rid of the selected green area, you can now place your foreground on top of a fresh new background. This is done through layering, and you can even do this with free photo editors Don't Install An Image Editor: Try These Cloud-Based Photo Editors Instead Don't Install An Image Editor: Try These Cloud-Based Photo Editors Instead If you want to get really good results, you need to download some kind of graphics software or other editing app, and put it through its paces. But now, you can do most of your... Read More like the GIMP.

green screen photo

Remember how I said the lighting was very important when illuminating the green screen itself? Well, I’d say it’s equally so when it comes to lighting your subject. A photographer needs to make the lighting of the subject match the background when he actually shoots the image. With that in mind, he should probably already have the background in mine before even capturing the first picture. Else, the subject will look very out of place. Admittedly, our subject in the sample photos isn’t lit in the best of ways, but it should give you the general idea of how everything works.

This is why your standard Mac PhotoBooth background replacement looks so cruddy. The lighting is terrible! Granted, it is possible to use Photoshop as a means to adjust the lighting in post. If that’s the case, I would light the subject very evenly while on set and then apply various shadows while editing. Going brighter could cause a bit of grain or other riff-raffs.

green screen backgrounds

Conclusion

So there’s a lot to green screen photography, but I’d say the best way to figure it out is by actually doing it. That said, I would first find a portable green screen or painting a wall with chroma key paint. If you don’t have professional lights, try experimenting with work lights from the hardware store.

What lighting techniques do you use for green screen background photography? What are some of your favorite green screen photographs?

Image Credits: presto44miguelwhee, mmsz

  1. Sarah
    July 20, 2016 at 4:28 am

    Thank you Joshua,
    Very well written, just wish I had read it first :-) I have a green screen, and I shot a few photos but I still need to work on the lighting. Your article was very helpful, I now have a better idea of what I need to do. Next photo shoot should be much better and cleanup should be easy.

    Sarah

  2. devine
    March 2, 2016 at 6:59 am

    I removed Green color from recorded video in ios as well as live camera capturing using opengl in ios. I spent 10 days to remove green screen from recorded video . Live camera green screen i referred and it really really helped me to remove green color from my mp4 and mov videos .

    any help mail me on devinep.divya@gmail.com

  3. Tracy Hibbs
    March 6, 2015 at 8:17 pm

    Your article was very helpful. Very well written for all levels to understand. So many times the expert writing the article speaks to other experts, using hard to understand terminology ect. They forget the point... If I were already an expert...I wouldn't need to read it :)
    I will definitely look up any other tutorials you may have done. If you dont already, you should. You would have a great following I'm sure.

  4. Elizabeth Sebastian
    January 13, 2013 at 7:07 am

    Would a green posterboard from Staples or the local craft shop work just as well? What shade of green should it be, or does it matter? Does neon green (0 255 0 RGB) work better than say "mid-range" or "normal" green (0 192 0 or 0 128 0 RGB?) With regard to lighting, is an overhead light balanced with a table lamp acceptable, or should a spotlight still be used?

    • Joshua Lockhart
      January 13, 2013 at 6:14 pm

      Great, great questions.

      I would be lying if I said I knew the actual RGB values, but Chroma Key paint (or for portable purposes, a cloth) is what I have typically seen on set. I've used poster boards for small projects I did for fun, so you should be okay. The goal is to keep the color completely different than anything the talent is wearing.

      Regarding lighting, I'm not sure about your set up, but I would use something bright and diffused. I've used big studio LED lights before, but I've also used softboxes. Don't use the spotlight since it would target one area and be really, really harsh.

      If you can manage to use typical household lights, try it. However, if you can spend a little but are still on a budget, get some shop lights and spend a little on diffusion. Just make sure the green screen is bright and evenly lit.

      Ideally (for me), I would have two diffused lights on either side of the wall, pointing at the wall, but behind the subject. I would light the wall, put up flags to block them from hitting the subject, and then after that, I would light the subject.

      Did that help at all? I'm not sure if I explained things well enough. Keep throwing questions at me if needed. It's why I'm here.

  5. Roger
    January 3, 2013 at 3:57 pm

    I am looking forward to trying this out. I've seen it done but never tried it myself. Thanks!

  6. Keith Swartz
    January 3, 2013 at 8:26 am

    Thank you Joshua & MakeUseOf for this article! It is still awesome to me, the way that this is done! Oh, yes, I shall begin right away attempting too get proficient at the Green Screen! Thank you again!

    • Joshua Lockhart
      January 3, 2013 at 9:07 am

      Good luck, Keith. Mind reporting back when you're done? I'd like to see it.

  7. Lisa Santika Onggrid
    January 2, 2013 at 3:35 pm

    We had loads and loads of fun with this at class. In fact, this technique was the first Photoshop trick I learnt a few years ago. I have never done it using color range because magic wand does the trick most of the time, although with slightly fuzzy edge (which is okay when you're just using it for prank), so thanks. Pulling this with an image is fairly simple, but chroma-keying video will require more work and precision (have MUO covered that? I think it'd be an interesting article).

    • Joshua Lockhart
      January 3, 2013 at 9:05 am

      We haven't covered that, actually. Seems like something worth writing about, though.

  8. Trevor Eady
    January 2, 2013 at 2:33 pm

    i made a green screen once but it dident work

    • Lisa Santika Onggrid
      January 2, 2013 at 3:36 pm

      Can you elaborate in which way it went wrong?

  9. Nevzat Akkaya
    January 2, 2013 at 7:55 am

    I avoid pirating apps, so I tend to use freeware replacements for pricy apps like Photoshop. Paint.net and Gimp shop saves the day :)
    Thanks for the tutorial.

    • Joshua Lockhart
      January 2, 2013 at 12:44 pm

      Good for you. I always I appreciate hearing that. Got any creations to show us?

      • Nevzat Akkaya
        January 2, 2013 at 12:48 pm

        I'm not a graphics expert by any means. I just use graphic editors for simple operations like resizing, cropping, adding-clearing text etc. I'm more of a programmer and windows systems administrator.

        • Joshua Lockhart
          January 3, 2013 at 9:14 am

          We all wear different hats here. Feel free to share even if you aren't an "expert". : )

  10. Anonymous
    January 2, 2013 at 4:18 am

    Photoshop is one of the greatest photo editing apps and i think 2nd most pirated software after Microsoft windows. why spend loads of money or pirate it, if you can do such jobs for free. Use Gimp guys, the GUI is not appealing as Photoshop but have almost everything that you could expect from such software.

    • Joshua Lockhart
      January 2, 2013 at 4:27 am

      The GIMP is nice. I'm not an avid user of it, though. Do you think it works well across different applications? (Video editing, design, etc.)

  11. Deekshith Allamaneni
    January 2, 2013 at 3:29 am

    I usually do it with GIMP. The procedure to do is almost same. We use intelligent scissors in GIMP which is same as Magic wand in photoshop.

    • Joshua Lockhart
      January 2, 2013 at 12:43 pm

      I really need to try that out again. When I was running Windows I played around with it a little. After getting a Mac, I got an Adobe suite and never turned back.

    • Fatih Hamzah
      January 4, 2013 at 4:06 am

      I use GIMP too, of course it can But no doubt that Photoshop has better tools for any photo editing. :)

Leave a Reply

Your email address will not be published. Required fields are marked *