ComfyUI Node: Title Plus

Title Plus:

The TitlePlus node is designed to create visually appealing text images with customizable attributes, making it an essential tool for AI artists looking to enhance their projects with text-based graphics. This node allows you to generate images with text, offering a wide range of customization options such as font size, color, alignment, and more. By providing a flexible interface for text styling, TitlePlus enables you to create titles or labels that can be seamlessly integrated into your artistic compositions. Its primary function is to render text onto an image canvas, allowing you to specify various aesthetic parameters to achieve the desired visual effect. This node is particularly beneficial for those who wish to add personalized text elements to their artwork, ensuring that the text complements the overall design.

Title Plus Input Parameters:

text

This parameter specifies the text content that will be displayed on the image. It supports multiline input, allowing you to create complex text layouts. The default value is "Title", and you can customize it to any string of your choice.

font_size

This parameter determines the size of the text in the image. It is an integer value with a default of 20, and it can range from a minimum of 1 to a maximum of 100. Adjusting the font size will affect the prominence and readability of the text.

font_weight

This parameter allows you to choose the weight of the font, with options including "normal" and "bold". This setting influences the thickness of the text, which can impact its visual emphasis.

text_color

This parameter sets the color of the text using a hexadecimal color code. The default color is white (#ffffff), but you can change it to any color to match your design needs.

background_color

This parameter defines the background color of the image canvas, also using a hexadecimal color code. The default is black (#000000), providing a contrasting backdrop for the text.

width

This parameter specifies the width of the image canvas in pixels. It has a default value of 220, with a range from 1 to 1000. Adjusting the width can help accommodate longer text strings or create specific aspect ratios.

height

This parameter sets the height of the image canvas in pixels. The default is 100, and it can range from 1 to 1000. Modifying the height allows for more vertical space for text or design elements.

text_align

This parameter controls the alignment of the text within the image. Options include "left", "center", and "right", allowing you to position the text according to your design preferences.

padding

This parameter adds space between the text and the edges of the image canvas. It is an integer value with a default of 10, ranging from 0 to 100. Padding can enhance the visual balance of the text within the image.

font_path

This parameter allows you to specify a custom font file path for the text. If left empty, the default font "arial.ttf" is used. Providing a custom font can help achieve a unique text style.

border_color

This parameter sets the color of the border around the image, using a hexadecimal color code. The default is black (#000000), but you can customize it to match or contrast with the text and background.

border_width

This parameter determines the thickness of the border around the image. It is an integer value with a default of 0, ranging from 0 to 20. A thicker border can add emphasis or separation from the background.

Title Plus Output Parameters:

IMAGE

The output of the TitlePlus node is an image with the specified text and styling attributes. This image can be used in various artistic projects, serving as a title, label, or decorative element. The output image reflects all the input parameters, providing a customized visual representation of the text.

Title Plus Usage Tips:

• Experiment with different font sizes and weights to find the perfect balance between readability and style for your text.
• Use contrasting text and background colors to ensure that the text stands out and is easily legible.
• Adjust the padding and border settings to create a visually appealing layout that complements your overall design.

Title Plus Common Errors and Solutions:

Font file not found

• Explanation: This error occurs when the specified font file path is incorrect or the file is missing.
• Solution: Ensure that the font file path is correct and that the file exists in the specified location. If using the default font, ensure that "arial.ttf" is available.

Text exceeds canvas size

• Explanation: This error happens when the text is too large to fit within the specified canvas dimensions.
• Solution: Increase the width and/or height of the canvas or reduce the font size to ensure the text fits within the image.

Invalid color code

• Explanation: This error occurs when an invalid hexadecimal color code is provided for text, background, or border color.
• Solution: Verify that all color codes are in the correct hexadecimal format (e.g., #ffffff for white) and adjust as necessary.