首页 > 其他分享 >ComfyUI插件:ComfyUI layer style 节点(二)

ComfyUI插件:ComfyUI layer style 节点(二)

时间:2024-08-02 12:08:26浏览次数:7  
标签:插件 效果 LayerStyle ComfyUI style 阴影 图像 发光 节点

前言:

学习ComfyUI是一场持久战,而ComfyUI layer style 是一组专为图片设计制作且集成了Photoshop功能的强大节点。该节点几乎将PhotoShop的全部功能迁移到ComfyUI,诸如提供仿照Adobe Photoshop的图层样式、提供调整颜色功能(亮度、饱和度、对比度等)、提供Mask辅助工具、提供图层合成工具和工作流相关的辅助节点、提供图像效果滤镜等。旨在集中工作平台,使我们可以在ComfyUI中实现PhotoShop的一些基础功能。

目录

一、安装方式

二、LayerStyle:ColorOverlay节点

三、LayerStyle:DropShadow节点

四、LayerStyle:GradientOverlay节点

五、LayerStyle:InnerGlow节点

六、LayerStyle:InnerShadow节点

七、LayerStyle:OuterGlow节点

八、LayerStyle:Stroke节点

一、安装方式

方法一:通过ComfyUI Manager安装(推荐)

打开Manager界面

1

2

方法二:使用git clone命令安装

在ComfyUI/custom_nodes目录下输入cmd按回车进入电脑终端

3

在终端输入下面这行代码开始下载

git clone https://github.com/chflame163/ComfyUI_LayerStyle.git

4

二、LayerStyle:ColorOverlay节点

这一节点的设计目的是通过覆盖颜色层来改变图像的整体色调或添加特定的颜色效果,增强图像的视觉表现力。

5

输入:

background_image → 输入的背景图片

layer_image → 用于合成的层图像

layer_mask → 层图像的遮罩

注意:这三项必须是相同的尺寸,另mask不是必须的输入项

参数:

invert_mask → 是否反转遮罩

blend_mode → 描边的混合模式(一共有19种混合模式)

opacity → 不透明度

color → 覆盖的颜色

输出:

image → 处理后的图片

示例:简单节点示例

6

示例:19种描边混合模式

7

8

注意事项

· 颜色选择:选择适合处理目标的覆盖颜色,以实现预期的视觉效果。

· 不透明度配置:根据具体需求设置不透明度,控制颜色覆盖的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。

· 输入图像质量:输入图像的质量会影响颜色覆盖的效果,确保图像清晰且色彩信息完整。

· 处理性能:颜色覆盖处理可能需要一定的计算资源,确保系统性能足够支持处理需求。

· 结果检查:应用颜色覆盖后,检查图像的整体视觉效果,确保颜色覆盖效果符合预期且没有影响到图像的重要细节。

通过使用LayerStyle: ColorOverlay节点,可以在图像处理工作流程中实现高效的颜色覆盖效果,提升图像的视觉表现力和艺术效果。

三、LayerStyle:DropShadow节点

这一节点的设计目的是通过添加阴影,使图像中的元素看起来更加立体和突出,增加视觉深度和层次感。

9

输入:

background_image → 输入的背景图片

layer_image → 用于合成的层图像

layer_mask → 层图像的遮罩

参数:

invert_mask → 是否反转遮罩

blend_mode → 阴影的混合模式

opacity → 阴影的不透明度

distance_x → 阴影的水平方向偏移量

distance_y → 阴影的垂直方向偏移量

grow → 阴影扩张幅度

blur → 阴影模糊程度

shadow_color → 阴影颜色

输出:

image → 处理后的图片

示例:

10

注意事项

· 阴影颜色选择:选择适合处理目标的阴影颜色,以实现预期的视觉效果。

· 位置和模糊配置:根据具体需求设置阴影的偏移量和模糊半径,确保阴影效果自然且不遮盖图像的主要内容。

