Nodes/RyanOnTheInside/Flex Image Vignette βš‘πŸ…‘πŸ…žπŸ…£πŸ…˜
ComfyUI Node

Flex Image Vignette βš‘πŸ…‘πŸ…žπŸ…£πŸ…˜

A darkened-edge frame that can breathe with audio

By ryanontheinsideΒ·Created 2 years agoΒ·Updated 5 months agoΒ· 852
Flex Image Vignette βš‘πŸ…‘πŸ…žπŸ…£πŸ…˜
  • images
  • opt_feature
  • IMAGE
β—„strength1.00β–Ί
β—„feature_threshold0.00β–Ί
β—„feature_paramβ–Ύβ–Ί
β—„feature_moderelativeβ–Ί
β—„intensity0.50β–Ί
β—„radius1.00β–Ί
β—„feather0.30β–Ί
β—„center_x0.50β–Ί
β—„center_y0.50β–Ί

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.
  • intensity and radius - 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.

CategoryRyanOnTheInside/FlexFeatures/Targets/Images

Inputs (11)

NameTypeDefaultDescription
strengthFLOAT1.000–1Overall strength of the effect (0.0 to 1.0) Higher values create more dramatic changes, while lower values are more subtle.
feature_thresholdFLOAT0.000–1Minimum 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_paramCOMBOChoose 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_modeCOMBOrelativeHow to apply the feature modulation: - relative: Changes are centered around the original value - absolute: Changes scale directly from zero to the maximum
imagesIMAGEInput image sequence to be processed (IMAGE type)
intensityFLOAT0.500–1Strength of the vignette effect (0.0 to 1.0)
radiusFLOAT1.000.1–2Radius of the vignette (0.1 to 2.0)
featherFLOAT0.300–1Amount of feathering on the vignette edge (0.0 to 1.0)
center_xFLOAT0.500–1X-coordinate of the vignette center (0.0 to 1.0)
center_yFLOAT0.500–1Y-coordinate of the vignette center (0.0 to 1.0)
opt_featureoptFEATUREOptional 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)

NameTypeDescription
IMAGEIMAGEβ€”