Skip to content

Image Effects

paperhammer edited this page Jun 23, 2026 · 1 revision

Image Effects

The static image editor provides 21 real-time preview effects organized into three groups: Adjust, Special, and Blend. All effects support undo/redo.


Adjust

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

Special

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)

Blend

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

Technical Notes

  • 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 (.bin file), loaded via ShaderLoader.
  • Real-time preview: Effects are previewed on the canvas in real time. Click "Complete" to apply, or "Cancel" to restore.

Clone this wiki locally