Pinterest Stumbleupon Whatsapp
Advertisement

Want to turn a cloudy sky into a beautiful sunny day? Or add a flat background to your corporate headshot?

It’s actually quite easy. Changing the background of an image is one of Photoshop’s core features A Complete Beginner's Guide to Adobe Photoshop Creative Cloud A Complete Beginner's Guide to Adobe Photoshop Creative Cloud Do you find yourself overwhelmed by Photoshop? Are you unsure how to perform even the most simple tasks? In this guide, we take a look at the absolute basics of the Adobe software. Read More , and it even includes tools to select tricky areas like hair, and match the colors from different photos. Read on to find out how to do it.

Multiple Approaches

The best approach to changing the background in Photoshop is to create a selection that separates the foreground and the background.

Before and after

As with everything in Photoshop, there are several different ways to do achieve the same results. In this tutorial we’ll be using the Quick Selection tool, but it would work just as effectively with the Pen tool. That’s a little more advanced, but the Pen tool is definitely one worth mastering.

If you want to follow along with the same images you can grab them both from the excellent royalty-free image site 12 Best Sites to Get Royalty-Free Stock Photos 12 Best Sites to Get Royalty-Free Stock Photos Looking for royalty-free stock photos? We did some research and found the best websites with the greatest variety, quality, and freedom available. Read More Pexels.com. Get them here and here.

1. Select the Foreground Object

Grab the Quick Selection Tool from the toolbar, or by hitting W on your keyboard. With a hardish brush click and drag inside the area you want to select. Photoshop will try to guess which parts you want to include based on the contrast levels in the image.

As as result, you’ll find that areas with high contrast and hard edges are selected cleanly, but low contrast and soft edges will require more work.

In some images you might find it easier to select the background instead. You can then invert the selection by pressing Shift + Ctrl + i on Windows, or Shift + Cmd + i on Mac.

2. Fine-Tune Your Selection

To fine-tune your selection zoom into the image and make your brush size smaller by pressing the left square bracket. Now continue clicking and dragging to add parts of the foreground object to your selection.

If you need to remove anything from the selection hold down the Alt key and click and drag in those areas.

Ideally your selection should contain all solid objects, but you don’t need to obsess over selecting individual strands of hair, for example. We’ll sort that out in a moment.

3. Select and Mask

In the options bar at the top of the screen click Select and Mask… The screen that opens enables you to refine the selection and convert it into a mask.

In the Properties panel click the View Mode option to change how you will see your selection. Overlay is a good choice, as you can pick a color that contrasts with your image. But as you work you may want to hit the F key to cycle through the views — different backgrounds will highlight any problems with your selection.

4. Refine the Selection

Now you can begin refining the selection. In the toolbar on the left side of the screen are various tools to help you with this:

  • Quick Selection Tool. The same as we used in step 1, this can be used to quickly add (or remove) any larger areas to your selection.
  • Refine Edge Brush Tool. Best used over hair and other soft edges.
  • Brush Tool. Use this over harder edges.
  • Lasso/Polygonal Lasso Tool. Manually draw areas to add or remove from your selection.

Zoom in to your image to check the edges of the selection. You won’t need to touch much of it — you’re mostly looking for areas that either haven’t been selected, have been wrongly selected, or have very rough edges.

In our image we’ll start with the Brush tool to smooth the edges of the wall and body. Just paint in to add to the selection, or hold Alt and paint to remove areas.

Next, switch to the Refine Edge tool to touch up the hair, or any soft edges. Under Edge Detection in the right hand panel check the box marked Smart Radius. This helps Photoshop to make a distinction between soft and hard edges. Also, you can increase the Radius a little. You’ll need to do this by eye to see its effects — press P to toggle between before and after.

Place a softish Refine Edge brush on the outer edge of the hair and begin brushing. You should see strands of hair starting to be added to the selection. Hold down the Alt key and paint to undo your changes if you aren’t happy with them.

5. Adjust the Settings

The Select and Mask options include several listed under Global Refinements. We don’t need them in our image, but for reference they are:

  • Smooth. Smooths the edge of a selection, removing any jagged lines. Good for selections with a clear edge.
  • Feather. Softens the edge of a selection by adding a feather.
  • Contrast. Hardens the edge of a selection by increasing contrast on the edge pixels.
  • Shift Edge. Moves your entire selection in or out by a specified number of pixels.

6. Remove Color Fringing

Once you’re happy with your selection, go to the Output Settings in the right hand panel. Tick Decontaminate Colors to remove any color fringe left in your selection.

In Output, choose New Layer with Layer Mask, and click OK. You will now return to your main image, with your selection added as a new layer 10 Must-Know Introductory Photoshop Skills for Beginner Photographers 10 Must-Know Introductory Photoshop Skills for Beginner Photographers In this guide, we take a look at some Photoshop features you can dive straight into, even if you have little or no previous photo editing experience. Read More .

7. Paste Your New Background

Next, paste in the image containing your new background. Place it on a layer just below the layer containing your foreground selection.

Use the Hand tool to position the layer wherever you want, resizing it if necessary using the Free Transform tool (Ctrl +T, or Cmd + T). Grab the handles on the the corners or sides of the images and drag inwards to make it smaller. Hold the Shift key to keep the aspect ratio the same.

8. Match the Colors

By now it should be looking pretty good. The final step is to fix colors of the foreground to make sure they blend properly with the background.

Select the foreground layer, making sure to select the image not the mask. Go to Image > Adjustments > Match Color.

In the window that opens go to Source and select the image you’re working on. Under Layer select which layer you want to fix — you can either match the foreground to your new background, or vice versa.

Now check the Neutralize box to remove any color casts from your chosen layer, and adjust the Luminance and Intensity options until your foreground and background match. You can reduce the effect using the Fade slider if you need to. Use the Preview option to toggle between the before and after states.

9. You’re Done!

Click OK and you’re done. Save your file in the PSD format to preserve all the layer information. With the foreground, background, and original image all on separate layers, your file remains fully editable. You can edit the mask to add or remove from what’s visible in your foreground, and you can reposition the background or even experiment with different ones entirely.

Have you followed this tutorial? How did you get on? Do you have any other tips to share with our readers? Let us know in the comments.

Image Credit: Svetlana Larina via Shutterstock.com

Leave a Reply

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

  1. mohamed ilham
    June 16, 2017 at 8:06 pm

    so very helpful

  2. srhgrdnr
    June 8, 2017 at 1:23 am

    so not helpful, would make more sense and be easier to learn via watching a video not screen prints and writing out how to do it. Waste of my time to even look at this.

  3. Koren Schmedith
    May 21, 2017 at 7:29 am

    This article consists of a great set of information regarding Photoshop. It is a very effective post. Well detailed and nicely described.

  4. Koren Schmedith
    May 21, 2017 at 7:27 am

    It is a post consists of a great set of information. I loved the way of your writing and the whole article.

  5. anil kumar
    April 20, 2017 at 8:34 am

    Nice post with a detailed information and presentation is also good. just now i tried to change the background of image and i didn't able to find the short cut of free transform. Here in this post i found it . Thanks for your it is very much easy to understand.

  6. Faisal
    April 10, 2017 at 6:43 pm

    Thanks for complete guide.

    Such a nice brief tutorial :)

    Stuck on Matching Colors option. I couldn't make it done right way.