ComfyUI Layer Style

A set of nodes for ComfyUI that generate image like Adobe Photoshop's Layer Style.

Nodes are divided into four groups according to their functions: LayerStyle, LayerMask, LayerUtility and LayerFilter.

• LayerStyle nodes provides layer styles that mimic Adobe Photoshop.
• LayerMask nodes provides mask assistance tools.
• LayerUtility nodes provides auxiliary nodes related to layer composit tools and workflows.
• LayerFilter nodes provides image effect filters.

中文说明点这里

Update

• Commit MaskGradient node, can create a gradient in the mask.
• Commit GetColorTone node, can obtain the main color or average color of the image. Commit MaskGrow and MaskEdgeShrink nodes.
• Commit MaskBoxDetect node, which can automatically detect the position through the mask and output it to the composite node. Commit XY to Percent node to convert absolute coordinates to percent coordinates. Commit GaussianBlur node. Commit GetImageSize node.
• Commit ExtendCanvas node.
• Commit ImageBlendAdvance node. This node allows for the synthesis of background images and layers of different sizes, providing a more free synthesis experience. Commit PrintInfo node as a workflow debugging aid.
• Commit ColorImage and GradientImage nodes, Used to generate solid and gradient color images.
• Commit GradientOverlay and ColorOverlay nodes. Add invalid mask input judgment and ignore it when invalid mask is input.
• Commit InnerGlow, InnerShadow and MotionBlur nodes.
• Renaming all completed nodes, the nodes are divided into 4 groups：LayerStyle, LayerMask, LayerUtility, LayerFilter. workflows containing old version nodes need to be manually replaced with new version nodes.
• OuterGlow node has undergone significant modifications by adding options for brightness, light_color, and glow_color.
• Commit MaskInvert node.
• Commit ColorPick node.
• Commit Stroke node.
• Commit MaskPreview node.
• Commit ImageOpacity node.
• The layer_mask is not a mandatory input now. it is allowed to use layers and masks with different shapes, but the size must be consistent.
• Commit ImageBlend node.
• Commit OuterGlow node.
• Commit DropShadow node.

LayerStyle

DropShadow

Generate shadow

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image, shadows are generated according to their shape.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode of shadows.
• opacity: Opacity of shadow.
• distance_x: Horizontal offset of shadow.
• distance_y: Vertical offset of shadow.
• grow: Shadow expansion amplitude.
• blur: Shadow blur level.
• shadow_color⁴: Shadow color.
• note

OuterGlow

Generate outer glow

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image, grow are generated according to their shape.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode of glow.
• opacity: Opacity of glow.
• brightness: Luminance of light.
• glow_range: range of glow.
• blur：blur of glow.
• light_color⁴: Center part color of glow.
• glow_color⁴: Edge part color of glow.
• note

InnerShadow

Generate inner shadow

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image, shadows are generated according to their shape.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode of shadows.
• opacity: Opacity of shadow.
• distance_x: Horizontal offset of shadow.
• distance_y: Vertical offset of shadow.
• grow: Shadow expansion amplitude.
• blur: Shadow blur level.
• shadow_color⁴: Shadow color.
• note

InnerGlow

Generate inner glow

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image, grow are generated according to their shape.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode of glow.
• opacity: Opacity of glow.
• brightness: Luminance of light.
• glow_range: range of glow.
• blur：blur of glow.
• light_color⁴: Center part color of glow.
• glow_color⁴: Edge part color of glow.
• note

Stroke

Generate a stroke of layer。

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image, stroke are generated according to their shape.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode of stroke.
• opacity: Opacity of stroke.
• stroke_grow: Stroke expansion/contraction amplitude, positive values indicate expansion and negative values indicate contraction.
• stroke_width: Stroke width.
• stroke_color⁴: Stroke color, described in hexadecimal RGB format.
• note

GradientOverlay

Generate gradient overlay

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode of gradient.
• opacity: Opacity of stroke.
• start_color: Color at the beginning of the gradient.
• start_alpha: Transparency at the beginning of the gradient.
• end_color: Color at the end of the gradient.
• end_alpha: Transparency at the end of the gradient.
• angle: Gradient rotation angle.
• note

ColorOverlay

Generate color overlay

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode of color.
• opacity: Opacity of stroke.
• color: Color of overlay.
• note

LayerMask

MaskBoxDetect

Detect the area where the mask is located and output its position and size.

Node options:

• detect: Detection method, min_bounding_rect is the minimum bounding rectangle, max_inscribed_rect is the maximum inscribed rectangle.
• x_adjust: Adjust of horizontal deviation after detection.
• y_adjust: Adjust of vertical offset after detection.
• scale_adjust: Adjust the scaling offset after detection.

Output:

• box_preview: Preview image of detection results. Red represents the detected result, and green represents the adjust output result.
• x_percent: Horizontal position output in percentage.
• y_percent: Vertical position output in percentage.
• width: Width.
• height: Height.
• x: The x-coordinate of the top left corner position.
• y: The y-coordinate of the top left corner position.

MaskGrow

Grow and shrink edges and blur the mask

Node options:

• invert_mask: Whether to reverse the mask.
• grow: Positive values expand outward, while negative values contract inward.
• blur: Blur the edge.

MaskEdgeShrink

Smooth transition and shrink the mask edges while preserving edge details.

Node options:

• invert_mask: Whether to reverse the mask.
• shrink_level: Shrink the smoothness level.
• soft: Smooth amplitude.
• edge_shrink: Edge shrinkage amplitude.
• edge_reserve: Preserve the amplitude of edge details, 100 represents complete preservation, and 0 represents no preservation at all.

Comparison of MaskGrow and MaskEdgeShrink

MaskGradient

Create a gradient for the mask from one side.

Node options:

