LayerStyle nodes provides layer styles that mimic Adobe Photoshop.
LayerColor node group provides color adjustment functionality.
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 ImageScaleRestore node to work with CropByMask for local upscale and repair works.
Commit CropByMask and RestoreCropBox nodes. The combination of these two can partially crop and redraw the image before restoring it.
Commit ColorAdapter node, that can automatically adjust the color tone of the image.
Commit MaskStroke node, it can generate mask contour strokes.
Add LayerColor node group, used to adjust image color. it include LUT Apply, Gamma, Brightness & Contrast, RGB, YUV, LAB adn HSV.
Commit ImageChannelSplit and ImageChannelMerge nodes.
Commit MaskMotionBlur node.
Commit SoftLight node.
Commit ChannelShake node, that is filter, can produce channel dislocation effect similar like Tiktok logo.
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.
blur: Blur of stroke.
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

LayerColor

LUT Apply

Apply LUT to the image. only supports .cube format.

Node options:

LUT^*: Here is a list of available. cube files in the LUT folder, and the selected LUT files will be applied to the image.

^*LUT folder is defined in resource_dir.ini, this file is located in the root directory of the plugin. Open the text editing software and find the line starting with "LUT dir=", after "=", enter the custom folder path name. all .cube files in this folder will be collected and displayed in the node list during ComfyUI initialization. If the folder set in ini is invalid, the LUT folder that comes with the plugin will be enabled.

ColorAdapter

Auto adjust the color tone of the image to resemble the reference image.

Node options:

opacity: The opacity of an image after adjusting its color tone.

Gamma

Change the gamma value of the image.

Node options:

gamma: Value of the Gamma.

Brightness & Contrast

Change the brightness, contrast, and saturation of the image.

Node options:

brightness: Value of brightness.
contrast: Value of contrast.
saturation: Value of saturation.

RGB

Adjust the RGB channels of the image.

Node options:

R: R channel.
G: G channel.
B: B channel.

YUV

Adjust the YUV channels of the image.

Node options:

Y: Y channel.
U: U channel.
V: V channel.

LAB

Adjust the LAB channels of the image.

Node options:

L: L channel.
A: A channel.
B: B channel.

HSV

Adjust the HSV channels of the image.

Node options:

H: H channel.
S: S channel.
V: V channel.

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

MaskMotionBlur

Create motion blur on the mask.

Node options:

invert_mask: Whether to reverse the mask.
blur: The size of blur.
angle: The angle of blur.

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.

MaskStroke

Generate mask contour strokes.

Node options:

invert_mask: Whether to reverse the mask.
stroke_grow: Stroke expansion/contraction amplitude, positive values indicate expansion and negative values indicate contraction.
stroke_width: Stroke width.
blur: Blur of stroke.

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

CropByMask

Crop the image according to the mask range, and set the size of the surrounding borders to be retained. This node can be used in conjunction with the RestoreCropBox and ImageScaleRestore nodes to crop and modify upscale parts of image, and then paste them back in place.

Node options:

image⁵: The input image.
mask_for_crop⁵: Mask of the image, it will automatically be cut according to the mask range.
invert_mask: Whether to reverse the mask.
detect: Detection method, min_bounding_rect is the minimum bounding rectangle, max_inscribed_rect is the maximum inscribed rectangle.
top_reserve: Cut the top to preserve size.
bottom_reserve: Cut the bottom to preserve size.
left_reserve: Cut the left to preserve size.
right_reserve: Cut the right to preserve size.
note

Output:

croped_image: The image after crop.
croped_mask: The mask after crop.
crop_box: The trimmed box data is used when restoring the RestoreCropBox node.
box_preview: Preview image of cutting position, red represents the detected range, and green represents the cutting range after adding the reserved border.

RestoreCropBox

Restore the cropped image to the original image by CropByMask.

Node options:

background_image: The original image before cutting.
croped_image⁵: The cropped image. If the middle is enlarged, the size needs to be restored before restoration.
croped_mask⁵: The cut mask.
crop_box: Box data during cutting.
invert_mask: Whether to reverse the mask.
note

ImageScaleRestore

Image scaling. when this node is used in pairs, the image can be automatically restored to its original size on the second node.

Node options:

image⁵: The input image.
mask^2,5: Mask of image.
original_size: Optional input, used to restore the image to its original size.
scale: Scale ratio. when the original_size have input, or scale_ by_longest_side is set to True, this setting will be ignored.
scale_by_longest_side: Allow scaling by long edge size.
longest_side: When the scale_by_longest_side is set to True, this will be used this value to the long edge of the image. when the original_size have input, this setting will be ignored.

Outputs:

image: The scaled image.
mask: If have mask input, the scaled mask will be output.
original_size: The original size data of the image is used for subsequent node recovery.

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.

ImageChannelSplit

Split the image channel into individual images.

Node options:

mode: Channel mode, include RGBA, YCbCr, LAB adn HSV.

ImageChannelMerge

Merge each channel image into one image.

Node options:

mode: Channel mode, include RGBA, YCbCr, LAB adn HSV.

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

SoftLight

Soft light effect, the bright highlights on the screen appear blurry.

Node options:

soft: Size of soft light.
threshold: Soft light range. the light appears from the brightest part of the picture. in lower value, the range will be larger, and in higher value, the range will be smaller.
opacity: Opacity of the soft light.

ChannelShake

Channel misalignment. similar to the effect of Tiktok logo.

Node options:

distance: Distance of channel separation.
angle: Angle of channel separation.
mode: Channel shift arrangement order.

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

LayerMask:

TextMask

LayerFilter:

Emboss
Contour
Findedge
PhotoStyle
ColorMap

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

README.MD Unescape Escape

ComfyUI Layer Style

Update

LUT Apply

Brightness & Contrast

XY to Percent

Annotation for notes

Example workflow

The following tasks are in the planned list

How to install

README.MD