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

Comprehensive support for batch images, providing convenience for video creation. * to avoid unpredictable results, a few nodes such as CropByMask and RestoryCropBox still do not support batch images. If it is necessary to use these nodes in the batch process, please pre convert them using the Impact-Pack's Image Batch To Image List node.
Commit RemBgUltra and PixelSpread nodes significantly improved mask quality. *RemBgUltra requires manual model download.
Commit TextImage node, it generate text images and masks.
Add new types of blend mode between images. now supports up to 19 blend modes. add color_burn, color_dodge, linear_burn, linear_dodge, overlay, soft_light, hard_light, vivid_light, pin_light, linear_light and hard_mix. The newly added blend mode is applicable to all nodes that support blend mode.
Commit ColorMap filter node to create a pseudo color heatmap effect.
Commit WaterColor and SkinBeauty nodes。These are image filters that generate watercolor and skin smoothness effects.
Commit ImageShift node to shift the image and output a displacement seam mask, making it convenient to create continuous textures.
Commit ImageMaskScaleAs node to adjust the image or mask size based on the reference image.
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.

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.

ImageMaskScaleAs

Scale the image or mask to the size of the reference image (or reference mask).

Node options:

scale_as^*: Reference size. It can be an image or a mask.
image: Image to be scaled. this option is optional input. if there is no input, a black image will be output.
mask: Mask to be scaled. this option is optional input. if there is no input, a black mask will be output.
fit: Scale aspect ratio mode. when the width to height ratio of the original image does not match the scaled size, there are three modes to choose from, The letterbox mode retains the complete frame and fills in the blank spaces with black; The crop mode retains the complete short edge, and any excess of the long edge will be cut off; The fill mode does not maintain frame ratio and fills the screen with width and height.
method: Scaling sampling methods, including lanczos, bicubic, hamming, bilinear, box, and nearest.

^*Only limited to input images and masks. forcing the integration of other types of inputs will result in node errors.

Outputs:

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

ImageShift

Shift the image. this node supports the output of displacement seam masks, making it convenient to create continuous textures.

Node options:

image⁵: The input image.
mask^2,5: The mask of image.
shift_x: Horizontal distance of shift.
shift_y: Vertical distance of shift.
cyclic: Is the part of displacement that is out of bounds cyclic.
background_color: Background color. if cyclic is set to False, the setting here will be used as the background color.
border_mask_width: Border mask width.
border_mask_blur: Border mask blur.
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:

value: String format.

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:

RGB color in HEX: The RGB color described by hexadecimal RGB format, like '#FA3D86'.
HSV color in list: The HSV color described by python's list data format.

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.

TextImage

Generate images and masks from text. support for adjusting the spacing between words and lines, horizontal and vertical adjustments, it can set random changes in each character, including size and position.

Node options:

size_as^*: The input image or mask here will generate the output image and mask according to their size. this input takes priority over the width and height below.
font_file^**: Here is a list of available font files in the font folder, and the selected font files will be used to generate images.
spacing: Word spacing.this value is in pixels.
leading: Row leading.this value is in pixels.
horizontal_border: Side margin. If the text is horizontal, it is the left margin, and if it is vertical, it is the right margin. this value is represents a percentage, for example, 50 indicates that the starting point is located in the center on both sides.
vertical_border: Top margin. this value is represents a percentage, for example, 10 indicates that the starting point is located 10% away from the top.
scale: The overall size of the text. the initial size of text is automatically calculated based on the screen size and text content, with the longest row or column by default adapting to the image width or height. adjusting the value here will scale the text as a whole. this value is represents a percentage, for example, 60 represents scaling to 60%.
variation_range: The range of random changes in characters. when this value is greater than 0, the character will undergo random changes in size and position, and the larger the value, the greater the magnitude of the change.
variation_seed: The seed for randomly. fix this value to individual characters changes generated each time will not change.
layout: Text layout. there are horizontal and vertical options to choose from.
width; Width of the image. If there is a size_as input, this setting will be ignored.
height; Height of the image. If there is a size_as input, this setting will be ignored.
text_color: The color of text.
background_color: The color of background.

^*Only limited to input image and mask. forcing the integration of other types of inputs will result in node errors.

^**The font 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 "FONT_dir=", after "=", enter the custom folder path name. all font 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 font folder that comes with the plugin will be enabled.

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.

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.

RemBgUltra

Remove background. compared to the similar background removal nodes, this node has ultra-high edge details.

This node combines the Alpha Matte node of Spacepxl's ComfyUI-Image-Filters and the functionality of ZHO-ZHO-ZHO's ComfyUI-BRIA_AI-RMBG.

*Download the BRIA Background Removal v1.4 model file (model. pth) to the customer_modes/ComfyUI-LayerStyle/RMBG-1.4 floder.
This model was developed by BRIA AI and can be used as an open-source model for non-commercial purposes.

Node options:

detail_range: Edge detail range.
black_point: Edge black sampling threshold.
white_point: Edge white sampling threshold.
process_detail: Set to false here will skip edge processing to save runtime.

PixelSpread

Pixel expansion preprocessing on the masked edge of an image can effectively improve the edges of image composit.

Node options:

invert_mask: Whether to reverse the mask.
mask_grow: Mask expansion amplitude.

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

LayerFilter

SkinBeauty

Make the skin look smoother.

Node options:

smooth: Skin smoothness.
threshold: Smooth range. the larger the range with the smaller value.
opacity: The opacity of the smoothness.

WaterColor

Watercolor painting effect

Node option:

line_density: The black line density.
opacity: The opacity of watercolor effects.

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.

ColorMap

Pseudo color heat map effect.

Node options:

color_map: Effect type. there are a total of 22 types of effects, as shown in the above figure.
opacity: The opacity of the color map effect.

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, color_burn, color_dodge, linear_burn, linear_dodge, overlay, soft_light, hard_light, vivid_light, pin_light, linear_light, and hard_mix. all of 19 blend modes in total.

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

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

³ Preview of the blend mode

Example workflow

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

How to install

Recommended use ComfyUI Manager for installation.
Or 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

How to install

README.MD