Skip to content

Layout Nodes

Akatsuzi edited this page Jan 17, 2024 · 19 revisions

CR Image Panel


CR Page Layout

CR Page Layout

ComfyUI_temp_jeydt_00006_


CR Image Grid Panel

This node can produce image grids as an output, or as an input to CR Page Layout.

It is also useful for organising multiple preview images in a workflow into a single strip of images.

Here are some example uses:

CR Image Grid Panel

CR Image Grid Panel 2

image

ComfyUI_temp_jvdrk_00167_

Demo Workflow (right click to save from link)

CR_Image_Grid_Panel_demo1.json

CR_Image_Grid_Panel_demo2.json


CR Image Border


CR Feathered Border

Supports batch processing ✅

image

Demo Workflow (right click to save from link)

CR_Feathered_Border_demo1.json


CR Color Panel


CR Simple Text Panel

CR Simple Text Panel

Examples

Settings Output Settings Output
font_outline_thickness = 50
font_outline_color = red
font_outline_thickness = 5
font_outline_color = white

CR Overlay Transparent Image

Image overlayed at 45 degree angle

CR Overlay Transparent Image

Image overlayed on a mobile phone template

ComfyUI_temp_jvdrk_00005_

Spinning overlay image using Auto Queue

To autorun, tick Extra Options, set batch Count to 1, and tick Auto Queue then press Queue Prompt. To stop, untick Auto Queue.

Spinning Overlay

    Args:
        back_image (torch.Tensor): Background image tensor.
        overlay_image (torch.Tensor): Overlay image tensor.
        transparency (float): Transparency level for the overlay image (0.0 to 1.0).
        offset_x (int): X-coordinate relative to the center of the back image.
        offset_y (int): Y-coordinate relative to the center of the back image.
        rotation_angle (float): Rotation angle in degrees.
        scale_factor (float): Scaling factor for the overlay image.

    Returns:
        torch.Tensor: Resulting image tensor.

Demo Workflow (right click to save from link)

CR_Overlay_Transparent_Image_demo2.json

Clone this wiki locally