How To Make a Custom Background Image in Photoshop

How To Make a Custom Background Image in Photoshop

A small graphic already sitting inside a photo, like an earring, can become the raw material for a completely custom tiled background. This tutorial samples that graphic, reshapes it into a more abstract, repeatable form, builds a pattern from it using Photoshop’s step and repeat technique, then blends and masks that pattern back into the original photo.

Sampling a Graphic From the Photo

The Clone Stamp tool pulls a small existing detail, like an earring, onto its own layer to use as the starting point for a pattern.

1. Create a New Layer

   Add a new layer above the photo to hold the sampled graphic.

2. Sample the Graphic With the Clone Stamp Tool

   Press S for the Clone Stamp tool, make sure Current & Below is checked so it samples the photo beneath, then sample the small graphic to copy, such as an earring.

3. Paint the Sampled Graphic Onto the New Layer

   Paint with the sampled area to place a full copy of the graphic onto the new layer.

4. Scale the Graphic Up

   Press Cmd/Ctrl+T, then hold Shift and Cmd/Ctrl while dragging a corner to scale the graphic up significantly larger.

Turning the Sampled Graphic Into an Abstract Shape

Because scaling a small sampled graphic up loses too much detail to look clean, redrawing it as a simplified abstract shape with the Lasso tool solves the problem instead.

5. Draw a Freeform Shape With the Lasso Tool

   Create a new layer, select the Lasso tool, and click to place a series of points that build an abstract shape, such as a lightning bolt, loosely inspired by the original graphic.

6. Fill the Shape With White

   Press Shift+Delete and fill the new selection with white on its own layer.

7. Delete the Original Scaled Graphic

   Delete the earlier scaled-up sampled layer now that the redrawn shape has replaced it.

8. Rotate and Stretch the Shape

   Press Cmd/Ctrl+T and rotate and stretch the shape to give it a more dynamic angle and proportion.

Expanding the Canvas for Room to Repeat

A larger canvas gives the upcoming pattern enough room to repeat several times without any copies getting cut off at the edge.

9. Duplicate the Shape Into a New Document

   Right-click the shape layer, choose Duplicate Layer, and set Document to New so the shape opens in its own document to work from.

10. Increase the Canvas Size

    Go to Image > Canvas Size and set both the width and height percentage to 500% to create much more room to work with, then press Cmd/Ctrl+I to invert the white shape to black so it is easier to see.

11. Duplicate the Layer Again as a Backup

    Press Cmd/Ctrl+J to duplicate the shape layer again, keeping an untouched backup copy in case the upcoming pattern doesn’t work out.

Building the Pattern With Step and Repeat

Step and repeat applies one transformation, then repeats that exact same transformation automatically with a single keystroke, which is what turns a single shape into a full pattern.

12. Turn the Layer Into a Selection

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

13. Start the Step With a Transformation

    Hold Option/Alt+Cmd/Ctrl and press T, then move, rotate, or scale the shape to wherever the next copy should sit, and press Enter.

14. Repeat the Same Transformation Automatically

    Hold Shift+Option/Alt+Cmd/Ctrl and press T repeatedly, with each press applying that same transformation again to build up a repeating pattern.

Why Duplicating the Layer Before Starting Matters

Once a step and repeat sequence is underway, undoing back to the original single shape can be awkward if the pattern doesn’t turn out the way it was intended. Keeping an untouched duplicate layer from the start means starting over is as simple as returning to that backup, rather than trying to unwind a long chain of transformations.

Varying the Pattern With Rotation and Scale

Changing the transformation used in the very first step, such as rotating by a fixed angle or scaling down slightly, produces a completely different style of repeating pattern from the same shape.

15. Select the Layer to Transform

    Hold Cmd/Ctrl and click the shape layer to select it before starting a new transformation, since skipping this step creates a new layer with every repeat instead of reusing the same one.

16. Rotate by a Fixed Angle Each Time

    Hold Option/Alt+Cmd/Ctrl and press T, rotate the shape by a set amount such as 30 degrees, press Enter, then hold Shift+Option/Alt+Cmd/Ctrl and press T to repeat that same rotation.

17. Scale Down by a Fixed Amount Each Time

    Hold Option/Alt+Cmd/Ctrl and press T, hold Shift+Option/Alt to scale the shape down slightly while moving it, press Enter, then repeat with Shift+Option/Alt+Cmd/Ctrl+T to create a pattern that shrinks with each repetition.

Why a Large Canvas Makes Experimenting Easier

