ComfyUI  >  Nodes  >  ComfyUI Layer Style >  LayerUtility: GradientImage

ComfyUI Node: LayerUtility: GradientImage

Class Name

LayerUtility: GradientImage

Category
😺dzNodes/LayerUtility
Author
chflame163 (Account age: 445 days)
Extension
ComfyUI Layer Style
Latest Updated
6/24/2024
Github Stars
0.6K

How to Install ComfyUI Layer Style

Install this extension via the ComfyUI Manager by searching for  ComfyUI Layer Style
  • 1. Click the Manager button in the main menu
  • 2. Select Custom Nodes Manager button
  • 3. Enter ComfyUI Layer Style 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

LayerUtility: GradientImage Description

Generate gradient images with adjustable parameters for smooth color transitions, ideal for backgrounds and overlays.

LayerUtility: GradientImage:

The LayerUtility: GradientImage node is designed to generate a gradient image based on specified parameters. This node allows you to create smooth transitions between two colors over a defined width and height, with the ability to adjust the angle of the gradient. This can be particularly useful for creating backgrounds, overlays, or any other graphical elements that require a gradient effect. By providing a simple interface to control the gradient's properties, this node helps you achieve visually appealing results with minimal effort.

LayerUtility: GradientImage Input Parameters:

width

The width parameter defines the width of the gradient image in pixels. It determines how wide the generated image will be. The minimum value is 4, the maximum value is 99999, and the default value is 512. Adjusting this parameter will affect the horizontal size of the gradient.

height

The height parameter specifies the height of the gradient image in pixels. It sets the vertical size of the generated image. The minimum value is 4, the maximum value is 99999, and the default value is 512. Changing this parameter will impact the vertical dimension of the gradient.

angle

The angle parameter controls the angle of the gradient in degrees. It allows you to rotate the gradient direction from -360 to 360 degrees, with a default value of 0. This parameter is useful for creating diagonal or rotated gradient effects.

start_color

The start_color parameter defines the starting color of the gradient. It is specified as a string in hexadecimal format (e.g., #FFFFFF for white). The default value is #FFFFFF. This color will appear at the beginning of the gradient transition.

end_color

The end_color parameter sets the ending color of the gradient. Similar to the start_color, it is specified as a string in hexadecimal format (e.g., #000000 for black). The default value is #000000. This color will appear at the end of the gradient transition.

LayerUtility: GradientImage Output Parameters:

image

The image output parameter provides the generated gradient image. This image is the result of applying the specified width, height, angle, start color, and end color parameters. The output is an image tensor that can be used in further processing or directly in your artwork.

LayerUtility: GradientImage Usage Tips:

  • Experiment with different angle values to create unique gradient effects, such as diagonal or vertical gradients.
  • Use contrasting start_color and end_color values to make the gradient more visually striking.
  • Adjust the width and height parameters to fit the specific dimensions required for your project.

LayerUtility: GradientImage Common Errors and Solutions:

"Invalid color format"

  • Explanation: The start_color or end_color parameter is not in the correct hexadecimal format.
  • Solution: Ensure that both start_color and end_color are specified as strings in the format #RRGGBB.

"Width or height out of range"

  • Explanation: The width or height parameter is set outside the allowed range (4 to 99999).
  • Solution: Adjust the width and height values to be within the specified range.

"Angle out of range"

  • Explanation: The angle parameter is set outside the allowed range (-360 to 360).
  • Solution: Ensure that the angle value is within the range of -360 to 360 degrees.

LayerUtility: GradientImage Related Nodes

Go back to the extension to check out more related nodes.
ComfyUI Layer Style
RunComfy

© Copyright 2024 RunComfy. All Rights Reserved.

RunComfy is the premier ComfyUI platform, offering ComfyUI online environment and services, along with ComfyUI workflows featuring stunning visuals.