Photoshop layers and masks explained for beginners

Photoshop

28 October 2026

Photoshop layers and masks explained for beginners

A marketing manager sends you a photo of a bottle on a grey studio table and asks for a web banner on a red background. You pick up the Eraser, spend twenty minutes rubbing out the table, drop the bottle onto red and send it off. The next morning the reply arrives: “Love it. Can we have one with the original table for the catalogue?” The table has gone. The Eraser deleted those pixels, the file was saved, and the only way back is the original photo and another twenty minutes.

Layers and masks exist so that never happens. A layer is a separate sheet in a stack, like clear acetate, so the bottle, the background colour and the headline each live on their own sheet and can change without touching the others. A layer mask is a black and white stencil attached to one layer: black hides, white reveals and grey partly hides. Nothing is deleted, so when the client wants the table back, you paint white and it’s there.

Below: a rule for choosing between a mask, the Eraser, a clipping mask and an adjustment layer, that banner built layer by layer, and the usual reasons a mask “isn’t working”. Our Photoshop Beginner course covers all of it in two days.

What are layers in Photoshop?

Picture a pile of clear acetate sheets on a desk. Each sheet holds one part of the picture, and wherever a sheet is empty you see through to the ones below. The Layers panel is that pile listed from top to bottom: the layer at the top sits in front of everything, and dragging a layer up or down changes what covers what. The grey and white checkerboard you see when nothing is underneath is how Photoshop shows transparency.

Not every sheet holds pixels. Type layers keep text editable, shape layers hold crisp vector shapes, fill layers hold a flat colour, gradient or pattern, and adjustment layers hold an instruction, such as “brighten” or “warm it up”, that changes how the layers below look without altering them. When you open a photo, it arrives as a single locked layer called Background, which is why you can’t drag it up the stack until you unlock it.

Photoshop layers drawn as a stack of five clear acetate sheets, from the top: 5 type layer, headline text still editable; 4 adjustment layer, Curves brightens what sits below; 3 product layer with a mask, the bottle with its background hidden; 2 fill layer, flat brand colour; 1 Background, the original photo untouched. Three rules underneath: top covers bottom, so drag a layer up or down to change what sits in front; clear means transparent, so empty parts of a sheet show the layers underneath; hidden is not deleted, so switch a layer off and back on and nothing is lost

One habit makes all of this pay off: save your working file as a PSD. JPEG and PNG flatten everything into a single image, so use them for the exported version and keep the layered file as your master.

How does a layer mask work?

Click the Add layer mask button at the bottom of the Layers panel and a white thumbnail appears beside the layer. White means “show everything”, so nothing changes yet. Paint on that thumbnail with a black brush and the layer disappears wherever you paint, letting the layers below show through. Paint with white and it comes back. Shades of grey give partial transparency, which is how you get a soft edge, and a black to white gradient across a mask fades one picture gently into another.

How a layer mask works, shown as the mask plus the layer equals what you see. The mask runs from black on the left to white on the right with a white circle painted on the black; the layer is a saffron and red striped picture with a teal circle; the result shows transparency where the mask is black, a soft fade where it is grey, the full picture where it is white, and the teal circle where white was painted. Key: black hides the layer completely, grey partly hides it for a soft fade, white shows the layer in full. The Eraser deletes the pixels, so once the file is saved and closed they are gone; a layer mask only hides them, so painting white brings them back

A few shortcuts speed things up. Make a selection first and the new mask is built from it, so only the selected area shows. Hold Alt (Option on a Mac) as you click the button to start with a black mask that hides everything. Ctrl+I (Cmd+I) inverts a mask, Alt-clicking the mask thumbnail shows the mask on its own so you can check for gaps, and Shift-clicking it switches the mask off for a quick before and after.

That’s the real difference from the Eraser: it deletes pixels, while a mask only hides them, so every decision stays reversible.

Mask, Eraser, clipping mask or adjustment layer?

Beginners meet these four tools in the same week and mix them up. Rather than learning them as features, ask what you’re trying to do:

  • Hide part of one layer, and maybe want it back: a layer mask.

  • Remove pixels for good from a throwaway layer: the Eraser is fine.

  • Show a layer only inside the shape of the layer below: a clipping mask. Put a photo above some bold type, Alt-click (Option-click) the line between the two layers, and the photo appears only inside the letters.

  • Change colour or light in one area: an adjustment layer, using the mask that comes with it to choose where. Paint black over the house and a Curves layer brightens only the sky.

  • Change one layer, not everything below it: clip the adjustment layer. By default an adjustment layer affects every layer beneath it, so clipping is how you brighten the product without brightening the background.

