Transition Images Multi (TransitionImagesMulti) - ComfyUI-KJNodes

The Transition Images Multi node controls the dynamic effects of image switching through user-selected transition types (such as slide, fade, shape wipe, etc.) and interpolation curves.

The Transition Images Multi node is a tool for creating smooth transition animation effects between multiple images. It can connect a series of input images to generate a continuous image sequence containing all transition frames, making it ideal for creating videos or dynamic content.

Node Functionality

This node controls the dynamic effects of image switching through user-selected transition types (such as slide, fade, shape wipe, etc.) and interpolation curves. It supports computation on either CPU or GPU and can handle input images of different sizes, automatically scaling them to the dimensions of the first image. The core mechanism generates a series of intermediate states between every two images based on the set number of transition frames.

Node Parameter Description - Transition Images Multi

Connection Inputs (Inputs)

Parameter Name	Data Type	Required	Default Value	Range/Options	Description
`image_1`	IMAGE	Yes	-	-	: Connect the first input image. All subsequent images will be scaled and aligned based on the dimensions of this image. The batch of images for the transition is provided through this input.
`image_2`	IMAGE	No	-	-	: Connect an optional second input image.

Control Parameters (Parameters)

Parameter Name	Data Type	Required	Default Value	Range/Options	Description
`interpolation`	COMBO	Yes	linear	"linear", "ease_in", "ease_out", "ease_in_out", "bounce", "elastic", "glitchy", "exponential_ease_out"	: Select the speed curve for the transition animation, controlling the acceleration feel of the change process. Options include linear, ease_in, ease_out, ease_in_out, bounce, elastic, glitchy, exponential_ease_out.
`transition_type`	COMBO	Yes	horizontal slide	"horizontal slide", "vertical slide", "box", "circle", "horizontal door", "vertical door", "fade"	: Select the type of visual transition effect between images. Options include horizontal slide, vertical slide, box, circle, horizontal door, vertical door, fade.
`device`	COMBO	Yes	CPU	"CPU", "GPU"	: Select the device used to perform transition calculations. Options are CPU or GPU.
`inputcount`	INT	Yes	2	2 - 1000 (step: 1)	: Specify the total number of input images to participate in the transition. The images should be provided as a batch in the `image_1` input. Range is 2 to 1000, step is 1.
`transitioning_frames`	INT	Yes	2	2 - 4096 (step: 1)	: Set the number of transition frames generated between each pair of adjacent images. Range is 2 to 4096, step is 1.
`blur_radius`	FLOAT	Yes	0.0	0.0 - 100.0 (step: 0.1)	: Add a blur effect to the transition edges; higher values result in more blurred edges. Range is 0.0 to 100.0, step is 0.1.
`reverse`	BOOLEAN	Yes	False	-	: Reverse the order of the entire transition animation. When set to True, the transition will proceed from the last image to the first.

Output

Parameter Name	Data Type	Description
IMAGE	IMAGE	: Outputs the complete image sequence containing all original images and transition frames.

Usage Scenarios

When creating video storyboards or dynamic GIFs, you can connect multiple keyframe images (as a batch) to this node, set the transition type and frame count, and the output image sequence can be directly fed into a video encoding node. It is also well-suited for creating slide presentations or simple image loop animations, serving as a key component in building dynamic visual workflows.

Notes

Please note that the number of input images is determined by the inputcount parameter. The images are provided as a batch in the image_1 input (the first image in the batch acts as the reference for scaling). The optional image_2 input can be used to add an extra image beyond the batch. A higher number of transition frames results in smoother animations but also significantly increases the total number of frames in the output sequence and the processing time.

Transition Images Multi Node Source Code Link

The Transition Images Multi node is from the ComfyUI-KJNodes node package.

Transition Images Multi(TransitionImagesMulti)