Masks in Photoshop: Layer, Clipping, Vector and Luminosity
Masks in Photoshop: Layer, Clipping, Vector and Luminosity
Learn the one tool that separates clean, sellable product photos from amateur cutouts.
Why Masks Are the Backbone of Every Product Cutout
A mask in Photoshop is a tool that hides or reveals part of a layer without deleting a single pixel. At any moment you can bring the hidden part back, soften an edge, or reshape a transition. That reversibility is why professionals call masking non-destructive editing, and it is why no serious product retouch happens without it. If you sell on Amazon, eBay, Etsy, Walmart or your own Shopify store, mastering masks is the difference between a clean cutout that passes moderation and a ragged one that looks pasted on.
In this guide we walk through every working type of mask: the layer mask, the vector mask, the clipping mask, luminosity masks and transparency masks. You will learn how to create them, invert them, feather them, refine tricky edges with Select and Mask, and how to apply, disable, copy and delete a mask cleanly. Every technique is tied to a real job you actually face: cutting a product to a white background, retouching one area without touching the rest, swapping a backdrop, and building a natural contact shadow so the item does not float.
The material is built from simple to advanced. If you are just starting, read in order, the first two sections give you ninety percent of what you need for marketplace listings. If you already handle a brush with confidence and want finer control over tone and color, jump straight to the luminosity mask section. At the end you will find a hotkey cheat sheet, a list of the mistakes that slow beginners down, and a full worked example: turning a sneaker on a gray table into a clean white-background card ready to upload. Windows and Mac shortcuts are given side by side throughout.
What a Mask Really Is and Why It Beats the Eraser
Picture erasing the background around a sneaker with the Eraser tool. The pixels are gone, the file is saved, the program is closed. An hour later you notice you clipped a lace. There is no bringing it back, you have to reshoot or rebuild it by hand. A mask solves this at the root: it deletes nothing, it only hides. Under the hood a mask is a black-and-white image attached to a layer. Where the mask is black, the layer is invisible. Where it is white, the layer shows fully. Gray tones give partial transparency, fifty percent gray is half see-through.
Memorize the one rule that rescues you in ninety percent of cases: black conceals, white reveals. Everything else is a variation on that theme. When you paint on the mask with a black brush, you are erasing the layer with a brush without destroying it. Switch the brush to white and it comes right back. That reversibility is exactly why professional retouchers almost never touch the Eraser and almost always work with masks.
What a mask counts: 256 levels of gray
A mask works in an 8-bit scale from 0 to 255. Pure black is value 0 and zero layer visibility. Pure white is 255 and one hundred percent visibility. Between them sit 254 shades of gray, each defining its own percentage of transparency. Gray 128, dead center, gives roughly fifty percent visibility. This matters in practice: if you paint on a mask with a brush set to 30 percent opacity, you are laying down not black but gray, and the layer only partly hides. Several passes of that brush build up density, which is why the edges of shadows and haze are often easier to make with repeated light strokes than with one hard pass.
Mask versus eraser versus deleting a selection
There are three ways to remove a piece of an image, and only one is reversible. Let us compare them honestly:
| Method | What happens to pixels | Reversible? | When it fits |
|---|---|---|---|
| Eraser tool | Wiped permanently | Only via History, gone after saving | Almost never in serious work |
| Delete on a selection | Removed permanently | Only via History | Rough edits on a copy |
| Layer mask | Stay in place, simply hidden | Full, at any moment | Always, this is the industry standard |
The takeaway is simple: if you ever plan to return to a file, work with a mask. On marketplace cards this is especially critical, because the same product is often reshot for new promotions, and a live mask saves hours.
Where a layer keeps its mask, and how not to lose it
A mask is tied to a specific layer and stored right inside the file, but only if you save in formats that support layers: PSD, PSB and TIFF (with the Layers option on). Flatten the image or save to JPEG and the layers and masks collapse into a flat picture, and reversibility is gone. So the working rule is simple: keep the source as a PSD with all masks, and hand off only the final copy as a JPEG for upload to a marketplace. Then a month later, when you need to nudge a shadow or recolor a label, you open the PSD and fix it in a minute instead of reshooting the product.
Masks on adjustment layers come free
An important detail beginners miss: every adjustment layer (Curves, Levels, Hue/Saturation and others) is born with its own white mask, you do not create it separately. That means any color correction can be confined to the area you want just by painting on that ready-made mask. No need to duplicate layers or cut out pieces, all local work is done with one brush on the adjustment's mask. Below we go through each mask type in detail, with hotkeys, common mistakes and real examples from shooting products for Amazon, Walmart and Etsy.
The Layer Mask: The Foundation of Everything
How to create a layer mask
The layer mask is the most common and most universal type. You can create it several ways:
- Select the layer you want in the Layers panel.
- Click the Add Layer Mask button at the bottom of the Layers panel (the rectangle-with-a-circle icon).
- Or through the menu: Layer, Layer Mask, Reveal All (white mask, layer fully visible) or Hide All (black mask, layer hidden entirely).
A second thumbnail appears next to the layer thumbnail, that is the mask. A white rectangle means the layer is fully visible. If you hold Alt (Option on Mac) and click the Add Mask button, the mask arrives black and the layer hides. This is handy when you want to reveal an effect in just one spot: create a black mask, take a white brush and paint the effect in only where needed.
There is one more frequent scenario: you already have an active selection (say you outlined the product with Object Selection). Press Add Layer Mask at that moment and Photoshop instantly turns the selection into a mask, everything inside stays visible, the rest hides. That is the fastest cutout method, covered in the worked example section.
Black conceals, white reveals, in practice
To feel the logic of a mask, do a simple exercise. Create a solid-color fill layer in a bright color over a photo. Add a white mask to it, the color covers the photo completely. Now:
- Grab the Brush (B), make sure the foreground color is black (D resets colors to the default black and white).
- Paint over the image. Where you paint black, the color layer disappears and the photo shows through.
- Press X to swap foreground and background colors. Now the brush is white and you bring the color fill back.
This cycle, paint black to hide, paint white to restore, is the whole masking workflow. The X key gets pressed hundreds of times per session, it flips the brush between hiding and revealing instantly.
Brush, hardness, opacity and flow
The quality of a mask is 80 percent about the brush. The key settings:
- Hardness. A soft brush (0 to 20 percent) gives a smooth transition, ideal for shadows, haze and hair. A hard brush (80 to 100 percent) is for crisp edges like a box, a bottle or a jar.
- Opacity. Number keys 1 to 9 set brush opacity from 10 to 90 percent, zero is 100 percent. A semi-transparent brush paints gray, giving partial hiding.
- Size. The square brackets [ and ] shrink and grow the brush. With Shift they change hardness.
- Flow. Unlike Opacity, Flow sets how fast paint builds up in one stroke. Low Flow (10 to 20 percent) with repeated passes is perfect for a delicate shadow feather.
A cutout with the brush, step by step
Let us run the basic cycle on a shampoo bottle against a gray background:
- Duplicate the background layer (Ctrl+J, Cmd+J on Mac) so the original stays untouched.
- Add a white layer mask to the copy.
- Take a hard brush (Hardness 85 percent), color black, and carefully trace the outer contour of the bottle, hiding the background.
- Add a fill: create a new layer beneath and fill it white (Shift+F5, Use: White).
- Zoom to 200 to 300 percent and run along the edge, fixing flaws. Overshot inward? Press X and a white brush brings part of the bottle back.
- Check the outline with Alt-click on the mask, there should be no black dots inside the object on the white field.
A gradient on the mask
The Gradient tool (G) on a mask is a powerful way to make a smooth transition. Choose the black-to-white gradient (Foreground to Background) and drag a line across the mask. Where the gradient is white the layer shows, where black it hides, in the middle a smooth dissolve. This is the classic move for:
- gradually darkening a sky or the top of the frame;
- softly blending two photos;
- building a vignette;
- dissolving a product shadow into the background.
Tip: draw the gradient with Shift held so the line stays strictly vertical or horizontal. If the transition came out the wrong way, do not redraw it, just drag the gradient in the opposite direction and the mask flips.
Building a mask from a selection: which tool to pick
Often a mask is easier to build from a ready selection than with a brush. The choice of tool depends on the object:
| Tool | What it selects best | Hotkey |
|---|---|---|
| Object Selection | A whole product on a contrasting background, in one click | W |
| Quick Selection | Complex shapes, with brush touch-ups | W |
| Magic Wand | A single-tone background, to select it and invert | W |
| Pen Tool | Geometry with straight edges, the cleanest possible line | P |
| Color Range | Selection by color, for example an even blue backdrop | via the Select menu |
The working logic: get a selection with any of these tools, press Add Layer Mask, and the selection instantly becomes a mask. Then refine with a brush and through Select and Mask. For a shoot on a seamless single-tone sweep, the fastest path is Magic Wand on the background, then Ctrl+Shift+I to invert onto the product, and mask it right away.
Vector, Clipping and Luminosity Masks
The vector mask: sharpness without pixels
A vector mask is defined not by pixels but by a path drawn with the Pen Tool (P) or a shape. Its main advantage is a perfectly smooth edge at any scale, because the path is mathematical, not raster. When to use it:
- Objects with clean geometric edges: packaging, phones, books, furniture, electronics.
- When you need an absolutely crisp border with no jagged teeth or noise.
- When you plan to reshape the form more than once, the path drags easily by its nodes.
To create a vector mask: draw a path with the Pen around the object, then Layer, Vector Mask, Current Path. Everything inside the path stays, outside hides. You can feather a vector mask through the Properties panel with the Feather slider without losing its vector nature.
The Pen in five steps: a clean package outline
The Pen Tool scares beginners, but for boxes and bottles it gives the cleanest result:
- Take the Pen Tool (P) and in the top bar choose Path mode.
- Click on the corners of the object, dropping anchor points. On straight edges, simple clicks.
- On curves, click and drag to pull out handles and bend the line along an arc.
- Close the path by clicking the first point (a small circle appears beside it).
- Fine-tune the nodes with the Direct Selection Tool (A), then apply it as a vector mask.
A vector mask weighs almost nothing and is resolution independent: the same phone cutout can be handed to a 900x1200 px card and a 3000 px banner with no loss of edge sharpness.
Raster or vector: what to choose per product
Short rule: anything you could trace with a ruler, do with the Pen and a vector mask, anything fluffy or semi-transparent, do with a layer mask. In practice it breaks down like this:
- Vector only: smartphones, laptops, books, cardboard boxes, tile, furniture with straight edges.
- Pixel mask only: plush toys, fuzzy sweaters, wigs, bouquets, smoke and steam.
- Combination: a sneaker (body with the Pen, laces and tongue with a layer mask), a perfume bottle (glass with a semi-transparent mask, cap with the Pen).
You can keep a vector and a pixel mask on one layer at the same time: Photoshop allows both a Layer Mask and a Vector Mask together. Cut the body with a path, and paint the soft shadow on the pixel mask beside it.
The clipping mask
A clipping mask is a completely different mechanism, and beginners often confuse it with a layer mask. Here one layer is clipped to the shape of the layer below it. The upper layer shows only where the lower layer has non-transparent pixels.
How to create one:
- Place the layer you want to clip directly above the base layer.
- Hover the cursor over the border between them, hold Alt (Option on Mac), the cursor turns into the clipping icon.
- Click. Or press Ctrl+Alt+G (Cmd+Opt+G on Mac). The upper layer shifts right with a downward arrow, the clip mark.
Where it is irreplaceable:
- Texture or color inside a shape. Put a pattern layer over a logo, clip it, and the pattern shows only inside the letters.
- Local correction within an object. A Curves adjustment clipped to the product affects only the product, never touching the background.
- Toning an area. A color layer clipped to a selected region paints only that region.
Combining a clip and a layer mask together
The power comes when you combine both types. A typical retouch setup: the base product layer is already cut out with a layer mask over white. On top you add a Curves adjustment and make it a clipping mask (Ctrl+Alt+G), so the correction cannot spill past the product. Then on the Curves layer's own mask you paint with a white brush to reveal the brightening only on the label. You get double control: the clip limits the area to the object, the inner mask to a specific spot.
What a luminosity mask is
A luminosity mask is a selection built from the brightness of the pixels themselves. Light areas fall into the selection more strongly, dark areas less (or the reverse if inverted). Such a mask gives ultra-smooth, invisible transitions, because it follows the real tones of the shot rather than a crude brush. The simplest way to get a base luminosity mask:
- Go to the Channels tab.
- Hold Ctrl (Cmd on Mac) and click the RGB channel thumbnail. Photoshop loads a selection by the highlights.
- Create an adjustment layer (Curves, say), and the selection automatically becomes its mask.
Now any edit through that layer acts more on the light areas. To work with shadows, invert the selection (Ctrl+Shift+I) before creating the layer, or invert the mask itself (Ctrl+I). To narrow the range to only the brightest highlights, load the highlight selection, then Ctrl+Shift+Alt-click on RGB again to intersect the selections and keep only the lightest tones. Repeating this narrows the range to a thin sliver of the brightest pixels, how retouchers build Lights, Darks and Midtones families.
Invert a mask
Inverting swaps black for white and vice versa. Select the mask (click its thumbnail) and press Ctrl+I (Cmd+I on Mac). This is a base move: create a mask that reveals the effect everywhere, invert it, the effect hides everywhere, then reveal it point by point with a white brush. Especially handy with adjustment layers.
Feather and soften the edge
A hard mask border gives the montage away. You can soften it several ways:
- Properties, Feather. Click the mask, open Properties, drag the Feather slider. The effect is non-destructive and can be undone at any moment.
- Gaussian Blur on the mask. Select the mask and apply Filter, Blur, Gaussian Blur. Blurring the mask softens the transition. This is a destructive method, but precise.
- Density. In Properties the Density slider lowers the maximum black density, making the hide incomplete, the whole mask turns semi-transparent.
How much feather to set? Concrete targets save time. Values are for a marketplace card around 1000 to 1500 px on the long side:
| Object | Feather, px | Why |
|---|---|---|
| Box, book, electronics | 0.3 to 0.8 | The edge must be crisp but not jagged |
| Clothing, fabric | 1 to 2 | A touch softer so it does not look cut with scissors |
| Hair, fur, pile | not Feather, use Select and Mask | A slider will not save you here, the edge needs recomputing |
| Shadow under the product | 8 to 25 | A shadow is always soft by nature |
Refine the edge with Select and Mask
The most powerful tool for hard edges (hair, fur, feathers, grass) is the Select and Mask workspace (formerly Refine Edge). Open it: click the mask and press Select and Mask in Properties, or Select, Select and Mask (Ctrl+Alt+R, Cmd+Opt+R on Mac).
- Choose a View mode, On Layers or Overlay is most convenient so you see the result.
- Take the Refine Edge Brush and run it over the problem zone, for example along a hair or pile contour. Photoshop recomputes the edge, pulling out fine detail.
- Tune the sliders: Smooth (removes jagged teeth), Feather (softening), Contrast (edge sharpness), Shift Edge (contract or expand the edge inward).
- Turn on Decontaminate Colors if colored halos from the old background linger on the edge.
- In the Output field choose Layer Mask so the result lands back on the mask.
A small tip: before entering Select and Mask, have a rough mask ready. The workspace recomputes an existing edge rather than building a selection from scratch, and the cleaner the starting point, the less manual Refine Edge Brush work you do.
Apply, disable and delete a mask
- Disable temporarily. Shift-click the mask thumbnail. A red cross appears, the mask is off, the layer shows in full. A second Shift-click turns it back on.
- View the mask alone. Alt-click (Opt-click) the thumbnail shows the mask full-screen in black and white, handy for hunting holes and dirt. Alt-click again returns the picture.
- View as a red overlay. Shift+Alt-click shows the mask as a red overlay on the picture (quick-mask style), so you instantly see what is hidden.
- Apply (bake in). Right-click the mask, Apply Layer Mask. Hidden pixels are deleted for good and the mask vanishes. Do this only when you are sure, reversibility is lost.
- Delete. Right-click, Delete Layer Mask, or drag the thumbnail to the trash.
Copy and move a mask
- Copy to another layer. Hold Alt (Opt) and drag the mask thumbnail onto the target layer, the mask copies.
- Copy inverted. Alt-drag to copy, then on the new layer press Ctrl+I, a frequent move when you need the effect in exactly the opposite zone.
- Move without copying. Just drag the mask thumbnail to another layer without Alt.
- Link to the layer. There is a chain icon between the layer and mask thumbnails. Click it to break the link, then the layer and mask move independently.
Hotkey cheat sheet for masks
These combinations save the most time, keep them close until they become automatic:
| Action | Windows | Mac |
|---|---|---|
| Reset colors to black and white | D | D |
| Swap brush colors | X | X |
| Invert the mask | Ctrl+I | Cmd+I |
| Create a clipping mask | Ctrl+Alt+G | Cmd+Opt+G |
| Open Select and Mask | Ctrl+Alt+R | Cmd+Opt+R |
| Load selection from a mask or layer | Ctrl-click the thumbnail | Cmd-click |
| Disable the mask | Shift-click | Shift-click |
| Show the mask in black and white | Alt-click | Opt-click |
| Fill a selection | Shift+F5 | Shift+F5 |
| Shrink or grow the brush | [ and ] | [ and ] |
How is a mask different from the eraser?
The Eraser deletes pixels for good, and after saving you cannot get them back. A mask only hides pixels: black conceals, white reveals. Anything hidden can always be revealed again by switching the brush to white. That is why masks are non-destructive editing and the eraser is destructive.
How do I create a layer mask in Photoshop?
Select the layer and click Add Layer Mask at the bottom of the Layers panel (the rectangle with a circle). A white mask appears and the layer is fully visible. Hold Alt (Option) while clicking and the mask is created black, hiding the layer. You can also use the menu Layer, Layer Mask, Reveal All or Hide All.
How do I invert a mask?
Click the mask thumbnail to make it active and press Ctrl+I (Cmd+I on Mac). Black areas turn white and white turns black. This is handy when you want to hide an effect entirely and then reveal it point by point with a white brush.
What is a clipping mask and how does it differ from a layer mask?
A clipping mask (Ctrl+Alt+G) clips the upper layer to the shape of the non-transparent pixels of the layer below. A layer mask instead hides parts of a layer by a black-and-white image. Clipping is used to fit a texture into a shape or apply a correction to just one object without touching the background.
How do I soften a mask edge?
The simplest way is to click the mask, open the Properties panel and drag the Feather slider, which is non-destructive. An alternative is to select the mask and apply Filter, Blur, Gaussian Blur. For hard edges like hair, use the Select and Mask workspace with the Refine Edge Brush.
How do I temporarily disable a mask without deleting it?
Hold Shift and click the mask thumbnail. A red cross appears, the mask is off, and the layer shows in full. A second Shift-click turns it back on. This is handy for comparing the view before and after masking.
What are luminosity masks and why do I need them?
Luminosity masks are built from the brightness of pixels: light areas are selected more, dark areas less. Load a base one with Ctrl-click on the RGB channel in the Channels tab. They give ultra-smooth transitions and are used for delicate contrast, rescuing blown highlights, split toning by tone, and natural dodge and burn.
How do I copy a mask to another layer?
Hold Alt (Option) and drag the mask thumbnail onto the target layer to copy it. Drag without Alt and the mask moves instead of copying. This is handy for carrying a finished cutout or a correction area between layers.
Why am I painting with the brush and nothing changes?
Most likely the layer is active rather than the mask, or the brush color matches the mask tone. Check: click the mask thumbnail (a frame should appear around it), press D to reset colors, make sure the brush Opacity and Flow are not at zero, and the brush blend mode is Normal. Another cause is painting outside the layer's visible area, or the mask is disabled via Shift-click.
How do I cut a product to a clean white background?
Make a fast selection (Object Selection or Quick Selection), press Add Layer Mask so the edge clips to the selection, then refine tricky parts in Select and Mask with Decontaminate Colors on. Put a Solid Color white layer beneath. Check the corner of the frame with the eyedropper, the white must read 255,255,255, not light gray, or a marketplace may reject the card.
Can I work with masks on a phone?
Yes. Mobile Photoshop and Photoshop Express support basic layer masks: you add a mask to a layer and reveal or hide areas with a finger or stylus. Full luminosity masks via channels and fine Select and Mask are still easier on a computer (Windows or Mac), where a mouse and tablet give precision. For a quick single-photo cutout a phone is fine, for a catalog of hundreds of cards a desktop is more practical.
What if I cannot cut out a tricky product myself?
Clear glass, fur, flyaway hair on a mannequin and shiny metal are the hardest cases for masks, where even an experienced retoucher needs time. If you have a large catalog for a marketplace and no bandwidth to clean each frame by hand, it makes sense to hand the cutout and retouch to a product photography studio so every card looks equally clean and sells.
Masks are the one skill that turns a rough cutout into a card that passes moderation and actually sells. Learn the layer mask first, add vector and clipping masks for clean geometry, and reach for luminosity masks when tone and color need a gentle hand. Keep your source as a PSD with every mask live, and the next reshoot or promotion costs minutes, not a new shoot. If your catalog has outgrown hand-editing, or the tricky edges like glass, fur and flyaway hair are eating your evenings, the gdefoto studio cuts out and retouches product photos at volume, in one consistent style ready for Amazon, Walmart, eBay, Etsy and Shopify. Master one clean layer mask on a copy today, and hand off the rest whenever the routine starts costing more than it saves.
Free online photo tools
Edit your photo right in the browser — no install, no signup: