nodes/chflame163-ComfyUI_LayerStyle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
38 Commits 1 Branch 0 Tags
4ec4a9672c7fa3cc2c97e7e2f5ff843e0769cb04
T
Clone
Open with VS Code Open with VSCodium Open with Intellij IDEA
Download ZIP Download TAR.GZ Download BUNDLE

README.MD

ComfyUI Layer Style

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

The completed nodes are as follows, and further work is in progress. image

中文说明点这里

Update

  • Add 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

image

DropShadow

Generate shadow image

Node options: image

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image, shadows are generated according to their shape.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: 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_color4: Shadow color.

OuterGlow

Generate outer glow image

Node options: image

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image, grow are generated according to their shape.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: Blending mode of glow.
  • opacity: Opacity of glow.
  • brightness: Luminance of light.
  • glow_range: range of glow.
  • blur：blur of glow.
  • light_color4: Center part color of glow.
  • glow_color4: Edge part color of glow.

InnerShadow

Generate inner shadow image

Node options: image

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image, shadows are generated according to their shape.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: 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_color4: Shadow color.

InnerGlow

Generate inner glow image

Node options:
image

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image, grow are generated according to their shape.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: Blending mode of glow.
  • opacity: Opacity of glow.
  • brightness: Luminance of light.
  • glow_range: range of glow.
  • blur：blur of glow.
  • light_color4: Center part color of glow.
  • glow_color4: Edge part color of glow.

Stroke

Generate a stroke of layer。 image

Node options:
image

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image, stroke are generated according to their shape.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: 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_color4: Stroke color, described in hexadecimal RGB format.

GradientOverlay

Generate gradient overlay image

Node options:

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: 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.

ColorOverlay

Generate color overlay image

Node options: image

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: Blending mode of color.
  • opacity: Opacity of stroke.
  • color: Color of overlay.

Annotation for LayerStyle nodes:

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

2 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.

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

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

LayerMask

image

MaskPreview:

Preview the input mask image

MaskInvert:

Invert the mask image

LayerUtility

image

ImageBlend:

Composit layer image and background image, multiple blend modes are available for option, and transparency can be set. image

Node options: image

  • background_image1: The background image.
  • layer_image1: Layer image for composite.
  • layer_mask1,2: Mask for layer_image.
  • invert_mask: Whether to reverse the mask.
  • blend_mode3: Blending mode.
  • opacity: Opacity of blend.

ImageOpacity:

Adjust image opacity image

Node option:

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

ColorPicker:

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

Node options:

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

Output Type：

  • string

LayerFilter

image

MotionBlur:

Make the image motion blur image

Node options:

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

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: imageblend advance color image gradient image

  • LayerMask: text mask gradient mask mask grow&blur mask subtract mask combine mask diffrent mask gradient mask softedge

  • LayerFilter: bulr emboss contour findedge

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

Reference in New Issue View Git Blame Copy Permalink
S
Description
No description provided
Readme MIT
226 MiB
Languages
Python 93.4%
JavaScript 6.3%
Batchfile 0.3%