ComfyUI插件:ComfyUI layer 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界面
方法二:使用git clone命令安装
在ComfyUI/custom_nodes目录下输入cmd按回车进入电脑终端
在终端输入下面这行代码开始下载
git clone https://github.com/chflame163/ComfyUI_LayerStyle.git
二、LayerStyle:ColorOverlay节点
这一节点的设计目的是通过覆盖颜色层来改变图像的整体色调或添加特定的颜色效果,增强图像的视觉表现力。
输入:
background_image → 输入的背景图片
layer_image → 用于合成的层图像
layer_mask → 层图像的遮罩
注意:这三项必须是相同的尺寸,另mask不是必须的输入项
参数:
invert_mask → 是否反转遮罩
blend_mode → 描边的混合模式(一共有19种混合模式)
opacity → 不透明度
color → 覆盖的颜色
输出:
image → 处理后的图片
示例:简单节点示例
示例:19种描边混合模式
注意事项
· 颜色选择:选择适合处理目标的覆盖颜色,以实现预期的视觉效果。
· 不透明度配置:根据具体需求设置不透明度,控制颜色覆盖的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。
· 输入图像质量:输入图像的质量会影响颜色覆盖的效果,确保图像清晰且色彩信息完整。
· 处理性能:颜色覆盖处理可能需要一定的计算资源,确保系统性能足够支持处理需求。
· 结果检查:应用颜色覆盖后,检查图像的整体视觉效果,确保颜色覆盖效果符合预期且没有影响到图像的重要细节。
通过使用LayerStyle: ColorOverlay节点,可以在图像处理工作流程中实现高效的颜色覆盖效果,提升图像的视觉表现力和艺术效果。
三、LayerStyle:DropShadow节点
这一节点的设计目的是通过添加阴影,使图像中的元素看起来更加立体和突出,增加视觉深度和层次感。
输入:
background_image → 输入的背景图片
layer_image → 用于合成的层图像
layer_mask → 层图像的遮罩
参数:
invert_mask → 是否反转遮罩
blend_mode → 阴影的混合模式
opacity → 阴影的不透明度
distance_x → 阴影的水平方向偏移量
distance_y → 阴影的垂直方向偏移量
grow → 阴影扩张幅度
blur → 阴影模糊程度
shadow_color → 阴影颜色
输出:
image → 处理后的图片
示例:
注意事项
· 阴影颜色选择:选择适合处理目标的阴影颜色,以实现预期的视觉效果。
· 位置和模糊配置:根据具体需求设置阴影的偏移量和模糊半径,确保阴影效果自然且不遮盖图像的主要内容。
· 不透明度配置:根据具体需求设置阴影的不透明度,控制阴影效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。
· 输入图像质量:输入图像的质量会影响阴影效果的视觉表现,确保图像清晰且重要元素位置明确。
· 处理性能:阴影效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。
· 结果检查:应用阴影效果后,检查图像的整体视觉效果,确保阴影效果符合预期且没有影响到图像的重要细节。
通过使用LayerStyle: DropShadow节点,可以在图像处理工作流程中实现高效的阴影效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。
四、LayerStyle:GradientOverlay节点
这一节点的设计目的是通过添加渐变色彩层来改变图像的整体色调或增强图像的视觉效果。
输入:
background_image → 输入的背景图片
layer_image → 用于合成的层图像
layer_mask → 层图像的遮罩
参数:
invert_mask → 是否反转遮罩
blend_mode → 描边的混合模式
opacity → 描边的不透明度
start_color → 渐变开始端的颜色
start_alpha → 渐变开始端的透明度
end_color → 渐变结束端的颜色
end_alpha → 渐变结束端的透明度
angle → 渐变旋转角度
输出:
image → 处理后的图片
示例:
注意事项
· 颜色选择:选择适合处理目标的渐变颜色,以实现预期的视觉效果。可以选择两个或多个颜色来创建渐变效果。
· 渐变方向:根据具体需求设置渐变的方向,常见方向有水平、垂直和对角线等。
· 不透明度配置:根据具体需求设置渐变的不透明度,控制渐变效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。
· 输入图像质量:输入图像的质量会影响渐变覆盖的效果,确保图像清晰且色彩信息完整。
· 处理性能:渐变覆盖处理可能需要一定的计算资源,确保系统性能足够支持处理需求。
· 结果检查:应用渐变覆盖后,检查图像的整体视觉效果,确保渐变效果符合预期且没有影响到图像的重要细节。
通过使用LayerStyle: GradientOverlay节点,可以在图像处理工作流程中实现高效的渐变覆盖效果,提升图像的视觉表现力和艺术效果。
五、LayerStyle:InnerGlow节点
这一节点设计目的是通过在图像内部添加柔和的光晕效果,增强图像的立体感和视觉吸引力。
输入:
background_image → 输入的背景图片
layer_image → 用于合成的层图像
layer_mask → 层图像的遮罩
参数:
invert_mask → 是否反转遮罩
blend_mode → 发光的混合模式
opacity → 发光的不透明度
brightness → 发光亮度
glow_range → 发光范围
blur → 发光模糊程度
light_color → 发光中心颜色
glow_color → 辉光外围颜色
输出:
image → 处理后的图片
示例:
注意事项
· 发光颜色选择:选择适合处理目标的发光颜色,以实现预期的视觉效果。
· 发光半径和强度配置:根据具体需求设置发光的半径和强度,确保发光效果自然且不遮盖图像的主要内容。
· 不透明度配置:根据具体需求设置发光的不透明度,控制发光效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。
· 输入图像质量:输入图像的质量会影响发光效果的视觉表现,确保图像清晰且重要元素位置明确。
· 处理性能:发光效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。
· 结果检查:应用发光效果后,检查图像的整体视觉效果,确保发光效果符合预期且没有影响到图像的重要细节。
通过使用LayerStyle: InnerGlow节点,可以在图像处理工作流程中实现高效的内发光效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。
六、LayerStyle:InnerShadow节点
这一节点的设计目的是通过在图像内部添加阴影,使图像中的元素看起来更加立体和具有深度。
输入:
background_image → 输入的背景图片
layer_image → 用于合成的层图像
layer_mask → 层图像的遮罩
参数:
invert_mask → 是否反转遮罩
blend_mode → 阴影的混合模式
opacity → 阴影的不透明度
distance_x → 阴影的水平方向偏移量
distance_y → 阴影的垂直方向偏移量
grow → 阴影扩张幅度
blur → 阴影模糊程度
shadow_color → 阴影颜色
输出:
image → 处理后的图片
示例:
注意事项
· 阴影颜色选择:选择适合处理目标的阴影颜色,以实现预期的视觉效果。
· 位置和模糊配置:根据具体需求设置阴影的偏移量和模糊半径,确保阴影效果自然且不遮盖图像的主要内容。
· 不透明度配置:根据具体需求设置阴影的不透明度,控制阴影效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。
· 输入图像质量:输入图像的质量会影响阴影效果的视觉表现,确保图像清晰且重要元素位置明确。
· 处理性能:阴影效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。
· 结果检查:应用阴影效果后,检查图像的整体视觉效果,确保阴影效果符合预期且没有影响到图像的重要细节。
通过使用LayerStyle: InnerShadow节点,可以在图像处理工作流程中实现高效的内部阴影效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。
七、LayerStyle:OuterGlow节点
这一节点的设计目的是通过在图像外部添加光晕效果,使图像中的元素更加突出和具有光彩。
输入:
background_image → 输入的背景图片
layer_image → 用于合成的层图像
layer_mask → 层图像的遮罩
参数:
invert_mask → 是否反转遮罩
blend_mode → 发光的混合模式
opacity → 发光的不透明度
brightness → 发光亮度
glow_range → 发光范围
blur → 发光模糊程度
light_color → 发光中心颜色
glow_color → 辉光外围颜色
输出:
image → 处理后的图片
示例:
注意事项
· 发光颜色选择:选择适合处理目标的发光颜色,以实现预期的视觉效果。
· 发光半径和强度配置:根据具体需求设置发光的半径和强度,确保发光效果自然且不遮盖图像的主要内容。
· 不透明度配置:根据具体需求设置发光的不透明度,控制发光效果的强度。一般来说,不透明度值在0到1之间,0表示完全透明,1表示完全不透明。
· 输入图像质量:输入图像的质量会影响发光效果的视觉表现,确保图像清晰且重要元素位置明确。
· 处理性能:发光效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。
· 结果检查:应用发光效果后,检查图像的整体视觉效果,确保发光效果符合预期且没有影响到图像的重要细节。
通过使用LayerStyle: OuterGlow节点,可以在图像处理工作流程中实现高效的外部发光效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。
八、LayerStyle:Stroke节点
这一节点的设计目的是通过在图像元素周围添加轮廓线,使其更加突出和具有视觉层次感。
输入:
background_image → 输入的背景图片
layer_image → 用于合成的层图像
layer_mask → 层图像的遮罩
参数:
invert_mask → 是否反转遮罩
blend_mode → 发光的混合模式
opacity → 发光的不透明度
stroke_grow → 描边扩张/收缩幅度 (正值是扩张,负值是收缩)
stroke_width → 描边宽度
blur → 描边模糊程度
stroke_color → 描边颜色
输出:
image → 处理后的图片
示例:
注意事项
· 描边颜色选择:选择适合处理目标的描边颜色,以实现预期的视觉效果。
· 描边宽度配置:根据具体需求设置描边的宽度,确保描边效果明显但不遮盖图像的主要内容。
· 描边位置选择:根据具体需求选择描边的位置,常见位置包括内部、外部和居中。
· 输入图像质量:输入图像的质量会影响描边效果的视觉表现,确保图像清晰且重要元素位置明确。
· 处理性能:描边效果处理可能需要一定的计算资源,确保系统性能足够支持处理需求。
· 结果检查:应用描边效果后,检查图像的整体视觉效果,确保描边效果符合预期且没有影响到图像的重要细节。
通过使用LayerStyle: Stroke节点,可以在图像处理工作流程中实现高效的描边效果,增强图像的立体感和视觉层次,使图像更加生动和具有吸引力。
**孜孜以求,方能超越自我。坚持不懈,乃是成功关键。**
ComfyUI插件:ComfyUI layer style 节点(二)的更多相关文章
- js动态创建style节点(js文件中添加css)
ie6 不能 document.createElement('style') 然后append到head标签里.所以就找到这样个好文章 --------------------- 有很多提供动态创建 ...
- Javascript动态创建 style 节点
有很多提供动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件.如何能使用程序生成的字符串动态创建 style 节点,我搞了2个小时. 静态外部 css 文件语法: @import ...
- EasyNVR网页H5无插件播放摄像机视频功能二次开发之直播通道接口保活示例代码
背景需求 随着雪亮工程.明厨亮灶.手机看店.智慧幼儿园监控等行业开始将传统的安防摄像头进行互联网.微信直播,我们知道摄像头直播的春天了.将安防摄像头或NVR上的视频流转成互联网直播常用的RTMP.HT ...
- jQuery layer弹出层插件 http://layer.layui.com/直接上官网学
在许多网站中,经常用到弹出层,有时候为了达到更好的用户体验,你将写繁琐的css跟js,这款 jquery-layer可以让你想到即可做到的web弹窗/层js组件.layer侧重于用户灵活的自定义,为不 ...
- jqPlot图表插件学习之数据节点高亮和光标提示
一.准备工作 首先我们需要到官网下载所需的文件: 官网下载(笔者选择的是jquery.jqplot.1.0.8r1250.zip这个版本) 然后读者需要根据自己的情况新建一个项目并且按照如下的方式加载 ...
- EasyNVR网页Chrome无插件播放摄像机视频功能二次开发之云台控制接口示例代码
随着多媒体技术和网络通信技术的迅速发展,视频监控技术在电力系统.电信行业.工业监控.工地.城市交通.水利系统.社区安防等领域得到越来越广泛的应用.摄像头直播视频监控通过网络直接连接,可达到的世界任何角 ...
- vue常用插件之打印功能、二维码插件、批量打印二维码
vue实现打印的两种方法 vue实现批量打印二维码 (需安装二维码插件qrcodejs2) 一.vue-print-nb插件 1.安装: npm i vue-print-nb -S 2.全局注册(ma ...
- 图片上传插件用法,net语法【二】
之前一直写过KindeEditor中的小控件作为单独上次,但业务要求需要另一种方式 现在改用ajaxfileupload.js试试,这个一百度 一.首页引用 <script src=" ...
- Cordova各个插件使用介绍系列(二)—$cordovaBarcodeScanner扫描二维码与生成二维码
详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-2-cordovabarcodescanner/ 这是 ...
- 小白也能看懂的插件化DroidPlugin原理(二)-- 反射机制和Hook入门
前言:在上一篇博文<小白也能看懂的插件化DroidPlugin原理(一)-- 动态代理>中详细介绍了 DroidPlugin 原理中涉及到的动态代理模式,看完上篇博文后你就会发现原来动态代 ...
随机推荐
- .Net 中间件 - 新开源代码生成器 -ReZero
ReZero AP ReZero是一款.NET中间件 : 全网唯一界面操作就能生成API , 可以集成到任何.NET6+ API项目,无破坏性,也可让非.NET用户使用exe文件 ReZero生成器 ...
- 从零开始的常用MySQL语句练习大全
先说一些废话 很多时候深入学习固然很重要,但是想要写下一篇给新手都能看得懂看的很香,并且老鸟可以查漏补缺的的练习博客,还是挺有难度, 所以今天尝试写一些关于MySQL的语句练习大全,供想要从零开始练习 ...
- 铭瑄主板重启后USB3.0失效键盘鼠标无反应需要重新插拔
铭瑄主板重启后USB3.0失效键盘鼠标无反应需要重新插拔 环境: 铭瑄B760 主板,使用鼠标键盘使用USB 3.0 HUB 连接到主板 USB 3.0 口. 重启后,键盘鼠标无反应,需要重新插拔. ...
- SpringBoot启动报错:Parameter 0 of method hmset in com.qcby.rbac.util.RedisUtils required a bean of type
SpringBoot启动报错,报错信息如下: 报错是由于A类中定义了含参数的构造函数,Spring自动构造和注入时未为该Bean传入参数,引起报错. 查了很多资料,最后发现,我是因为注释的时候没有把@ ...
- 高德的API来查询行政区域查询
高德的API来查询行政区域查询 1.api接口文档地址 https://lbs.amap.com/api/webservice/guide/api/district GET https://resta ...
- 前端Uncaught (in promise) 的解决方法及原因
问题:在Vue项目中使用axios调用一个第三方的接口时,前端无法获取到接口返回值,检查控制台Network发现接口请求已经正常发出并且有数据返回,但是控制台Console报了这么一个错误 上图可以看 ...
- Ajax分析方法
Ajax 分析方法 以前面的微博为例,拖动刷新的内容由 Ajax 加载,而且页面的 URL 没有变化,那么应该到哪里去查看这些 Ajax 请求呢? 查看请求 需要借助浏览器的开发者工具,下面以 Chr ...
- mapperTemp
@Insert("INSERT INTO coxisolate.instanceinfo (instance_id, app_name, create_time, update_time, ...
- 准入控制器(Admission Controller):ResourceQuota,ImagePolicyWebhook
目录 一.系统环境 二.前言 三.准入控制器简介 四.为什么需要准入控制器 五.启用/禁用ResourceQuota资源配额 5.1 查看默认启用/禁用的准入控制器插件 5.2 ResourceQuo ...
- .NET 日志系统-3 结构化日志和集中日志服务
.NET 日志系统-3 结构化日志和集中日志服务 系列文章 认识.NET 日志系统 https://www.cnblogs.com/ZYPLJ/p/17663487.html .NET 认识日志系统- ...