Image Overlay Node Documentation

Overview

The Image Overlay node in the ComfyUI Efficiency Nodes collection is designed to allow users to overlay one image onto another. It offers flexible options for resizing, relocating, and blending overlay images with base images. This functionality is especially useful in situations where composite imagery is required, such as in graphic design or complex image processing workflows.

Features

• Flexible Overlay: Overlay images can be resized and relocated on top of base images, allowing precise control over composition.
• Batch Processing: Works with image batches to apply overlays consistently across multiple images.
• Opacity Control: Allows adjustment of overlay transparency to blend images smoothly.
• Rotation and Masking: Offers options to rotate overlays and apply masks for complex image compositions.

Inputs

• Base Image: The main image onto which the overlay will be placed.
• Overlay Image: The image that will be placed on top of the base image.
• Overlay Resize: Options to resize the overlay image, including:
  • None
  • Fit
  • Resize by a given rescale factor
  • Resize to specified width and height
• Resize Method: The interpolation method for resizing the overlay, including options like nearest-exact, bilinear, and area.
• Rescale Factor: Factor by which the overlay image is scaled, applicable if the resize option is chosen.
• Width & Height: Desired dimensions for the overlay image if resizing to specific dimensions.
• X Offset & Y Offset: Pixels by which to shift the overlay from the top-left corner of the base image.
• Rotation: Degrees to rotate the overlay image before blending.
• Opacity: Blend level between the overlay and base image, with 0 being fully transparent and 100 being fully opaque.
• Optional Mask: A mask to define which parts of the overlay image should be visible.

Outputs

• Image: The resulting image after the overlay has been applied to the base image. The final output reflects all transformations including resizing, opacity, and positional adjustments.

Usage in Workflows

1. Graphic Design: Use the Image Overlay node to combine logos or annotations with base images, adjusting the overlay’s size and position for optimal composition.
2. Watermarking: Apply a watermark as an overlay with adjusted opacity to maintain image integrity while protecting content.
3. Multi-image Compositing: In workflows that involve multiple images, such as collages, integrate this node to place each element accurately on the canvas.
4. Special Effects: Achieve subtle visual effects by combining multiple textures or patterns over a main image using rotation and masking features.

Special Features and Considerations

• Rotation and Masking: Enhance creative expression by rotating the overlay and using masks to define visible areas. This can create dynamic effects like highlighting specific parts of the underlying image.
• Batch Processing: When working with image batches, ensure overlay images are appropriately sized and positioned across all inputs to achieve consistent results.
• Image Dimensions: Due to the flexibility in resizing, it's essential to consider the dimensions of both base and overlay images to ensure the final output meets your expectations in terms of quality and composition.

By integrating the Image Overlay node into your ComfyUI workflows, you can achieve advanced image manipulation and composition with ease. The node's extensive features allow for high customization, making it a powerful tool for both designers and developers.