Man with a voluminous pompadour hairstyle in a light blue shirt, composited against a gray and white striped custom background
  • How to Create and Replace a Custom Background in Photoshop

  • by Aaron Nace
    December 3, 2014
  • Add to
    favorites

description

Once a subject is cleanly cut out of their original backdrop, an entirely new background built from stripes, plaid, solid color, or a custom pattern can take its place. This tutorial covers the full workflow: a Magic Wand and Refine Edge cutout loaded onto a group mask, step and repeat for perfectly spaced stripes, Multiply blending so the original shadow still shows through, and Define Pattern with scripted fills for the custom pattern options.

Custom background (Before)
Custom background (After)
AfterBefore

How to Create and Replace a Custom Background in Photoshop

Once a subject is cleanly cut out of their original backdrop, an entirely new background built from stripes, plaid, solid color, or a custom pattern can take its place. This tutorial covers the full workflow, from a Magic Wand and Refine Edge cutout through step and repeat patterns and custom pattern fills.

Cutting Out the Subject With the Magic Wand

A solid-colored backdrop makes the Magic Wand tool a fast, reliable way to select everything except the subject.

  1. Select the Background With the Magic Wand

    Press W for the Magic Wand tool, set tolerance to around 30 to 40, and click on the background.

  2. Add Missed Areas to the Selection

    Hold Shift and click any remaining background areas, such as inside a shadow, lowering tolerance first if too much gets included at once.

  3. Scroll Around to Check the Full Selection

    Scroll around the entire subject to confirm the background selection is complete, aside from fine hair detail handled separately.

Refining the Hair Selection With Refine Edge

Refine Edge automatically extends a selection into soft, complex edges like hair, without manually tracing every strand.

  1. Open Refine Edge

    Click the Refine Edge button on the Magic Wand’s options bar, or go to Select > Refine Edge.

  2. Choose a Helpful View Mode

    Choose a preview mode, such as Overlay, that makes it easy to see the selection against the image.

  3. Paint Over the Hair With the Refine Radius Tool

    Increase the brush size and paint directly over the hair to let Photoshop automatically detect and refine that soft edge.

Loading the Selection as a Group Layer Mask

Placing the finished selection onto a group’s mask, rather than an individual layer, means any layer added inside that group automatically respects the same cutout.

  1. Create and Group a New Layer

    Create a new layer and group it.

  2. Load the Selection as the Group’s Mask

    With the selection still active, click the layer mask button to load it directly onto the group.

Why a Group Mask Simplifies a Multi-Layer Custom Background

Loading one mask onto a group means every layer placed inside it, whether it’s a stripe, a solid color fill, or a pattern, automatically stays confined to the background area without needing its own separate mask. That’s what makes it practical to experiment freely with several different background ideas inside the same group.

Building Stripes With Step and Repeat

Step and repeat applies one transformation, then repeats that exact same transformation automatically, turning a single stripe into an evenly spaced repeating pattern.

  1. Draw and Fill a Single Stripe

    Use the Rectangular Marquee tool to draw a thin stripe and press Shift+Delete to fill it with black.

  2. Turn the Stripe Into a Selection

    Hold Cmd/Ctrl and click the stripe layer’s thumbnail to load it as a selection.

  3. Perform the Step

    Hold Option/Alt+Cmd/Ctrl and press T, move the stripe to its next position, and press Enter to complete the first step.

  4. Perform the Repeat

    Hold Shift+Option/Alt+Cmd/Ctrl and press T repeatedly, with each press automatically repeating the same spacing to build up the full stripe pattern.

Why Step and Repeat Speeds Up a Repeating Pattern

Manually duplicating and repositioning a single shape over and over would take far longer and risk inconsistent spacing between copies. Step and repeat records the exact transformation used the first time and reapplies it identically with each additional press, keeping the spacing perfectly even without any extra effort.

Blending and Layering Repeated Stripes for a Plaid Look

Lowering opacity, switching to Multiply, and duplicating a rotated copy of the stripe pattern combine to create a more layered, plaid-like background.

  1. Lower Opacity and Change Blend Mode to Multiply

    Lower the stripe group’s opacity to around 50 percent and change its blend mode to Multiply so it darkens rather than covers what’s beneath it, including any shadow.

  2. Duplicate and Rotate for a Plaid Effect

    Press Cmd/Ctrl+J to duplicate the stripe layer, then rotate it horizontally to cross over the original set of stripes for a plaid-like pattern.

  3. Duplicate Further for More Layers

    Duplicate again as needed for additional overlapping layers, without worrying about occasional overlap in the background.

