ComfyUI Extension: Compositor Node

Compositor Node Introduction

ComfyUI-enricos-nodes is an extension designed to simplify and speed up the process of creating complex image compositions within the ComfyUI environment. This extension is particularly useful for AI artists who want to visually arrange, scale, and manipulate multiple images to create a cohesive composition without needing to delve into complex coding or manual adjustments.

Key Features:

• Visual Composition: Easily place, rotate, and scale up to 8 images to build your desired composition.
• Group Transformations: Move and rescale groups of images together, with options to choose the transformation center.
• Persistent Settings: Remember the position, scaling values, and z-index across different generations, making it easy to swap images.
• Buffer Zone: Temporarily park assets you don't want to use immediately, making it easier to manage your workspace.
• Export Area Overlay: Clearly see the exported area through a green overlay, ensuring your composition fits within the desired frame.
• Re-frame and Masking: Quickly re-frame your shot and mask images as needed.
• Precise Controls: Move selections with keyboard inputs for pixel-perfect adjustments.

How Compositor Node Works

ComfyUI-enricos-nodes operates by providing a graphical user interface (GUI) within ComfyUI that allows you to manipulate images visually. Think of it as a digital canvas where you can drag and drop images, resize them, rotate them, and arrange them in layers to create a final composition. This process is akin to using graphic design software like Photoshop or Krita but integrated directly into the ComfyUI workflow.

Basic Principles:

1. Image Inputs: You can input up to 8 images into the node.
2. Transformations: Use the GUI to place, rotate, and scale images. Group transformations allow you to move and resize multiple images simultaneously.
3. Export and Integration: The node remembers your settings and can export the final composition, which can then be used in further AI processing or saved as an image.

Compositor Node Features

Visual Composition

• Place, Rotate, Scale: Drag and drop images onto the canvas, rotate them by dragging corners, and scale them to fit your composition.
• Group Transformations: Select multiple images and move or resize them together. Use the Ctrl key to choose the transformation center (corner or center).

Persistent Settings

• Remember Settings: The node remembers the position, scaling values, and z-index of images across different generations, making it easy to swap images without losing your layout.

Buffer Zone

• Temporary Parking: Use the buffer zone to park images you don't want to use immediately. This helps keep your workspace organized and accessible.

Export Area Overlay

• Green Overlay: A green overlay shows the export area, ensuring your composition fits within the desired frame.

Re-frame and Masking

• Re-frame: Easily re-frame your shot by selecting and resizing multiple images.
• Masking: Quickly apply masks to images to hide or reveal parts of them.

Precise Controls

• Keyboard Inputs: Move selections with keyboard inputs for precise adjustments. Use arrow keys for pixel-perfect movements.

Compositor Node Models

Currently, ComfyUI-enricos-nodes does not include different models. It focuses on providing a robust set of tools for image composition within the ComfyUI environment.

What's New with Compositor Node

Version 3.1.0 (20.09.2024)

• New Configuration Features:
• onConfigChange Action Toggle: Choose whether to stop the flow for edits or capture and continue the flow.
• Normalize Height: Ensure all images are the same height as the canvas (may reduce image quality).
• Transforms Enhancements:
• Output transforms now include angle and bounding box coordinates.
• Option to force transform output values to be integers.
• New Experimental Tools:
• Precise Selection Toggle: Ignore transparent pixels and select the first image below the mouse.
• Center Selected: Center selected images on the canvas.
• Reset Transforms: Reset images to their original size, angle, and position. For a detailed changelog of previous versions, please visit the wiki.

Troubleshooting Compositor Node

Common Issues and Solutions

1. Images Not Showing in Compositor:

• Ensure you run the flow once for the compositor to display images.

2. Random Values Causing Issues:

• Be cautious with random values on the left of the node. The node stops execution on config change to capture and re-enqueue the flow. Invalid cache may prevent progression.

3. Tools Not Showing Up:

• New tools only appear on load. If you add them, reload the page with a browser refresh.

4. Scaling Issues:

• Compositing is not scaled. For high-resolution images (e.g., 5k), ensure your monitor is large enough.

Frequently Asked Questions

• How do I install ComfyUI-enricos-nodes?
• Follow the installation methods provided in the original readme or visit the ComfyUI Manager for detailed instructions.
• Can I use masks with this node?
• Yes, you can pass masks to the node, and they will be applied automatically.

Learn More about Compositor Node

For additional resources, tutorials, and community support, visit the following links:

• ComfyUI-enricos-nodes Wiki
• ComfyUI Manager
• ComfyUI Nodes Info These resources provide comprehensive guides, workflows, and community forums where you can ask questions and get support from other AI artists and developers.