· 不透明度配置:根据具体需求设置阴影的不透明度,控制阴影效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。

· 输入图像质量:输入图像的质量会影响阴影效果的视觉表现,确保图像清晰且重要元素位置明确。

· 处理性能:阴影效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。

· 结果检查:应用阴影效果后,检查图像的整体视觉效果,确保阴影效果符合预期且没有影响到图像的重要细节。

通过使用LayerStyle: DropShadow节点,可以在图像处理工作流程中实现高效的阴影效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。

四、LayerStyle:GradientOverlay节点

这一节点的设计目的是通过添加渐变色彩层来改变图像的整体色调或增强图像的视觉效果。

11

输入:

background_image → 输入的背景图片

layer_image → 用于合成的层图像

layer_mask → 层图像的遮罩

参数:

invert_mask → 是否反转遮罩

blend_mode → 描边的混合模式

opacity → 描边的不透明度

start_color → 渐变开始端的颜色

start_alpha → 渐变开始端的透明度

end_color → 渐变结束端的颜色

end_alpha → 渐变结束端的透明度

angle → 渐变旋转角度

输出:

image → 处理后的图片

示例:

12

注意事项

· 颜色选择:选择适合处理目标的渐变颜色,以实现预期的视觉效果。可以选择两个或多个颜色来创建渐变效果。

· 渐变方向:根据具体需求设置渐变的方向,常见方向有水平、垂直和对角线等。

· 不透明度配置:根据具体需求设置渐变的不透明度,控制渐变效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。

· 输入图像质量:输入图像的质量会影响渐变覆盖的效果,确保图像清晰且色彩信息完整。

· 处理性能:渐变覆盖处理可能需要一定的计算资源,确保系统性能足够支持处理需求。

· 结果检查:应用渐变覆盖后,检查图像的整体视觉效果,确保渐变效果符合预期且没有影响到图像的重要细节。

通过使用LayerStyle: GradientOverlay节点,可以在图像处理工作流程中实现高效的渐变覆盖效果,提升图像的视觉表现力和艺术效果。

五、LayerStyle:InnerGlow节点

这一节点设计目的是通过在图像内部添加柔和的光晕效果,增强图像的立体感和视觉吸引力。

13

输入:

background_image → 输入的背景图片

layer_image → 用于合成的层图像

layer_mask → 层图像的遮罩

参数:

invert_mask → 是否反转遮罩

blend_mode → 发光的混合模式

opacity → 发光的不透明度

brightness → 发光亮度

glow_range → 发光范围

blur → 发光模糊程度

light_color → 发光中心颜色

glow_color → 辉光外围颜色

输出:

image → 处理后的图片

示例:

14

注意事项

· 发光颜色选择:选择适合处理目标的发光颜色,以实现预期的视觉效果。

· 发光半径和强度配置:根据具体需求设置发光的半径和强度,确保发光效果自然且不遮盖图像的主要内容。

· 不透明度配置:根据具体需求设置发光的不透明度,控制发光效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。

· 输入图像质量:输入图像的质量会影响发光效果的视觉表现,确保图像清晰且重要元素位置明确。

· 处理性能:发光效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。

· 结果检查:应用发光效果后,检查图像的整体视觉效果,确保发光效果符合预期且没有影响到图像的重要细节。

通过使用LayerStyle: InnerGlow节点,可以在图像处理工作流程中实现高效的内发光效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。

六、LayerStyle:InnerShadow节点

这一节点的设计目的是通过在图像内部添加阴影,使图像中的元素看起来更加立体和具有深度。

15

输入:

background_image → 输入的背景图片

layer_image → 用于合成的层图像

layer_mask → 层图像的遮罩

参数:

invert_mask → 是否反转遮罩

blend_mode → 阴影的混合模式

opacity → 阴影的不透明度

distance_x → 阴影的水平方向偏移量

distance_y → 阴影的垂直方向偏移量

