Replacing Backgrounds

Topics Covered in This Photoshop Tutorial:

The Magic Wand Tool, Image Compositing

Exercise Preview

Exercise Overview

In this exercise, you'll master one of Photoshop's fundamental skills: seamlessly combining two separate photographs to create a compelling composite image. Starting with a man positioned against an uninspiring background, you'll learn to extract him using professional selection techniques—a process known as "silhouetting"—before placing him into a more dynamic environment. This technique forms the backbone of countless commercial projects, from advertising campaigns to editorial work, where context and visual impact drive engagement.

Using the Magic Wand Tool

1. Go to File > Open.

2. From the Photoshop Class folder, open the files baseball.jpg and security.tif.

3. Make sure security.tif is the active document.
4. Choose View > Fit on Screen.

5. From the Tools panel, choose the Magic Wand tool . If you don't see it, click and hold on the Object Selection tool and then choose it.

   NOTE: The Magic Wand operates as an intelligent selection tool that analyzes color relationships across your image. When you click on any area, it automatically selects all adjacent pixels that fall within a similar color range. While newer AI-powered selection tools like Object Selection and Select Subject have gained popularity, the Magic Wand remains invaluable for precise control over color-based selections, particularly when working with clearly defined color boundaries.

6. In the Options bar, set the Tolerance to 20. This critical setting determines the Magic Wand's sensitivity to color variations. Lower tolerance values (1-30) create more precise selections by limiting the color range, while higher values (50-100) cast a wider net, potentially selecting unwanted areas. For professional work, start conservative and adjust upward as needed.

7. Click on part of the green background. You'll notice that a significant portion becomes selected, but gaps remain where color variations exceed your tolerance setting. This is normal and expected behavior.

8. To expand your selection, hold Shift and click on another section of the green background. The original selection remains active while the new area adds to it, creating a cumulative selection.

   NOTE: To subtract from the selection, hold Option (Mac) or ALT (Windows) while clicking. This subtractive approach proves essential when your selection captures unwanted areas.

9. Continue holding Shift and clicking on unselected green areas until you've captured the entire background. Pay particular attention to areas between railings and other architectural elements—these spaces often require separate clicks due to lighting variations that create subtle color differences.

   NOTE: If the selection inadvertently captures part of the subject or railings, immediately use Cmd–Z (Mac) or CTRL–Z (Windows) to undo. Then target a different area of the background with the Magic Wand tool . Alternatively, reduce the Tolerance value to make the tool more discriminating—this approach often resolves edge contamination issues.

10. Choose Select > Inverse. This command flips your selection, transforming a background selection into a subject selection. Instead of having the background selected, you now have everything except the background selected—precisely what you need for extraction.

11. In the Options bar, click the Select and Mask button.
12. In the Properties panel on the right, click on the thumbnail next to View and double–click On Black.
13. Set Opacity to 100%.
14. In the Edge Detection section, make sure Radius is set to 0 px.

15. In the Global Refinements section, set the following:

    Smooth:	5
    Shift Edge:	If residual green fringing appears around your subject, drag this slider left to contract the selection. Negative values pull the selection boundary inward, eliminating color contamination from the original background.

    Remember that this composite will be placed against another green background, so absolute perfection isn't required. Focus on eliminating obvious artifacts while maintaining natural edge quality. Professional compositing often involves this balance between technical precision and practical workflow efficiency.

16. At the bottom right, click OK.

17. Use Cmd–C (Mac) or CTRL–C (Windows) to copy the selected area.

18. Go into the Window menu and choose baseball.jpg to make it the active document.
19. Use Cmd–V (Mac) or CTRL–V (Windows) to paste the copied image onto this image.
20. Choose View > Fit on Screen.

21. Go to the Layers panel (Window > Layers).

    Notice that Photoshop has automatically created a new layer named Layer 1 for your pasted content. This non-destructive approach preserves your original background image while keeping the composite elements separate for future adjustments.

22. Double–click directly on the name Layer 1 and rename it security. Hit Return (Mac) or Enter (Windows) to apply. Descriptive layer names become crucial in complex projects—they're a hallmark of professional workflow organization.

23. From the Tools panel, choose the Move tool .

24. Drag the security guard to align his bottom edge with the document's bottom edge. Photoshop's Smart Guides will appear as pink reference lines when elements snap to document boundaries or other objects. Release the mouse when Smart Guides confirm alignment on both the bottom and right edges—these guides ensure pixel-perfect positioning that's essential for professional results.

With your composite positioned correctly, the next phase involves refining the extraction to achieve seamless integration between the extracted subject and new background.

Cleaning up

1. Examine the guard's edges closely—you'll likely discover small remnants of the original green background that survived the selection process. These artifacts are common in color-based selections and require manual cleanup for professional results.

2. From the Tools panel, choose the Eraser tool .

3. In the Options bar, select a small, hard-edged brush (approximately 8 px). Hard edges provide precise control for detailed cleanup work, while the small size prevents accidental removal of important subject details.

4. Zoom in to at least 100% magnification for accurate detail work. Carefully brush over any remaining green pixels along the guard's edges, particularly around sleeves and other curved areas where color bleeding commonly occurs.

   The erased areas become transparent, allowing the underlying baseball field to show through naturally. This manual cleanup step separates amateur composites from professional-grade work—attention to these details creates believable, seamless integrations.

5. When you're satisfied with the edge quality and overall integration, save your work with File > Save As.

   • Set Format (Mac) or Save as type (Windows) to Photoshop.
   • Name it yourname-baseball.psd and hit Save.
   • If prompted about Maximize Compatibility, keep it checked and click OK.