• invert_mask: Whether to reverse the mask.
• gradient_side: Generate gradient from which edge. There are four directions: top, bottom, left and right.
• gradient_scale: Gradient distance. The default value of 100 indicates that one side of the gradient is completely transparent and the other side is completely opaque. The smaller the value, the shorter the distance from transparent to opaque.
• gradient_offset: Gradient position offset.
• opacity: The opacity of the gradient.

MaskPreview

Preview the input mask

MaskInvert

Invert the mask

LayerUtility

ImageBlendAdvance

Used for compositing layers, allowing for compositing layer images of different sizes on the background image, and setting positions and transformations. multiple mixing modes are available for selection, and transparency can be set.

The node provide layer transformation_methods and anti_aliasing options. helps improve the quality of synthesized images.

The node provides mask output that can be used for subsequent workflows.

Node options:

• background_image: The background image.
• layer_image⁵: Layer image for composite.
• layer_mask^2,5: Mask for layer_image.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode.
• opacity: Opacity of blend.
• x_percent: Horizontal position of the layer on the background image, expressed as a percentage, with 0 on the far left and 100 on the far right. It can be less than 0 or more than 100, indicating that some of the layer's content is outside the screen.
• y_percent: Vertical position of the layer on the background image, expressed as a percentage, with 0 on the top and 100 on the bottom. For example, setting it to 50 indicates vertical center, 20 indicates upper center, and 80 indicates lower center.
• mirror: Mirror flipping. Provide two flipping modes, horizontal flipping and vertical flipping.
• scale: Layer magnification, 1.0 represents the original size.
• aspect_ratio: Layer aspect ratio. 1.0 is the original ratio, a value greater than this indicates elongation, and a value less than this indicates flattening.
• rotate: Layer rotation degree.
• Sampling methods for layer enlargement and rotation, including lanczos, bicubic, hamming, bilinear, box and nearest. Different sampling methods can affect the image quality and processing time of the synthesized image.
• anti_aliasing: Anti aliasing, ranging from 0 to 16, the larger the value, the less obvious the aliasing. An excessively high value will significantly reduce the processing speed of the node.
• note

ImageBlend

A simple node for composit layer image and background image, multiple blend modes are available for option, and transparency can be set.

Node options:

• background_image¹: The background image.
• layer_image¹: Layer image for composite.
• layer_mask^1,2: Mask for layer_image.
• invert_mask: Whether to reverse the mask.
• blend_mode³: Blending mode.
• opacity: Opacity of blend.
• note

ImageOpacity

Adjust image opacity

Node option:

• image⁵: Image input, supporting RGB and RGBA. if is RGB, the alpha channel of the entire image will be automatically added.
• mask^2,5 : Mask input.
• invert_mask: Whether to reverse the mask.
• opacity: Opacity of image.
• note

ColorPicker

Modify web extensions from mtb nodes. Select colors on the color palette and output RGB values.

Node options:

• mode： The output format is available in hexadecimal (HEX) and decimal (DEC).

Output type:

• string

GetColorTone

Obtain the main color or average color from the image and output RGB values.

Node options:

• mode： There are two modes to choose from, with the main color and average color.

Output type:

• string

ExtendCanvas

Extend the canvas

Node options:

• invert_mask: Whether to reverse the mask.
• top: Top extension value.
• bottom: Bottom extension value.
• left: Left extension value.
• right: Right extension value.
• color; Color of canvas.

XY to Percent

Convert absolute coordinates to percentage coordinates.

Node options:

• x: Value of X
• y: Value of Y

ColorImage

Generate an image of a specified color and size.

Node options: width: Width of the image. height: Height of the image. color⁴: Color of the image.

GradientImage

Generate an image with a specified size and color gradient.

Node options: width: Width of the image. height: Height of the image. angle: Angle of gradient. start_color⁴: Color of the begging. end_color⁴: Color of the ending.

GetImageSize

Obtain the width and height of the image.

PrintInfo

Used to provide assistance for workflow debugging. When running, the properties of any object connected to this node will be printed to the console.

This node allows any type of input.

LayerFilter

MotionBlur

Make the image motion blur

Node options:

• angle: The angle of blur.
• blur: The size of blur.

GaussianBlur

Make the image gaussian blur

Node options:

• blur: The size of blur.

Annotation for notes

¹ The layer_image, layer_mask and the background_image(if have input), These three items must be of the same size.

² The mask not a mandatory input item. the alpha channel of the image is used by default. If the image input does not include an alpha channel, the entire image's alpha channel will be automatically created. if have masks input simultaneously, the alpha channel will be overwrite by the mask.

³ The blend mode include normal, multply, screen, add, subtract, difference, darker and lighter.

⁴ The RGB color described by hexadecimal RGB format, like '#FA3D86'.

⁵ The layer_image and layer_mask must be of the same size.

Example workflow

image Some JSON workflow files in the workflow directory, that is example for ComfyUI.

The following tasks are in the planned list

LayerUtility:

• image channel split
• image channel merge

LayerMask:

• text mask
• mask subtract
• mask combine
• mask diffrent

LayerFilter:

• emboss
• contour
• findedge

LayerColor: RGB adjust HSV adjust brightness & contrast adjust LUT apply

How to install

• Open the cmd window in the plugin directory of ComfyUI, like "ComfyUI\custom_nodes"，typegit clone https://github.com/chflame163/ComfyUI_LayerStyle.git or download the zip file and extracted, copy the resulting folder to ComfyUI\custom_ Nodes\

• Install dependency packages, open the cmd window in the WordCloud plugin directory like "ComfyUI\custom_ Nodes\ComfyUI_WordCloud" and enter the following command: ..\..\..\python_embeded\python.exe -m pip install -r requirements.txt

• Restart ComfyUI