How to Overlay and Blend Images in Photoshop: Layers, Masks, Modes

Compositing is the quiet engine behind almost every polished product listing you scroll past. When a bottle sits on a slab of marble it was never photographed on, when a garment floats in a clean ghost mannequin pose, or when a candle glows against a warm lifestyle kitchen, someone built that scene from separate pieces inside Photoshop. The tools are not exotic. They come down to three ideas working together: layers stack your images, masks decide what shows and what hides, and blend modes control how the pixels of one layer interact with the pixels below it.

For US e-commerce, the payoff is direct. A believable composite lets you shoot a product once and drop it into many contexts, hit Amazon and eBay technical specs without a costly reshoot, and give an Etsy or Shopify storefront a consistent visual voice. It also fixes the practical mess of studio life: a stray reflection, a shadow that fell the wrong way, a background that clashes with your brand palette. Instead of reshooting, you rebuild.

This guide is written to be worked through, not just read. We start with the fundamentals of placing one image onto another, then move to masks and selections for seamless edges, then decode blend modes by group with concrete product uses, and finally walk real cases: a bottle on marble with a grounded shadow, a ghost mannequin composite, a lifestyle background swap, a texture overlay on packaging, and a two exposure blend. Every step lists exact menu paths and shortcuts so you can follow along in your own file. By the end you will think in layers, mask with intent, and pick a blend mode because you know what it does, not because you clicked through the list hoping for luck.

Every composite is a stack. The layer at the top of the Layers panel sits in front of everything below it, and Photoshop draws them from the bottom up. Open the panel with Window > Layers (or press F7). Get comfortable here, because most of your compositing decisions are just choices about order, visibility, opacity, and how one layer talks to the next.

Getting a second image into your document

There are three reliable ways to bring an image in, and the one you choose matters.

• Place Embedded: go to File > Place Embedded, pick your file, and it lands as a Smart Object with transform handles already active. The pixels are stored inside your document, so the file is self contained. This is the default choice for most product work.
• Place Linked: File > Place Linked keeps the source on disk and references it. Good for shared team assets that update centrally, but the link can break if the file moves.
• Drag and drop: drag a file from your desktop straight onto the canvas. Photoshop treats it like a Place, arriving as a Smart Object you can scale before committing with Enter.

You can also copy from one open document (Select > All, then Edit > Copy) and Edit > Paste into the target. Paste gives you a normal raster layer, not a Smart Object, so you lose nondestructive scaling.

Why Smart Objects are worth it

A Smart Object wraps your placed image in a protective container. Scale it down to 30 percent, change your mind, and scale it back up with no quality loss, because Photoshop remembers the original resolution. Right click any layer and choose Convert to Smart Object to get the same benefit on an existing layer. Smart Objects also let you apply filters as Smart Filters, which stay editable, and they keep transforms reversible. The one tradeoff is that you cannot paint directly on a Smart Object; double click its thumbnail to open the contents in a separate tab, edit, then save to update.

Transform, align, and stack

With a layer selected, press Ctrl+T (Cmd+T on Mac) for Free Transform. Drag a corner to scale; modern Photoshop keeps proportions locked by default, and holding Shift toggles that behavior. Hold Alt to scale from the center. To rotate, hover just outside a corner until the curved arrow appears. Right click inside the transform box for Distort, Skew, Perspective, and Warp, which are essential when you need a label to wrap around a bottle or a texture to follow a box face. Commit with Enter, cancel with Esc.

To line elements up precisely, select multiple layers (click one, Shift+click another) and use the alignment buttons in the options bar, or Layer > Align Layers to Selection. Turn on smart guides via View > Show > Smart Guides so magenta snapping lines appear as edges and centers align. Pull rulers out with Ctrl+R and drag guides onto the canvas for a repeatable layout grid.

Stacking order and opacity