grow → 阴影扩张幅度

blur → 阴影模糊程度

shadow_color → 阴影颜色

输出:

image → 处理后的图片

示例:

16

注意事项

· 阴影颜色选择:选择适合处理目标的阴影颜色,以实现预期的视觉效果。

· 位置和模糊配置:根据具体需求设置阴影的偏移量和模糊半径,确保阴影效果自然且不遮盖图像的主要内容。

· 不透明度配置:根据具体需求设置阴影的不透明度,控制阴影效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。

· 输入图像质量:输入图像的质量会影响阴影效果的视觉表现,确保图像清晰且重要元素位置明确。

· 处理性能:阴影效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。

· 结果检查:应用阴影效果后,检查图像的整体视觉效果,确保阴影效果符合预期且没有影响到图像的重要细节。

通过使用LayerStyle: InnerShadow节点,可以在图像处理工作流程中实现高效的内部阴影效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。

七、LayerStyle:OuterGlow节点

这一节点的设计目的是通过在图像外部添加光晕效果,使图像中的元素更加突出和具有光彩。

17

输入:

background_image → 输入的背景图片

layer_image → 用于合成的层图像

layer_mask → 层图像的遮罩

参数:

invert_mask → 是否反转遮罩

blend_mode → 发光的混合模式

opacity → 发光的不透明度

brightness → 发光亮度

glow_range → 发光范围

blur → 发光模糊程度

light_color → 发光中心颜色

glow_color → 辉光外围颜色

输出:

image → 处理后的图片

示例:

18

注意事项

· 发光颜色选择:选择适合处理目标的发光颜色,以实现预期的视觉效果。

· 发光半径和强度配置:根据具体需求设置发光的半径和强度,确保发光效果自然且不遮盖图像的主要内容。

· 不透明度配置:根据具体需求设置发光的不透明度,控制发光效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。

· 输入图像质量:输入图像的质量会影响发光效果的视觉表现,确保图像清晰且重要元素位置明确。

· 处理性能:发光效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。

· 结果检查:应用发光效果后,检查图像的整体视觉效果,确保发光效果符合预期且没有影响到图像的重要细节。

通过使用LayerStyle: OuterGlow节点,可以在图像处理工作流程中实现高效的外部发光效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。

八、LayerStyle:Stroke节点

这一节点的设计目的是通过在图像元素周围添加轮廓线,使其更加突出和具有视觉层次感。

19

输入:

background_image → 输入的背景图片

layer_image → 用于合成的层图像

layer_mask → 层图像的遮罩

参数:

invert_mask → 是否反转遮罩

blend_mode → 发光的混合模式

opacity → 发光的不透明度

stroke_grow → 描边扩张/收缩幅度 (正值是扩张,负值是收缩)

stroke_width → 描边宽度

blur → 描边模糊程度

stroke_color → 描边颜色

输出:

image → 处理后的图片

示例:

20

注意事项

· 描边颜色选择:选择适合处理目标的描边颜色,以实现预期的视觉效果。

· 描边宽度配置:根据具体需求设置描边的宽度,确保描边效果明显但不遮盖图像的主要内容。

· 描边位置选择:根据具体需求选择描边的位置,常见位置包括内部、外部和居中。

· 输入图像质量:输入图像的质量会影响描边效果的视觉表现,确保图像清晰且重要元素位置明确。

· 处理性能:描边效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。

· 结果检查:应用描边效果后,检查图像的整体视觉效果,确保描边效果符合预期且没有影响到图像的重要细节。

通过使用LayerStyle: Stroke节点,可以在图像处理工作流程中实现高效的描边效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。

**孜孜以求,方能超越自我。坚持不懈,乃是成功关键。**

标签:插件,效果,LayerStyle,ComfyUI,style,阴影,图像,发光,节点
From: https://www.cnblogs.com/LIU-QiuXue/p/18338466

