Flex Image Vignette β‘π ‘π π £π
A darkened-edge frame that can breathe with audio
- images
- opt_feature
- IMAGE
A vignette darkens the edges of a frame to pull the eye toward the center - it's one of the oldest tricks in photography and film, and this node does a clean, adjustable version of it with the usual RyanOnTheInside option to let a reactive Feature drive one of its settings instead of leaving it static.
How it works
intensity (0β1, default 0.5) sets how dark the vignette gets. radius (0.1β2, default 1) controls how far the untouched, fully-bright center region extends before the darkening starts - smaller radius means darkening creeps in sooner, closer to the middle of the frame. feather (0β1, default 0.3) softens the transition between bright center and dark edge; low feather gives a harder-edged circle of darkness, high feather blends it gradually. center_x/center_y (0β1, default 0.5/0.5, i.e. dead center) let you shift where the "spotlight" sits - useful if your subject isn't centered in frame and you want the brightest point to follow them instead.
feature_param can drive any of the five: intensity, radius, feather, center_x, center_y, or None for no modulation. Driving intensity with an audio feature is the obvious "vignette pulses with the beat" move; driving center_x/center_y instead lets the bright spot drift around the frame over time, which reads as a much more unusual, deliberate effect than a simple pulse.
Inputs and outputs that matter
images- required.intensityandradius- the two settings that define the basic look; tune these first.center_x/center_y- worth adjusting off-default any time your subject isn't in the middle of the frame.opt_feature(optional) - for animating any of the above over time.
Output is a single IMAGE.
How to install it
Via ComfyUI Manager, search "RyanOnTheInside." Manually:
cd ComfyUI/custom_nodes
git clone https://github.com/ryanontheinside/ComfyUI_RyanOnTheInside
cd ComfyUI_RyanOnTheInside
pip install -r requirements.txt
then restart. No model download; this is a lightweight radial gradient operation.
Common issues & troubleshooting
Vignette barely visible. Check intensity first (it's the overall strength, and the default 0.5 is fairly moderate), then radius - if radius is set close to 2, the fully-dark region may not even reach the frame edges at all, since a larger radius pushes the darkening further out.
Edge darkening looks like a hard-edged circle instead of a smooth fade. That's feather set low. Raise it toward 1 for the classic soft photographic vignette look; a low feather value is really its own distinct effect (more like a spotlight cutout than a vignette) rather than a bug.
Vignette centered on the wrong part of the frame. Default center_x/center_y is dead center (0.5/0.5) - if your subject is off to one side, the vignette will darken right over them unless you move the center to match. This is easy to forget since most vignette tools elsewhere default to and stay at center.
Inputs (11)
| Name | Type | Default | Description |
|---|---|---|---|
| strength | FLOAT | 1.000β1 | Overall strength of the effect (0.0 to 1.0) Higher values create more dramatic changes, while lower values are more subtle. |
| feature_threshold | FLOAT | 0.000β1 | Minimum feature value to trigger the effect (0.0 to 1.0) Only applies the effect when the feature value exceeds this threshold. Lower values make the effect more sensitive, higher values make it more selective. |
| feature_param | COMBO | Choose which parameter to modulate: - intensity: Dynamically adjust vignette strength - radius: Dynamically adjust vignette size - feather: Dynamically adjust edge softness - center_x: Dynamically adjust horizontal center - center_y: Dynamically adjust vertical center - None: No parameter modulation | |
| feature_mode | COMBO | relative | How to apply the feature modulation: - relative: Changes are centered around the original value - absolute: Changes scale directly from zero to the maximum |
| images | IMAGE | Input image sequence to be processed (IMAGE type) | |
| intensity | FLOAT | 0.500β1 | Strength of the vignette effect (0.0 to 1.0) |
| radius | FLOAT | 1.000.1β2 | Radius of the vignette (0.1 to 2.0) |
| feather | FLOAT | 0.300β1 | Amount of feathering on the vignette edge (0.0 to 1.0) |
| center_x | FLOAT | 0.500β1 | X-coordinate of the vignette center (0.0 to 1.0) |
| center_y | FLOAT | 0.500β1 | Y-coordinate of the vignette center (0.0 to 1.0) |
| opt_featureopt | FEATURE | Optional feature input for modulation Connect any feature node here to control the effect. Features can come from audio, motion, color, or other sources. |
Outputs (1)
| Name | Type | Description |
|---|---|---|
| IMAGE | IMAGE | β |