Understanding Layers
Layers are one of the most powerful concepts in image editing. Think of layers as transparent sheets stacked on top of each other. Each layer can contain different elements of your design, and you can edit each layer independently without affecting the others.
This non-destructive approach gives you incredible flexibility. You can move, transform, hide, or delete any element without permanently altering the rest of your composition. Professional designers rely heavily on layers to maintain creative control throughout their workflow.
Layer Panel Overview
The Layers panel, located on the right side of the editor, is your command center for managing layers. Here's what you'll find:
Panel Components
- Layer stack: Visual representation of all layers, with top layers appearing at the top of the list
- Thumbnail: Small preview of each layer's content
- Layer name: Double-click to rename for better organization
- Visibility icon: Eye icon to show/hide layers
- Lock icon: Prevent accidental edits to a layer
- Blend mode dropdown: Change how a layer interacts with layers below
- Opacity slider: Control layer transparency
Panel Buttons
At the bottom of the Layers panel, you'll find buttons for common operations:
- New layer: Create a new empty layer
- New group: Create a folder to organize layers
- Delete: Remove the selected layer(s)
- Duplicate: Create a copy of the selected layer
Creating and Deleting Layers
Creating New Layers
There are several ways to create new layers:
- New empty layer: Click the New Layer button or press Ctrl/Cmd + Shift + N
- Duplicate existing: Right-click a layer and select Duplicate, or press Ctrl/Cmd + J
- Copy and paste: Paste content automatically creates a new layer
- Import: Importing an image creates it on a new layer
- Text/Shape: Using text or shape tools creates new layers
Layer Types
- Pixel layers: Standard raster layers containing bitmap data
- Text layers: Contain editable text (indicated by T icon)
- Shape layers: Contain vector shapes (indicated by shape icon)
- Adjustment layers: Apply non-destructive adjustments
- Smart objects: Contain embedded content that preserves source data
Deleting Layers
To delete a layer:
- Select the layer and press Delete or Backspace
- Drag the layer to the trash icon
- Right-click and select Delete Layer
- Use Layer menu > Delete Layer
Reordering Layers
The order of layers determines what appears in front. To change layer order:
Drag and Drop
Click and drag a layer thumbnail up or down in the Layers panel to reposition it. A highlight line shows where the layer will be placed when you release.
Keyboard Shortcuts
- Ctrl/Cmd + ]: Move layer up one position
- Ctrl/Cmd + [: Move layer down one position
- Ctrl/Cmd + Shift + ]: Move layer to the top
- Ctrl/Cmd + Shift + [: Move layer to the bottom
Menu Commands
Use Layer menu > Arrange to access bring to front, send to back, and other ordering options.
Blend Modes Explained
Blend modes control how a layer's pixels interact with the pixels on layers below. They're essential for creating composites, special effects, and tonal adjustments.
Normal Modes
- Normal: Default mode. Pixels completely cover pixels below (unless layer has transparency or reduced opacity).
- Dissolve: Creates a random speckled effect based on opacity.
Darkening Modes
- Darken: Compares and keeps the darker of the two colors.
- Multiply: Multiplies colors together, always darkening. Great for shadows and combining images with white backgrounds.
- Color Burn: Intensifies dark colors, increases contrast.
- Linear Burn: Similar to Color Burn but more intense.
Lightening Modes
- Lighten: Compares and keeps the lighter of the two colors.
- Screen: Opposite of Multiply, always lightens. Perfect for adding light effects or removing black backgrounds.
- Color Dodge: Brightens underlying colors, creates glowing effect.
- Linear Dodge (Add): Adds pixel values together, very bright.
Contrast Modes
- Overlay: Combines Multiply and Screen. Darkens darks, lightens lights. Excellent for adding texture and contrast.
- Soft Light: Gentler version of Overlay. Great for subtle lighting effects.
- Hard Light: More intense than Overlay. Useful for dramatic effects.
- Vivid Light: Extreme contrast adjustment.
Comparison Modes
- Difference: Subtracts colors, useful for finding differences between layers.
- Exclusion: Similar to Difference but lower contrast.
Color Modes
- Hue: Applies hue from top layer, keeps saturation and luminosity from below.
- Saturation: Applies saturation from top layer.
- Color: Applies hue and saturation, preserves luminosity. Perfect for colorizing black-and-white images.
- Luminosity: Applies brightness values while preserving color.
Opacity Control
Opacity determines how transparent a layer is, from 0% (completely invisible) to 100% (fully opaque).
Adjusting Opacity
- Slider: Drag the opacity slider in the Layers panel
- Number keys: Press 1-9 for 10%-90%, or 0 for 100%
- Quick values: Press two numbers quickly (e.g., 4 then 5) for 45%
Opacity vs. Fill
Some editors distinguish between Opacity and Fill:
- Opacity: Affects the entire layer including layer effects
- Fill: Only affects the layer content, not layer effects
This distinction is useful when you want to reduce the visibility of content while keeping effects like drop shadows at full strength.
Layer Visibility and Locking
Visibility
Click the eye icon next to a layer to toggle visibility. Hidden layers are not exported and don't affect the final image.
- Solo view: Alt/Option + click an eye icon to hide all other layers
- Show all: Right-click any eye icon and select Show All Layers
- Use cases: Compare versions, isolate elements for editing, prepare export variations
Locking Layers
Locking prevents accidental modifications. Click the lock icon or use the lock buttons in the Layers panel:
- Lock transparent pixels: Prevents painting on transparent areas
- Lock image pixels: Prevents painting and editing content
- Lock position: Prevents moving or transforming the layer
- Lock all: Completely locks the layer from all changes
Grouping Layers
Groups (or folders) let you organize related layers together. This is essential for complex compositions with many layers.
Creating Groups
- New empty group: Click the folder icon in the Layers panel
- Group selected layers: Select multiple layers and press Ctrl/Cmd + G
- Drag into group: Drag layers onto a group folder to add them
Managing Groups
- Expand/collapse: Click the triangle icon to show/hide group contents
- Select all in group: Right-click the group and select all layers
- Ungroup: Select the group and press Ctrl/Cmd + Shift + G
Group Properties
Groups have their own blend mode and opacity settings that affect all layers within:
- Group blend mode defaults to "Pass Through" (layers blend individually)
- Changing group blend mode makes layers blend as a unit with layers below
- Group opacity affects all contents proportionally
Organization Tips
- Name groups descriptively (e.g., "Header", "Product Photo", "Background")
- Color-code groups using layer color labels
- Nest groups within groups for complex hierarchies
- Collapse groups you're not actively editing to reduce clutter
Layer Best Practices
- Name your layers: "Layer 14" is meaningless. Use descriptive names.
- Group related elements: Keep your Layers panel organized.
- Work non-destructively: Use adjustment layers instead of applying changes directly.
- Duplicate before major edits: Keep an original version hidden.
- Merge selectively: Only flatten layers when you're truly finished.
- Delete unused layers: Keep your file clean and efficient.