Reorder layers by dragging them up or down in the panel, or press Ctrl+] to move a layer up and Ctrl+[ to move it down. Stacking order is the difference between a shadow that sits under your product and one that floats awkwardly on top of it. Keep background at the bottom, product above it, and shadows or reflections on their own layers between them.

Opacity, at the top right of the Layers panel, sets how transparent the whole layer is. With a layer selected and no paint tool active, tap a number key: 5 for 50 percent, 0 for 100 percent. Just below sits Fill, which behaves like opacity but ignores layer styles, useful when you want a drop shadow at full strength while fading the shape itself. Group related layers with Ctrl+G to keep a busy composite organized; you can mask and adjust an entire group at once, which becomes vital as scenes grow.

Master this layer discipline first. Clean naming, sensible order, and Smart Objects for anything you might rescale will save you hours once masks and blend modes enter the picture.

If layers are the stack, masks are how you carve them. A layer mask hides or reveals parts of a layer without erasing a single pixel, which means every edit is reversible. This is the single most important habit in compositing: never reach for the Eraser tool when a mask will do the job nondestructively.

How a layer mask works

Select a layer and click the Add Layer Mask icon at the bottom of the Layers panel (a rectangle with a circle), or use Layer > Layer Mask > Reveal All for a white mask that shows everything, or Layer > Layer Mask > Hide All for a black mask that hides everything. The rule is simple: white reveals, black conceals, gray is partial transparency. Paint on the mask, not the image.

Grab the Brush tool (B), set your foreground to black or white (press D for default black and white, X to swap), click the mask thumbnail to make it active, and paint. Painting black on a product cutout erases the background; painting white brings it back if you overshoot. Lower the brush opacity for feathered, partial blends. To see the mask itself, Alt+click the mask thumbnail; do it again to return.

Making selections that become masks

Most masks start as a selection. For a product on a plain backdrop, the Object Selection tool (W) often nails it in one click by detecting the subject. The Quick Selection tool paints a selection that snaps to edges, and Select > Subject lets Photoshop find the main object automatically. For hard geometric edges, the Pen tool (P) draws a precise path you convert with Ctrl+Enter. Once you have any selection active, clicking Add Layer Mask turns it into a mask instantly.

Select and Mask for hair and soft edges

Clean cutouts of fuzzy edges (fabric, fur, wispy hair on a model, the frayed edge of a rug) demand the dedicated workspace. Make a rough selection, then click Select and Mask in the options bar (or Select > Select and Mask, shortcut Ctrl+Alt+R). Set View to On Layers or Overlay so you can judge the edge against your real background. Use the Refine Edge Brush (the second tool down) to paint over hair and soft transitions, letting Photoshop calculate the delicate boundary. Nudge Smooth, Feather, and Contrast to taste, pull Shift Edge slightly inward to remove a bright halo, and enable Decontaminate Colors to strip fringe pixels. Set Output To to Layer Mask and click OK. This is the modern replacement for the old Refine Edge dialog and the difference between a cutout that looks pasted and one that looks shot in place.

Gradient masks and feathering

Not every blend has a hard boundary. To fade one image smoothly into another, add a mask, choose the Gradient tool (G), set it to black to white, and drag across the mask. Where the mask is black the layer disappears; where it is white it stays; the gradient creates a seamless transition. This is how you merge two backgrounds or fade a texture toward the edges of a frame. For a softer selection edge without the full workspace, use Select > Modify > Feather (Shift+F6) and enter a radius in pixels before turning the selection into a mask.

Clipping masks

A clipping mask constrains one layer to the shape of the layer directly beneath it. Place a texture or an adjustment above your product layer, then press Ctrl+Alt+G (or Layer > Create Clipping Mask). The upper layer now only appears where the lower layer has pixels. This is perfect for tinting only the product, wrapping a pattern onto a single label, or restricting a color grade to one element without touching the background. You will reach for clipping masks constantly, because they let you build stacks of nondestructive adjustments that respect the exact silhouette of the object below.

Combine these techniques and you can drop any subject onto any scene with an edge that survives close inspection. The masks stay editable forever, so a client note like make the cutout a touch tighter is a two minute fix, not a redo.

Blend modes control the math between a layer and everything beneath it. The dropdown at the top left of the Layers panel (default Normal) holds them, grouped by behavior with faint dividing lines. You do not need to memorize the formulas, but knowing what each group does turns guesswork into a decision. A fast way to explore: select the Move tool (V), then press Shift+plus to cycle forward through modes and Shift+minus to cycle back while watching the canvas.

Darken group: Multiply, Darken, Color Burn

Multiply is the workhorse of product compositing. It multiplies the colors of the two layers, so white becomes invisible and darker pixels stay, which makes it the natural mode for shadows. Photograph or paint a shadow on a white background, set the layer to Multiply, and the white vanishes while the soft gray shadow drops cleanly onto your scene. Darken compares each channel and keeps the darker value, handy for merging texture without lightening. Color Burn deepens and saturates, useful in small doses for adding weight to a contact shadow.

Lighten group: Screen, Lighten, Color Dodge

These are the mirror image. Screen makes black invisible and keeps lighter pixels, which is exactly what you want for highlights, reflections, glints, and glass. Shoot a reflection or a lens flare on a black background, set Screen, and only the bright parts survive to lay over your product. Lighten keeps the brighter of the two pixels, good for combining sparkles or bokeh. Color Dodge brightens intensely and is the classic way to build a glowing specular highlight on metal or a bottle cap.

Contrast group: Overlay, Soft Light, Hard Light

These modes darken the darks and lighten the lights around 50 percent gray, which raises contrast and is ideal for texture and dodge and burn. Overlay is punchy; drop a paper, concrete, or fabric texture over packaging on Overlay and it grabs the product surface while the mid gray areas turn transparent. Soft Light is the gentle cousin, perfect for subtle grunge, adding local contrast, or laying a warm gradient over a scene without blowing it out. A classic nondestructive dodge and burn: create a new layer, Edit > Fill with 50 percent gray, set it to Soft Light or Overlay, then paint with a low opacity black and white brush to sculpt light on the product. Hard Light is the strongest of the three and best used sparingly.

Comparative and component modes: Difference, Hue, Color, Luminosity

Difference is a technician tool. Stack two versions of the same shot on Difference and identical pixels turn black, which makes it the fastest way to perfectly align two exposures: nudge until the frame goes darkest. Color takes the hue and saturation of the top layer and the brightness of the layer below, so it is the go to for tinting: paint a new brand color onto a product, set Color, and the material keeps its shading while changing shade. Hue and Saturation isolate those single attributes. Luminosity is the inverse of Color: it keeps the brightness of the top layer and the color of the one below, which is why it is prized for sharpening and contrast moves that must not shift color, and for luminosity based blending where you want light information only.

How to choose

Work backward from your goal:

• Adding a shadow from a white background: Multiply.
• Adding a reflection or highlight from a black background: Screen or Color Dodge.
• Overlaying texture or contrast: Soft Light for subtle, Overlay for strong.
• Recoloring a product: Color or Hue.
• Aligning exposures or checking differences: Difference.
• Contrast or sharpening without color shift: Luminosity.

Two refinements make blend modes feel intentional. First, back off with Opacity; a texture at Overlay 100 percent is usually too much, and 35 percent reads natural. Second, double click a layer to open Layer Style and use the Blend If sliders at the bottom, holding Alt to split a slider for smooth transitions, so a highlight only appears on the bright parts of the surface below. That combination of mode, opacity, and Blend If is what separates a slapped on overlay from a seamless one.