A decision rule for choosing a tool. If you want to hide part of one layer and might want it back, use a layer mask, for example to cut a product out of its background. If you want to remove pixels for good from a throwaway or scratch layer, the Eraser is fine, for example to tidy a rough sketch. If you want a layer to show only inside the shape of the layer below, use a clipping mask, for example a photo inside type. If you want to change colour or light in one area, use an adjustment layer and its mask, for example to brighten the sky but not the house. If you want an adjustment to change one layer rather than everything below, clip the adjustment layer, for example to brighten the product but not the backdrop. Our rule of thumb: if there is any chance you’ll want it back, mask it rather than erase it

Our view: if there’s any chance you’ll want something back, mask it rather than erase it. It’s the habit that turns a quick fix into a file you could hand to a colleague.

A worked example: the product banner, layer by layer

Here’s the bottle banner built the way we’d teach it, from the bottom of the stack up:

  1. Background. The original photo, untouched. Duplicate it with Ctrl+J (Cmd+J), then hide the original with its eye icon so it’s always there if you need it.

  2. Fill layer. A solid colour fill layer in the brand red.

  3. Soft shadow. A new empty layer, painted with a large soft black brush under the bottle and turned down to around 40% opacity.

  4. Product with a layer mask. The duplicate photo, moved to the top of these, with Select Subject picking out the bottle and a mask added from that selection. Select and Mask cleans up the edge, and stray bits are painted out in black on the mask.

  5. Curves, clipped to the product. A Curves adjustment layer lifts the bottle, clipped so the red stays exactly the brand colour.

  6. Type. The headline as a live type layer, so the wording can change.

A product cutout for a marketing banner built layer by layer, from the top: 6 type layer with the headline still editable; 5 Curves clipped to layer 4, brightening the bottle only; 4 product layer with a layer mask made from Select Subject and refined in Select and Mask; 3 soft shadow painted with a black brush on its own layer at 40 percent; 2 fill layer in a solid brand colour; 1 Background, the original photo kept but hidden. Beside it the finished banner shows a teal bottle with a soft shadow on a red background under two headline bars. When the brief changes each fix is one layer: for a new brand colour double-click the fill layer, for a square crop move the product and its mask moves with it, and to get the original background back show layer 1 and hide the fill

Now the follow-up email is easy. A catalogue version with the original table? Show the Background layer and hide the fill and the painted shadow. A different red? Double-click the fill layer’s thumbnail. A square version for social? Change the canvas and move the product, and the mask travels with it. Each decision lives on its own layer, so each change takes seconds.

The same structure handles plenty of everyday jobs. For an estate agent’s house photo under a flat grey sky, a new sky sits above the original with a mask hiding it below the roofline, and a clipped Curves layer warms the house to match. Photoshop’s Sky Replacement can build a similar group of masked layers for you, and it’s far easier to fix once you can read what it made.

Why isn’t my mask working? A troubleshooting checklist

Most “my mask is broken” questions on Photoshop forums come down to the same few causes:

  • Black paint appears on the picture. You’re painting on the layer, not the mask. Click the mask thumbnail; a border shows which one is active.

  • The edge turns grey rather than disappearing. The brush isn’t pure black, or its opacity or flow is below 100%. Press D for black and white, and X to swap them.

  • The brush does nothing at all. Check the brush mode is Normal, and press Ctrl+D (Cmd+D) in case an old selection is limiting where you can paint.

  • An adjustment changes the whole picture. That’s the default. Clip it to the layer it’s meant for.

  • The bottom layer won’t move or go transparent. It’s the locked Background layer. Click the padlock to turn it into a normal layer.

  • The mask slides out of line with the picture. The link between layer and mask is off. Click between the two thumbnails to relink them.

  • The layers have vanished the next day. The file was saved as a JPEG, which flattens everything. Go back to the PSD, or start keeping one.

  • The wrong part disappeared. Check which layer is highlighted. It’s easy to paint on the wrong layer’s mask.

Why isn’t my mask working? Eight checks. Black paint appears on the picture: you’re on the layer, not the mask, so click the mask thumbnail first. The edge goes grey instead of vanishing: the brush isn’t pure black, so press D, then X. The brush does nothing at all: set the brush mode to Normal or clear a stray selection with Ctrl or Cmd plus D. The adjustment changes the whole image: clip the adjustment layer to the one layer it should affect. The bottom layer won’t move or go clear: it’s the locked Background, so click the padlock to make it a normal layer. The mask slides away from the picture: the link between layer and mask is off, so relink them. The layers have gone the next day: it was saved as a JPEG, which flattens, so keep a PSD as the master. The wrong part disappeared: check which layer is highlighted, as you may be on another layer’s mask

What carries over to Illustrator, InDesign, After Effects and Premiere?

Once “black hides, white reveals” makes sense, you’ll spot the same idea across Adobe’s other apps, with a few twists.

In Illustrator, clipping masks work the other way up: the shape that does the clipping sits on top of the artwork, whereas in Photoshop the base layer sits underneath. Illustrator’s opacity masks follow the familiar rule of black hides, white shows. In InDesign, frames do the masking: every placed picture sits inside a frame, and you can move or scale the picture without changing the frame, much like moving a masked layer. In After Effects, masks are paths drawn on a layer that can be animated, and track mattes borrow another layer’s transparency or brightness to decide what shows. In Premiere, opacity masks let you draw an ellipse, a rectangle, a polygon or a freehand pen path on a clip, feather it and track it, which is how editors blur a face or a number plate.

The same idea in four other apps. Illustrator: clipping masks work, but the clipping shape goes on top of the artwork, the reverse of Photoshop, and opacity masks use the same black hides, white shows rule. InDesign: frames do the masking, a picture sits inside a frame that crops it, and you can move the picture inside without changing the frame. After Effects: masks are paths drawn on a layer and can be animated, and track mattes borrow another layer’s transparency or brightness, where white shows. Premiere: opacity masks on a clip, an ellipse, four-point shape or pen path, with feather and tracking, to blur a face or a number plate

Our view: masking is one of the most transferable skills Photoshop teaches. Our Design Bundle: Beginner takes Photoshop, Illustrator and InDesign together over six days if you’d like to see the three side by side.

Where layers and masks fit in our Photoshop courses

Layers and masks run through all three levels of our Photoshop training. Photoshop Beginner (two days) covers creating, stacking and transforming layers, opacity and alignment, selections with Select Subject and Select and Mask, and masks for removing backgrounds. Photoshop Intermediate (three days) adds Curves and other adjustment layers, clipping masks and clipped adjustment layers, Colour Range for replacing backgrounds, Smart Objects and gradient fades on masks. Photoshop Advanced (three days) moves on to linked and unlinked masks, copying and inverting masks, removing halos, density and feather, sky replacement and Blend If.

Layers and masks in our Photoshop courses. Beginner, 2 days: create, stack and transform layers; opacity and alignment; Select Subject and Select and Mask; masks to remove backgrounds; painting on masks. Intermediate, 3 days: Curves and other adjustment layers; clipping masks and clipped adjustments; Colour Range to replace backgrounds; Smart Objects; gradient fades on masks. Advanced, 3 days: linked and unlinked masks; copying and inverting masks; removing halos; density and feather; sky replacement; Blend If. Fast Track Silver is Beginner plus Intermediate over 5 days and Fast Track Gold is all three levels over 8 days. Beginner days run back to back and Intermediate can follow that week or later. Both prepare you to take and pass the Adobe Certified Professional exam in Photoshop at the end. Certificate of completion with every course

To go further in one go, Photoshop Fast Track Silver combines Beginner and Intermediate over five days, and Photoshop Fast Track Gold adds Advanced for eight. Both prepare you to take and pass the Adobe Certified Professional exam in Photoshop at the end of the course. The Beginner days run back to back, and the Intermediate part, also on consecutive days, can follow in the same week or a later one.

Every course includes a certificate of completion, and you can train in our London classroom or live online. Docklands Media is an Adobe authorised training partner, and we’re authorised by Adobe, Autodesk, Maxon, Blackmagic Design and Certiport. For a realistic idea of timescales, see how long it takes to learn Photoshop, and for what the exam involves, read our guide to the Adobe Certified Professional exam. Generative Fill results arrive as layers with masks too, as our post on using Photoshop’s AI features shows.

Next time you reach for the Eraser, ask whether you might want those pixels tomorrow. If the answer is maybe, add a mask.

FAQs

  • A layer holds content, such as a photo, text or a colour fill, and sits in a stack with other layers. A layer mask is attached to one layer and controls which parts of it show: black hides, white reveals and grey partly hides.

Related Posts

Start Learning Today

Have a Question? We're Here to Help

Fill out the contact form and a member of our team will get back to you shortly—usually within minutes. Whether you're looking to book a course or just need advice, we're happy to assist.

© 2026 Docklands Media. All rights reserved.