Layers, groups and blend modes
Build a composition from independently editable image, text, shape and adjustment layers.
Applies to Photo 0.9.0 on photo.et.
How it works#
A layer separates one part of a composition from the others. Keep a background photograph, a headline, a badge and color corrections on separate layers so each can be changed without rebuilding the entire image. The Layers panel controls ordering, visibility and the active editing target. A tool can appear to do nothing when the wrong layer is selected or the intended layer is locked.
Groups organize related layers. Clipping masks constrain one layer using the content beneath it, while blend modes change how a layer combines with the underlying image. Opacity controls the overall contribution of a layer; fill and layer effects can produce a different result, so compare them when styling text or shapes.
Use multi-layer selection with alignment and distribution to arrange several elements. Linking layers helps keep related pieces together during movement. Merge and flatten simplify a document but remove editing flexibility. Save a layered master first, especially when a composition contains live type, adjustment layers or masks that you may need to revise later.
Try it#
- Open the Layers panel and identify the layer you want to change.
- Duplicate important image content before making destructive edits.
- Group related elements and give layers descriptive names.
- Compare blend modes and opacity, then save the layered document.
Feature reference
- Organization
- Groups, color labels, layer-kind filtering and locks help manage complex stacks.
- Compositing
- Blend modes, opacity, fill and clipping masks control how layers combine.
- Layer operations
- Duplicate, align, distribute, merge, flatten and rasterize have different effects on editability.
Continue reading
Sources and edition notes
Adapted for the browser edition from the pinned PhotoCraft 0.9.0 source. Upstream documentation may also describe desktop workflows.
- README.md — Layers feature inventory.
- crates/ui-egui/src/panels.rs — Layer panel UI.
- crates/ui-egui/src/menu_catalog.rs — Layer commands.
Try it in Photo
Save your work before leaving the editor. Review the editor overview for file formats and browser limitations.
Open Photo ↗