The single most important concept in Photoshop — and the reason non-destructive editing exists.
🎯Once you understand layers, you'll never work the same way again. This is the foundation everything else is built on.
Core Concept
What Is a Layer?
🖌️
Before Layers
Paint over a pixel and that pixel is gone forever. One shot. Make a mistake — start over. Every edit was permanent and irreversible.
Destructive Editing
→
🪟
After Layers
Each edit lives on its own transparent sheet. Move it, hide it, delete it — the layers below are completely untouched. Always.
Non-Destructive Editing
💡Think of layers as transparent sheets of glass stacked on top of each other — each one holds its own content, each one fully independent.
The Analogy
Stacked Sheets of Glass
📷 Background — original photo
✨ Curves adjustment
🩹 Retouching strokes
T Text overlay — fully editable
🔍
What You Can Do With Any Layer
→ Move it anywhere on the canvas→ Hide it without deleting it→ Change its opacity (0–100%)→ Duplicate it instantly (Cmd/Ctrl J)→ Reorder it in the stack→ Delete it without touching others
💡Higher in the stack = in front. Lower = behind. That ordering rule governs everything you see in your composite.
Interface
The Layers Panel (F7)
LAYERSF7
👁
T
Title Text
Type Layer
T
👁
📈
Curves
Adjustment Layer
ADJ
👁
🩹
Retouching
Pixel Layer
PX
👁
🎭
Hero Photo
Smart Object
SO
👁
🖼️
Background
Pixel Layer (locked)
BG
👁 Eye Icon
Toggle visibility. Pixels still exist — just hidden.
Stack Order
Higher in list = in front. Drag to reorder.
Thumbnail
Preview of that layer. Double-click to rename.
🖥️Open the Layers panel every time you open Photoshop. Press F7. Keep it on screen all day, every day.
Workflow
Creating & Naming Layers
New
New Layer — Cmd/Ctrl Shift N
Opens the New Layer dialog so you can name it immediately. Or click the New Layer icon at the bottom of the Layers panel — faster, but it creates a generic name like "Layer 1."
Dup
Duplicate Layer — Cmd/Ctrl J ⭐ Most Used
Duplicates the selected layer instantly. Use this before any destructive edit to keep a backup copy of the original on its own layer below.
Ren
Rename — Double-click the Layer Name
Double-click any layer name to enter edit mode. Type a clear name. Press Enter. Do this immediately after creating any layer.
😂
The Rule That Changes Your Life
Name every layer the moment you create it — "Skin retouching," "Sky replacement," "Color grade," "Vignette." Six months from now you'll open this file and know exactly what everything does. The alternative: a document full of "Layer 47 copy 3 merge." Everyone has been there. Nobody should go back.
✅Make it a reflex: create a layer, name it immediately. Future you will thank present you. Every single time.
Technique
Visibility & the Alt-Click Trick
Click Eye Icon
👁
Toggle Single Layer
Hides or shows that one layer only. All other layers unchanged.
Use to check that one layer's contribution to the overall image.
Alt / Option + Click Eye ⭐
🎯
Isolate That Layer
Hides every other layer — shows only the one you clicked. Alt/Option-click again to restore all.
Indispensable for retouching and masking — see exactly what a single layer contains.
⚡Alt/Option-click the eye to isolate any layer. Alt/Option-click again to restore everything. Replaces 20+ manual toggles in one gesture.
Technique
Moving & Reordering Layers
V
Move Tool V — Reposition on Canvas
Drag to move the layer's content on the canvas. Use arrow keys for 1px nudges; Shift+arrow for 10px nudges.
↕
Drag in Layers Panel — Reorder the Stack
Drag a layer up or down in the panel to change its position. The canvas updates in real time. Higher = in front of lower layers.
]
Cmd/Ctrl ] — Move Up Cmd/Ctrl [ — Move Down
Move the selected layer one step up or down in the stack without dragging. Think of ] as "up" and [ as "down" — the bracket keys sit next to each other for a reason.
Multi
Select Multiple Layers — Shift-click or Cmd/Ctrl-click
Shift-click for a range. Cmd/Ctrl-click for non-adjacent layers. Then move, duplicate, group, or delete them all at once.
💡Drag a text layer below a photo layer and watch the text disappear behind the photo. That's the stack order rule in action.
Controls
Opacity vs. Fill
Opacity — Top of Layers Panel
50%
Affects everything on the layer — pixels, layer styles, effects. The whole layer becomes semi-transparent.
Fill — Just Below Opacity
0%
Affects only the layer's pixel content. Layer Styles like Drop Shadow and Stroke stay at full strength.
✨
The Fill = 0% Magic Trick
Add a Drop Shadow layer style to a text layer, then set Fill to 0%. The text becomes invisible — but the shadow remains at full intensity. Used for ghosted UI elements and subtle design effects.
💡For most work, Opacity and Fill behave the same. The difference only matters when you have layer styles applied.
Blending Modes
The 6 Essential Modes
Normal
Default. Layer shows its own content with no math applied to layers below. Opacity controls how much shows through.
Multiply
Darkens. Like stacking two transparencies on a light table. White disappears, darks intensify. Great for shadows.
Screen
Lightens. The inverse of Multiply. Black disappears, whites stay white. Great for light leaks and brightening.
Overlay
Adds contrast. Darks get darker, lights get lighter. 50% gray disappears. Perfect for texture overlays.
Luminosity
Applies this layer's brightness using colors from below. Perfect for sharpening — adds detail without color halos.
Color
Applies hue and saturation while keeping luminosity from below. Perfect for color grading without affecting contrast.
⚡Cycle through blend modes with Shift + + (forward) and Shift + – (backward) while a layer is selected.
Organization
Groups — Organize Like a Pro
1
Select Multiple Layers
Shift-click layers in the Layers panel for a contiguous range. Cmd/Ctrl-click for non-adjacent layers. All selected layers highlight in blue.
2
Group Them — Cmd/Ctrl G
They collapse into a folder in the Layers panel. Toggle open/closed with the arrow. Every layer inside is preserved exactly.
3
Name the Group Immediately
"Skin Retouching," "Sky Work," "Color Grade," "Text." Now you can toggle the whole group's visibility, move all its contents as a unit, and apply blending modes to the entire group.
Without Groups
👁 Layer Copy 3
👁 Layer Copy 2
👁 Layer Copy
👁 Layer 14
👁 Layer 13 merge
... 47 more
With Groups
📁 Color Grade
📁 Text & Graphics
📁 Retouching
📁 Sky Work
📷 Background
📁Any time you have 3–4 related layers, put them in a named group. Your future self — and any collaborator — will navigate your file instantly.
Critical Warning
Merging & Flattening — Handle With Care
🚨
The Cardinal Rule
Never flatten a document unless you are completely finished AND have already saved a layered PSD. Flattening discards all layer data permanently. Undoing past a save is impossible. This is the most common cause of "I lost all my work" in Photoshop.
🔧
The Three Merge Commands
Cmd/Ctrl EMerge Down — combines selected layer with the one directly below it.Cmd/Ctrl Shift EMerge Visible — merges all visible layers into one.Layer menuFlatten Image — merges everything into a single locked background layer.
The Safe Export Workflow
① Save PSD
→
② Flatten
→
③ Export JPEG
→
④ Close WITHOUT saving
Step ④ is critical — closing without saving keeps your layered PSD intact.
🚨Save layered PSD → flatten → export → close without saving. This four-step habit protects everything you've built.
Lesson Recap
3 Things to Remember
1
Layers = Transparent Sheets
Each layer is independent. Move it, hide it, delete it — layers below are untouched. That's non-destructive editing.
2
Name Every Layer
"Skin retouching." "Color grade." "Sky." Name it the moment you create it. Future you will thank present you.
3
Never Flatten Your PSD
Save layered PSD first, then flatten for export, then close without saving. That four-step habit protects everything.
Quick Self-Check
I know how to open the Layers panel (F7)
I can create, duplicate (Cmd/Ctrl J), and name a layer
I know the Alt/Option eye-click isolation trick
I understand the difference between Opacity and Fill
I will always save my layered PSD before flattening
🧠These three habits are the difference between a confident Photoshop workflow and a frustrating one. Lock them in.
Up Next
Lesson PS-04
Layer Types — Six Kinds, Six Superpowers
Pixel layers, adjustment layers, smart objects, fill layers, shape layers, type layers — each one does something different. Knowing which to use is the difference between a pro workflow and amateur fumbling.