相关文章

  • Flutter 插件之http(介绍、使用、二次封装)
    背景在我们日常开发过程中,经常会使用到网络请求,而在Flutter插件中,最常用的请求插件一共两个,分别是:1、dio2、http其中dio我已经做过详细介绍了(post、get等请求、文件上传、请求重试等),这里就不做过多阐述,下面附上文章链接,如有需要可前往查看。https://blog.csdn.net/WangQin......
  • UE5-自定义插件使用第三方库
    制作插件使用到了第三方库,后面很长时间没有用这个插件,导致插件启用不了,吃亏了,所以记录下制作过程。第一步:在继承ModuleRules的C#脚本里添加代码:privatestringModulePath { get { returnModuleDirectory; } } privatestringThirdPartyPath { get{re......
  • H2-3光猫重置密码及停用插件
    开启telnet浏览器访问http://192.168.89.1/webcmcc/gui_device_info.html?password=!@qw34er&username=root查看系统基础信息如下设备型号=H2-3设备标识号=CMDCDIEKf043硬件版本=HWVer-B001软件版本=V2.6.02.03ModelName=GPT-2041RN2UV3MldVersion=2.00(WIW.0)b2_23103......
  • ComfyUI PVC 手办工作流!一键生成你的专属卡通形象!
    前言ComfyUIPVC手办工作流!一键生成你的专属卡通形象!......
  • save-all-resources | 将指定页面的所有资源存到本地 | chrome插件推荐
    save-all-resourceshttps://chromewebstore.google.com/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb使用方法:F12右边选择ResourceSaver点击右边的SaveAllResources按钮即可推荐一个three.js撒筛子的demohttps://codepen.io/fuzionix/pen/KKjgVa......
  • 零门槛AI 绘图:教你为客户定制 ComfyUI Serverless API 应用
    作者:鸥弋、筱姜2023年下半年,ComfyUI以其快速、流畅的图像生成能力,结合多样的自定义节点,迅速在创作者中流行起来。ComfyUI的亮点就是能够批量化生成图像,一键加载大量工作流,让用户可以轻松实现人像生成、背景替换、风格迁移和图像动画化等功能。越来越多的企业及个人开发者希望借......
  • ComfyUI插件:ComfyUI layer style 节点(一)
    前言:学习ComfyUI是一场持久战,而ComfyUIlayerstyle是一组专为图片设计制作且集成了Photoshop功能的强大节点。该节点几乎将PhotoShop的全部功能迁移到ComfyUI,诸如提供仿照AdobePhotoshop的图层样式、提供调整颜色功能(亮度、饱和度、对比度等)、提供Mask辅助工具、提供图层合成......
  • Elmo插件安装测试
    引子写了那么多大模型安装搭建的文章,回过头来看,有没有更简单的方式使用大模型呢。无意间撇到贾清扬大神的公司的Elmo插件,据说新升级,断网都可以使用,那么必须走起,OK,让我们开始吧一、插件介绍Elmo是一款基于AI的浏览器插件,采用了Mixtral8x7b模型。该插件具备提取网页内容摘要、理......
  • 这几个高级爬虫软件和插件真的强!
    亮数据(BrightData)亮数据是一款强大的数据采集工具,以其全球代理IP网络和强大数据采集技术而闻名。它能够轻松采集各种网页数据,包括产品信息、价格、评论和社交媒体数据等。网站:https://get.brightdata.com/weijun功能与特点:全球网络数据采集:提供一站式服务,将全网数据转......
  • ComfyUI插件:ComfyUI Impact 节点(四)
    前言:学习ComfyUI是一场持久战,而ComfyUIImpact是一个庞大的模块节点库,内置许多非常实用且强大的功能节点,例如检测器、细节强化器、预览桥、通配符、Hook、图片发送器、图片接收器等等。通过这些节点的组合运用,我们可以实现的工作有很多,例如自动人脸检测和优化修复、区域增强、......