Working on a canvas that’s been expanded well beyond the original photo’s size means there’s room to try several different step and repeat patterns side by side before settling on one. That extra space turns pattern-building into something that can be freely explored rather than a single cramped attempt with no room for mistakes.

Copying the Pattern Into the Photo and Changing Its Blend Mode

Once a pattern looks right, dragging its layer into the original photo and switching its blend mode integrates it with the image instead of sitting on top as a flat black shape.

18. Drag the Finished Pattern Layer Into the Photo

    Click and drag the finished pattern layer from the expanded canvas document directly into the original photo document.

19. Change the Blend Mode to Soft Light

    Change the layer’s blend mode from Normal to Soft Light so the pattern interacts with the colors and tones beneath it instead of covering them.

Changing the Pattern’s Color

Locking a layer’s transparency turns a simple color fill into a quick way to recolor the whole pattern while keeping its blend mode intact.

20. Lock the Layer’s Transparency

    Click the Lock Transparent Pixels option in the Layers panel for the pattern layer.

21. Fill the Pattern With a New Color

    Choose a new foreground color, then hold Option/Alt and press Delete to fill only the pattern’s existing pixels with that color.

22. Lower the Opacity to Taste

    Reduce the pattern layer’s opacity slightly so the recolored pattern sits more subtly within the photo.

Why Locking Transparency Beats a Color Overlay Layer Style

A Color Overlay layer style would also recolor the pattern, but it works as an effect layered on top rather than changing the pixels directly. Locking transparency and filling with Option/Alt+Delete instead keeps the recoloring simple and direct, without adding an extra layer style to manage alongside the blend mode already in use.

Masking the Pattern Into the Photo

A layer mask keeps the pattern visible only in the background, painted out wherever it would otherwise cover the subject.

23. Make a Rough Selection Around the Subject

    Use the Lasso tool to make a loose selection around the subject where the pattern shouldn’t appear.

24. Fill the Mask With Black Inside the Selection

    Add a layer mask, then press Shift+Delete to fill the selected area with black so the pattern disappears there.

25. Paint the Rest of the Mask by Hand

    Switch to the Brush tool and paint black over any remaining areas of the subject the Lasso selection missed, using the brush specifically to catch spots easy to miss with a single selection.

Unlinking the Layer and Mask for Independent Adjustment

Breaking the link between a layer and its mask makes it possible to move or resize the pattern itself without disturbing the careful masking work already done.

26. Unlink the Layer From Its Mask

    Click the small chain icon between the layer thumbnail and the mask thumbnail to unlink them.

27. Move the Pattern Layer Independently

    Click directly on the layer thumbnail to select it, then use the Move tool to reposition the pattern without moving the mask.

28. Resize the Pattern Without Moving the Mask

    Press Cmd/Ctrl+T with the layer selected, lock the width and height together, and scale the pattern larger or smaller while the mask stays exactly in place.

Why Unlinking the Layer and Mask Is Useful

With the layer and mask linked together, moving or resizing the pattern would drag the mask along with it, undoing the careful edge work around the subject. Unlinking them means the mask can stay perfectly fitted to the subject’s outline no matter how many times the pattern underneath gets repositioned, rescaled, or swapped out.

Why This Approach Works

Redrawing the sampled graphic as a simplified abstract shape, rather than trying to scale up the original detail, avoids the loss of quality that comes with stretching a small sample too far. Step and repeat is what turns one shape into a full pattern efficiently, since a single transformation can be reapplied identically as many times as needed instead of manually repositioning every copy by hand. Unlinking the layer from its mask at the end is what allows the pattern to keep being adjusted, moved, and rescaled long after the masking work around the subject is already finished.

Final Thoughts

A custom background built this way doesn’t require any outside artwork or stock graphics, since the entire pattern grows out of a detail already present in the photo. The same sampling, reshaping, and step and repeat approach works with any small graphic or texture, so it’s worth trying on a completely different image once the basic workflow feels familiar.

Quick Reference: Keys, Menus and Settings

• Copy a detailS for the Clone Stamp, Sample: Current & Below, on a new layer
• Draw the shapeLasso, then Shift + Delete to fill with white
• More roomRight-click the layer > Duplicate Layer, Document: New; Image > Canvas Size 500%
• StepCmd/Ctrl-click the thumbnail, Option/Alt + Cmd/Ctrl + T, move, Enter
• RepeatShift + Option/Alt + Cmd/Ctrl + T
• Recolor and blendLock transparent pixels, Alt/Option + Delete; blend mode Soft Light
• Move the pattern onlyClick the chain icon, select the layer thumbnail, Cmd/Ctrl + T