Why Multiply Mode Lets Shadows Show Through a New Background

Multiply mode darkens whatever is beneath a layer rather than replacing it outright, which means an existing shadow on the original backdrop remains visible even underneath a new stripe pattern. That’s what keeps a replaced background looking grounded and consistent with the subject’s original lighting rather than floating on top of it.

Adjusting Stripe Width With Free Transform

Locking or unlocking the width and height proportions in Free Transform controls whether a stripe’s thickness changes independently of its length.

  1. Open Free Transform on the Stripe Layer

    Press Cmd/Ctrl+T on the stripe layer or group.

  2. Unlink Width and Height

    Click the chain link icon between width and height to adjust them independently.

  3. Stretch the Width to Change Stripe Thickness

    Drag to increase or decrease the width alone, making stripes thinner or thicker as desired.

Filling the Background With a Solid Color

A Solid Color fill layer, clipped to the group and set to a lower opacity, offers a simpler alternative background option.

  1. Add a Solid Color Fill Layer

    Add a Solid Color fill layer inside the group, choosing a color that complements the subject, such as one sampled from their clothing.

  2. Lower Opacity for a Softer Look

    Reduce the fill layer’s opacity for a softer, less overpowering background color.

Defining and Filling With a Custom Pattern

Any dark-on-light image can be defined as a reusable Photoshop pattern and then applied directly through the Fill dialogue.

  1. Prepare a Dark-on-Light Pattern Image

    Choose or create a pattern image that’s dark on a light background, suitable for defining as a Photoshop pattern.

  2. Define the Pattern

    Go to Edit > Define Pattern and name the new pattern.

  3. Fill a New Layer With the Custom Pattern

    Create a new layer, press Shift+Delete, choose Pattern from the Fill dialogue, and select the newly defined custom pattern.

Using Scripted Pattern Fills for Randomized Effects

The Fill dialogue’s scripted pattern options arrange a custom pattern in ways far more varied than a simple grid, from spirals to fully randomized placement.

  1. Choose a Scripted Pattern Option

    In the Fill dialogue, select a scripted pattern option such as Spiral or Random Fill instead of the standard pattern fill.

  2. Adjust Randomness and Scale Settings

    Adjust settings like color randomness, brightness randomness, pattern spacing, and scale to fine-tune the arrangement.

  3. Change the Fill Layer to Multiply

    Change the pattern fill layer’s blend mode to Multiply so it darkens the background while still letting existing shadow show through.

More Free Photoshop Tutorials

To build on the selection and masking techniques used here, check out these free tutorials:

Why This Approach Works

Loading the subject’s selection onto a group’s mask, rather than an individual layer, is what makes it practical to try several completely different custom backgrounds, stripes, plaid, solid color, or a pattern, without redoing the cutout each time. Step and repeat is what turns one simple shape into a perfectly spaced repeating pattern far faster than manually duplicating and repositioning it by hand. Using Multiply blend mode throughout is what lets an existing shadow from the original photo continue showing through any of these new backgrounds, keeping the final result looking grounded rather than obviously replaced.

Final Thoughts

From stripes and plaid to a solid color and a fully custom pattern, all of these background options build on the same underlying cutout and group mask. Once that foundation is in place, trying out different background styles becomes fast and low-risk, since nothing has to be reselected between attempts.

200+
PRO COURSES & MASTERCLASSES
100+
PRESETS, LUTS, ACTIONS & BRUSHES
1,000+
DOWNLOADABLE PSDs & RAW FILES
4K
ULTRA HD STREAMING
4.93
AVERAGE STAR RATING
3,900+
PRO TUTORIAL REVIEWS
2M+
SUBSCRIBERS & STUDENTS

Enjoying This Free Tutorial? Go Further with PRO.

Unlock Full Sample Files, PSDs, and Hundreds of Masterclasses!

Download full project assets, original PSDs, and RAW images for every lesson

Unlimited access to our complete library of PRO Photoshop & Lightroom courses

Instant 4K Ultra HD streaming on all devices, anytime, anywhere

Full access to our entire library of Photoshop Actions, Presets, and LUTs

Flexible monthly and annual membership plans

Cancel anytime with zero hassle or commitments