-
Notifications
You must be signed in to change notification settings - Fork 2
Image Effects
paperhammer edited this page Jun 23, 2026
·
1 revision
The static image editor provides 21 real-time preview effects organized into three groups: Adjust, Special, and Blend. All effects support undo/redo.
Basic color and tone adjustments.
| Effect | Description | Parameters |
|---|---|---|
| Grayscale | Convert image to grayscale | None |
| Invert | Invert image colors | None |
| Exposure | Adjust image exposure | Slider: -200 ~ 200, default 0 |
| Brightness | Adjust image brightness | Slider: -100 ~ 100, default 0 |
| Saturation | Adjust color intensity | Slider: 0 ~ 200, default 100 |
| Hue | Rotate hue angle | Slider 1: -180 ~ 180 (hue), Slider 2: 0 ~ 100 (intensity) |
| Contrast | Adjust image contrast | Slider: -100 ~ 100, default 0 |
| Temperature | Adjust color temperature and tint | Slider 1: -100 ~ 100 (temperature), Slider 2: -100 ~ 100 (tint) |
| Highlights & Shadows | Adjust highlight and shadow regions | Slider 1: -100 ~ 100 (shadows), Slider 2: -100 ~ 100 (highlights) |
| Sepia | Apply vintage sepia tone filter | None |
Visual effects and stylization.
| Effect | Description | Parameters |
|---|---|---|
| Blur | Gaussian blur | Slider: 0 ~ 100, default 0 |
| Sharpen | Enhance edge clarity | Slider: 0 ~ 100, default 0 |
| Noise | Add random noise | Slider: 0 ~ 100, default 30 |
| Vignette | Darken image edges | Slider: 0 ~ 100, default 0 |
| Glow | Centered glow effect (blur + brightness threshold, no offset) | Slider 1: 0 ~ 100 (blur), Slider 2: 0 ~ 100 (intensity) |
| Bloom | Blur + brightness threshold bloom | Slider: 0 ~ 100, default 50 |
| Distort | Ripple distortion (custom shader) | Slider 1: 0 ~ 200 (frequency), Slider 2: -200 ~ 200 (phase) |
Layer blend modes controlling how the current layer composites with layers below.
| Effect | Description | Parameters |
|---|---|---|
| Multiply | Multiply colors of upper and lower layers, resulting in darker image | Slider: 0 ~ 100 (intensity), default 0 |
| Screen | Invert, multiply, then invert again, resulting in brighter image | Slider: 0 ~ 100 (intensity), default 0 |
| Overlay | Combines Multiply and Screen, preserving contrast | Slider: 0 ~ 100 (intensity), default 0 |
| Soft Light | Similar to Overlay but with a softer effect | Slider: 0 ~ 100 (intensity), default 0 |
-
Built-in Win2D effects: Most effects are based on Win2D's built-in
Microsoft.Graphics.Canvas.Effects, requiring no additional shader files. -
Custom shaders: The Distort (Ripple) effect uses a custom HLSL pixel shader (
.binfile), loaded viaShaderLoader. - Real-time preview: Effects are previewed on the canvas in real time. Click "Complete" to apply, or "Cancel" to restore.