Make Overlay step

Introduction

The "Make Overlay" step is used to create a custom graphical overlay by combining various elements such as text, images, and shapes. This step is ideal for automating the creation of visual content, such as banners, notifications, or promotional graphics, directly within your workflow.

Configuration

  • Size: Defines the overall dimensions of the overlay.

    • Width: The width of the overlay.

    • Height: The height of the overlay.

  • Items: A list of elements to be included in the overlay. Each item can be of the following types:

    • Text: Adds a text element to the overlay.

      • Content: The text content to display.

      • Text Color: The color of the text.

      • Font: The font used for the text.

      • Text Size: The size of the text.

      • Position: The position (x, y coordinates) of the text within the overlay.

      • Size: The dimensions (width, height) of the text container.

      • Alignment: The alignment of the text within its container (horizontal and vertical).

      • Stroke: Optional stroke around the text.

        • Color: The color of the stroke.

        • Width: The width of the stroke.

    • Image: Adds an image element to the overlay.

      • Image: The image file to display.

      • Position: The position (x, y coordinates) of the image within the overlay.

      • Size: The dimensions (width, height) of the image.

      • Corner Radius: Optional corner radius to apply rounded corners to the image.

    • Rectangle: Adds a rectangular shape to the overlay.

      • Background Color: The color of the rectangle's background.

      • Position: The position (x, y coordinates) of the rectangle within the overlay.

      • Size: The dimensions (width, height) of the rectangle.

      • Border: Optional border around the rectangle.

        • Color: The color of the border.

        • Width: The width of the border.

      • Corner Radius: Optional corner radius for the rectangle.

Outputs

  • Image: The resulting image file created from the overlay. This output can be used in subsequent steps, such as sending the image in a message.

Last updated