Table of Content

ComfyUI Node: 🟨 CR Radial Gradient

Class Name

CR Radial Gradient

Category 🧩 Comfyroll Studio/👾 Graphics/🌈 Pattern

Author Suzie1 (Account age: 2158days)Extension Comfyroll StudioLatest Updated 2024-06-05Github Stars 0.49K

Github Ask Suzie1 Questions Current Questions Past Questions

How to Install Comfyroll Studio

Install this extension via the ComfyUI Manager by searching for Comfyroll Studio

1. Click the Manager button in the main menu
1. Select Custom Nodes Manager button
1. Enter Comfyroll Studio in the search bar

After installation, click the Restart button to restart ComfyUI. Then, manually refresh your browser to clear the cache and access the updated list of nodes.

Visit ComfyUI Online for ready-to-use ComfyUI environment

Free trial available
High-speed GPU machines
200+ preloaded models/nodes
Freedom to upload custom models/nodes
50+ ready-to-run workflows
100% private workspace with up to 200GB storage
Dedicated Support

Run ComfyUI Online

🟨 CR Radial Gradient Description

Create circular color gradients from a central point for dynamic visual effects in AI compositions.

🟨 CR Radial Gradient:

The CR Radial Gradient node is designed to create a smooth transition of colors radiating from a central point outward, forming a circular gradient effect. This node is particularly useful for generating visually appealing backgrounds, highlights, or any graphical elements that require a radial color transition. By leveraging this node, you can easily define the center of the gradient, the colors at the start and end points, and the distance over which the gradient transitions. This flexibility allows for a wide range of creative possibilities, making it an essential tool for AI artists looking to enhance their visual compositions with dynamic and engaging color patterns.

🟨 CR Radial Gradient Input Parameters:

width

This parameter defines the width of the canvas on which the radial gradient will be drawn. It determines the horizontal size of the output image. The width should be specified in pixels, and it directly impacts the resolution and aspect ratio of the gradient. There is no strict minimum or maximum value, but typical values range from 100 to 2000 pixels depending on the desired output size.

height

This parameter specifies the height of the canvas for the radial gradient. Similar to the width, it determines the vertical size of the output image and should be provided in pixels. The height affects the resolution and aspect ratio of the gradient. Typical values range from 100 to 2000 pixels.

start_color

This parameter sets the color at the center of the radial gradient. You can choose from predefined color names or use a custom color by specifying a hexadecimal color code. The start color is crucial as it defines the initial hue from which the gradient will radiate outward.

end_color

This parameter defines the color at the outer edge of the radial gradient. Similar to the start color, you can select from predefined color names or use a custom hexadecimal color code. The end color determines the final hue of the gradient as it reaches the edges of the canvas.

radial_center_x

This parameter specifies the horizontal position of the center of the radial gradient as a fraction of the canvas width. The value ranges from 0 to 1, where 0 represents the left edge and 1 represents the right edge of the canvas. The default value is 0.5, placing the center in the middle horizontally.

radial_center_y

This parameter sets the vertical position of the center of the radial gradient as a fraction of the canvas height. The value ranges from 0 to 1, where 0 represents the top edge and 1 represents the bottom edge of the canvas. The default value is 0.5, placing the center in the middle vertically.

gradient_distance

This parameter controls the distance over which the gradient transitions from the start color to the end color. It is specified as a fraction of the canvas size, with a value of 1 meaning the gradient will transition over the entire canvas. Adjusting this value allows for tighter or more extended gradient transitions.

start_color_hex

This parameter allows you to specify a custom start color using a hexadecimal color code. It provides flexibility for precise color selection beyond predefined color names. The default value is #000000 (black).

end_color_hex

This parameter allows you to specify a custom end color using a hexadecimal color code. It offers the same flexibility as the start color hex parameter for precise color selection. The default value is #000000 (black).

🟨 CR Radial Gradient Output Parameters:

canvas

The output parameter is the canvas, which is an image array representing the radial gradient. This canvas can be used directly in your visual compositions or further processed for additional effects. The canvas contains the gradient transition from the start color at the center to the end color at the edges, based on the specified input parameters.

🟨 CR Radial Gradient Usage Tips:

Experiment with different start_color and end_color combinations to create unique and visually striking gradients.
Adjust the radial_center_x and radial_center_y parameters to offset the gradient center and create interesting focal points in your designs.
Use the gradient_distance parameter to control the smoothness of the gradient transition, making it either more abrupt or more gradual.

🟨 CR Radial Gradient Common Errors and Solutions:

"Invalid color code"

Explanation : This error occurs when the specified hexadecimal color code is not in the correct format.
Solution : Ensure that the color code is a valid hexadecimal string, starting with # followed by six hexadecimal digits (e.g., #FF5733).

"Canvas size too small"

Explanation : This error happens when the specified width or height of the canvas is too small to render the gradient effectively.
Solution : Increase the width and height parameters to ensure the canvas is large enough to display the gradient properly.

"Gradient distance out of range"

Explanation : This error occurs when the gradient_distance parameter is set to a value outside the acceptable range.
Solution : Ensure that the gradient_distance is a fraction between 0 and 1. Adjust the value to fall within this range.

Flux Consistent Characters(Input Image)

video to pixar style

hunyuan video lora makima character