{"id":89013,"date":"2022-08-25T06:00:00","date_gmt":"2022-08-25T10:00:00","guid":{"rendered":"https:\/\/www.online-tech-tips.com\/?p=89013"},"modified":"2024-10-24T03:23:55","modified_gmt":"2024-10-24T07:23:55","slug":"how-to-change-the-background-in-an-image-using-photoshop","status":"publish","type":"post","link":"https:\/\/www.online-tech-tips.com\/how-to-change-the-background-in-an-image-using-photoshop\/","title":{"rendered":"How to Change the Background in an Image Using Photoshop"},"content":{"rendered":"\n

If you\u2019ve taken a great photo of your subject but the background just doesn\u2019t fit, don\u2019t worry – you can easily change the background to whatever you\u2019d like in a few steps using photo editing programs such as Adobe Lightroom or Photoshop.\n<\/p>\n\n\n\n

In this Photoshop tutorial, we\u2019ll show you how you can replace the background image, including how to select your subject and color match the original images.\n<\/p>\n\n\n

\n
\"How<\/a><\/figure><\/div>\n\n\n

How to Change Background Images Using Photoshop\n<\/h2>\n\n\n\n

There are several steps to replace a background image in Adobe Photoshop CC. Firstly, you need to import both the original image and your new background image. Then, you need to select and mask your subject, subtract the background, and overlay the subject on the new background. Finally, you can add finishing touches such as color to match the two images.\n<\/p>\n\n\n

\n
\"How<\/a><\/figure><\/div>\n\n\n

Of course, this will be easier with an image that has a clearly defined subject and background, such as the image we\u2019ve chosen to illustrate the process. If there are several subjects, or there is a foreground or an unclear background, it will be more difficult to create a convincing image.\n<\/p>\n\n\n\n

With that out of the way, here\u2019s how to change the background of an image.\n<\/p>\n\n\n\n

Step 1: Import the New Background Image\n<\/h2>\n\n\n\n

The first step is to open your image and import the new background. The trick here is to use a background image that fits the perspective of your subject as best as possible.\n<\/p>\n\n\n\n

In our example, a lady is looking into the distance and her upper body is visible. Choosing an image with too much of a foreground would not match it, so we\u2019ve chosen a distant landscape with a similar perspective as the new background.\n<\/p>\n\n\n\n

    \n
  1. Open the image in Photoshop by either clicking and dragging the file in or by selecting File <\/span>> Open<\/span> and choosing the image file.
    <\/li>\n<\/ol>\n\n\n
    \n
    \"Step<\/a><\/figure><\/div>\n\n\n
      \n
    1. With the image open in Photoshop, select File <\/span>> Place Embedded<\/span>.
      <\/li>\n<\/ol>\n\n\n
      \n
      \"Step<\/a><\/figure><\/div>\n\n\n
        \n
      1. Navigate to your new background image and select Place<\/span>.
        <\/li>\n<\/ol>\n\n\n
        \n
        \"Step<\/a><\/figure><\/div>\n\n\n
          \n
        1. Place the new layer below the original layer by clicking and dragging it in the Layers<\/span> panel. You may have to unlock the original layer by clicking the lock <\/span>icon first.
          <\/li>\n<\/ol>\n\n\n
          \n
          \"Step<\/a><\/figure><\/div>\n\n\n

          Step 2: Select and Mask the Subject\n<\/h2>\n\n\n\n

          There are several ways to create a selection. If you have a clear subject, Adobe Photoshop\u2019s automatic subject selection tool is the easiest to use. However, you can use a combination of the Quick Selection tool, the Magic Wand tool, and the lasso tool to select your subject, too.\n<\/p>\n\n\n\n

          Select Your Subject\n<\/h4>\n\n\n\n
            \n
          1. Click Select<\/span>.
            <\/li>\n\n\n\n
          2. Click Select Subject<\/span> <\/span>and let Photoshop perform its magic.
            <\/li>\n<\/ol>\n\n\n
            \n
            \"Step<\/a><\/figure><\/div>\n\n\n
              \n
            1. Alternatively, use the Quick Selection <\/span>or Magic Wand<\/span> tool to select as much of your subject as possible.
              <\/li>\n<\/ol>\n\n\n
              \n
              \"Step<\/a><\/figure><\/div>\n\n\n
                \n
              1. Use the Lasso <\/span>tool to refine your selection. This will be necessary for harder to identify subjects. In our example, you can see that Adobe has picked up some wrong areas.
                <\/li>\n<\/ol>\n\n\n
                \n
                \"Step<\/a><\/figure><\/div>\n\n\n
                  \n
                1. With the lasso tool, holding shift <\/span>and circling an area will add to the selection while holding alt<\/span> <\/span>will subtract.
                  <\/li>\n<\/ol>\n\n\n
                  \n
                  \"Step<\/a><\/figure><\/div>\n\n\n
                    \n
                  1. Click Select and Mask\u2026 <\/span>to cut out your subject.
                    <\/li>\n<\/ol>\n\n\n
                    \n
                    \"Step<\/a><\/figure><\/div>\n\n\n

                    Refine the Selection\n<\/h4>\n\n\n\n
                      \n
                    1. Refine the selection further if needed by using the lasso<\/span> and brush <\/span>tools from the toolbar. To add to your selection, make sure the add to selection <\/span>button is selected. To remove areas, click the subtract from selection<\/span> button.
                      <\/li>\n<\/ol>\n\n\n
                      \n
                      \"Step<\/a><\/figure><\/div>\n\n\n
                        \n
                      1. Finally, zoom in to the edge of your selection. If the edges look unnatural, under Global Refinements<\/span>, change the Smoothness <\/span>and Contrast<\/span> sliders until the selection looks more natural. It can be helpful to adjust the Opacity<\/span> <\/span>slider to 100% to better see the edges.
                        <\/li>\n<\/ol>\n\n\n
                        \n
                        \"Step<\/a><\/figure><\/div>\n\n\n
                          \n
                        1. Click on Refine Edges<\/span> to fine-tune any difficult areas, such as hair. Then select Refine Hair<\/span> (if it is hair) to let Photoshop refine the edge automatically, or use the brush to add areas to your selection.
                          <\/li>\n<\/ol>\n\n\n
                          \n
                          \"Step<\/a><\/figure><\/div>\n\n\n
                            \n
                          1. In the Output Settings<\/span>, select the drop-down menu and click Layer Mask<\/span> then select OK<\/span>.
                            <\/li>\n<\/ol>\n\n\n
                            \n
                            \"Step<\/a><\/figure><\/div>\n\n\n

                            Note:<\/span> The more time you spend refining your selection, the better your results will be. Zoom in and pay close attention to any areas that Photoshop has accidentally added or removed. You can always adjust your selection later by double-clicking the mask layer.\n<\/p>\n\n\n\n

                            Position Your Subject in the Composition\n<\/h4>\n\n\n\n

                            Now, simply click and drag your subject to where you would like them to appear in the final image. This is entirely up to preference.\n<\/p>\n\n\n\n

                            Step 3: Match the Perspective\n<\/h2>\n\n\n\n

                            Matching the perspective from the original photo to your new background will help make the image look more realistic. To do so, you can use the ruler tool to mark where the horizon is in the original image, and line the new background up so that it\u2019s in more or less the same position.\n<\/p>\n\n\n\n

                              \n
                            1. Disable the layer mask by holding shift<\/span> and clicking the layer mask<\/span> so that the original background is clearly visible. If successful, the layer mask should have a red cross covering it.
                              <\/li>\n<\/ol>\n\n\n
                              \n
                              \"Step<\/a><\/figure><\/div>\n\n\n
                                \n
                              1. Click and drag from the horizontal ruler to create a line where the horizon would likely be.
                                <\/li>\n<\/ol>\n\n\n
                                \n
                                \"Step<\/a><\/figure><\/div>\n\n\n
                                  \n
                                1. Using the Move <\/span>tool, position or resize the new background so that the horizon aligns with the original perspective. To make this easier, slide down the opacity<\/span> <\/span>on the top layer.
                                  <\/li>\n<\/ol>\n\n\n
                                  \n
                                  \"Step<\/a><\/figure><\/div>\n\n\n

                                  Step 4: Content-Aware Fill\n<\/h2>\n\n\n\n

                                  If you have reached the edge of your image and introduced a transparent background, you can use the Content Aware Fill<\/span> tool to create a background in that area. If your background has no transparent pixels, you can skip this step.<\/p>\n\n\n\n

                                  To fill the transparent area:\n<\/p>\n\n\n\n

                                    \n
                                  1. Right-click your background layer and select Rasterize Layer<\/span>.
                                    <\/li>\n<\/ol>\n\n\n
                                    \n
                                    \"Step<\/a><\/figure><\/div>\n\n\n
                                      \n
                                    1. Select the Rectangular Marquee Tool<\/span> and make a selection that includes the transparent area as well as a small amount of your background.
                                      <\/li>\n<\/ol>\n\n\n
                                      \n
                                      \"Step<\/a><\/figure><\/div>\n\n\n
                                        \n
                                      1. Click Edit<\/span> > Content-Aware Fill<\/span>.
                                        <\/li>\n<\/ol>\n\n\n
                                        \n
                                        \"Step<\/a><\/figure><\/div>\n\n\n
                                          \n
                                        1. Click OK<\/span>.
                                          <\/li>\n<\/ol>\n\n\n\n

                                          Step 4: Match Depth of Field\n<\/h2>\n\n\n\n

                                          The next step is to match the depth of field of your original image. For this, you have to image how cameras work, and which parts of the image should be in focus. In our example, the woman in the foreground is in focus, meaning everything in the distance will be out of focus. The further away, the more out of focus it will be. \n<\/p>\n\n\n\n

                                          To add this effect, we\u2019ll introduce blur to the background image:\n<\/p>\n\n\n\n

                                            \n
                                          1. Select the background layer<\/span>.
                                            <\/li>\n\n\n\n
                                          2. Select Filter<\/span> > Blur<\/span> Gallery<\/span> > Tilt Shift<\/span>. Other blur effects will work as well (such as Gaussian blur), but tilt shift will give the effect of gradually increasing blur into the distance.
                                            <\/li>\n<\/ol>\n\n\n
                                            \n
                                            \"Step<\/a><\/figure><\/div>\n\n\n
                                              \n
                                            1. Drag the middle circle<\/span> down until it is where your subject\u2019s plane of focus will be (in our case, the woman\u2019s feet). Everything above the top dotted line will be out of focus.
                                              <\/li>\n<\/ol>\n\n\n
                                              \n
                                              \"Step<\/a><\/figure><\/div>\n\n\n
                                                \n
                                              1. Change how much blur is introduced with the Blur<\/span> slider. Move this around until it looks realistic then select OK<\/span>.
                                                <\/li>\n<\/ol>\n\n\n
                                                \n
                                                \"Step<\/a><\/figure><\/div>\n\n\n

                                                Step 5: Match the Lighting\n<\/h2>\n\n\n\n

                                                You may notice that your subject and the new background have different light sources. This can be difficult to adjust, so it\u2019s better to choose a background with a similar light source. In our example, you can see in the background that the light source is to the left (the shadows fall to the right). However, in the subject, the light source is more top down. \n<\/p>\n\n\n\n

                                                This can be adjusted by introducing lighting and shadows. To do so: \n<\/p>\n\n\n\n

                                                  \n
                                                1. Select Adjustments<\/span> then Exposure<\/span>.
                                                  <\/li>\n<\/ol>\n\n\n
                                                  \n
                                                  \"Step<\/a><\/figure><\/div>\n\n\n
                                                    \n
                                                  1. Press Ctrl <\/span>+ I <\/span>to invert the mask.
                                                    <\/li>\n<\/ol>\n\n\n
                                                    \n
                                                    \"Step<\/a><\/figure><\/div>\n\n\n
                                                      \n
                                                    1. Lower the exposure, then paint using white to introduce shadows to the correct side of your subject.
                                                      <\/li>\n<\/ol>\n\n\n
                                                      \n
                                                      \"Step<\/a><\/figure><\/div>\n\n\n
                                                        \n
                                                      1. Repeat steps 1 to 3 but raise the exposure to add highlights.
                                                        <\/li>\n<\/ol>\n\n\n\n

                                                        Step 5: Color Match Your Images\n<\/h2>\n\n\n\n

                                                        At this point, you should have your subject nicely aligned on the new background. However, you will notice that the two images have different color tones. To fix this, you may need to: \n<\/p>\n\n\n\n

                                                          \n
                                                        1. Match the colors automatically by selecting the background layer, then clicking Image <\/span>> Adjustments<\/span> > Match Colors<\/span>. For Source<\/span> select your subject. Then, click Neutralize<\/span> to match the colors. Play around with the Luminance <\/span>and Color Intensity <\/span>sliders if necessary, then select OK<\/span>.
                                                          <\/li>\n<\/ol>\n\n\n
                                                          \n
                                                          \"Step<\/a><\/figure><\/div>\n\n\n
                                                            \n
                                                          1. Alternatively, match the colors manually by adjusting the RGB levels. To do so, select Adjustments <\/span>then Levels<\/span>. Make sure the adjustments only affect your subject by selecting the clipping mask <\/span>icon. Now adjust the red, blue, and green channel individually until the subject colors are more closely aligned with the background color.
                                                            <\/li>\n<\/ol>\n\n\n
                                                            \n
                                                            \"Step<\/a><\/figure><\/div>\n\n\n
                                                              \n
                                                            1. Finally, add a global adjustment layer to make the subject and background match each other. This can include adding grain, color filters, or vignettes to improve the cohesiveness. To add global color adjustments, the best way is to select Adjustments<\/span> > Color Lookup<\/span>. Then, choose a 3DLUT file in the Properties panel that looks good with your image and adjust the opacity<\/span> <\/span>slider to change its intensity.
                                                              <\/li>\n<\/ol>\n\n\n
                                                              \n
                                                              \"Step<\/a><\/figure><\/div>\n\n\n

                                                              This will take some playing around to get it perfect, but the more attention you pay to details, the better your image will look in the end. \n<\/p>\n\n\n\n

                                                              Export Your Final Image\n<\/h2>\n\n\n\n

                                                              That\u2019s it. Simply click File <\/span>then Save As <\/span>to save your final image as a JPEG. As you can see, background removal is relatively simple, but it will take a keen eye for detail to get it perfect – so don\u2019t give up!\n<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                              If you\u2019ve taken a great photo of your subject but the background just doesn\u2019t fit, don\u2019t worry – you can easily change the background to whatever you\u2019d like in a […]<\/p>\n","protected":false},"author":87,"featured_media":89014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ub_ctt_via":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5322],"tags":[5390,5392],"class_list":{"0":"post-89013","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-remote-work","8":"tag-adobe","9":"tag-photoshop"},"acf":[],"aioseo_notices":[],"featured_image_src":"https:\/\/www.online-tech-tips.com\/wp-content\/uploads\/2022\/08\/photoshop.jpeg","author_info":{"display_name":"Jake Harfield","author_link":"https:\/\/www.online-tech-tips.com\/author\/jharfield\/"},"aioseo_head":"\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t