前言:

学习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 节点(二)的更多相关文章

  1. js动态创建style节点(js文件中添加css)

    ie6 不能 document.createElement('style') 然后append到head标签里.所以就找到这样个好文章 --------------------- 有很多提供动态创建 ...

  2. Javascript动态创建 style 节点

    有很多提供动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件.如何能使用程序生成的字符串动态创建 style 节点,我搞了2个小时. 静态外部 css 文件语法: @import ...

  3. EasyNVR网页H5无插件播放摄像机视频功能二次开发之直播通道接口保活示例代码

    背景需求 随着雪亮工程.明厨亮灶.手机看店.智慧幼儿园监控等行业开始将传统的安防摄像头进行互联网.微信直播,我们知道摄像头直播的春天了.将安防摄像头或NVR上的视频流转成互联网直播常用的RTMP.HT ...

  4. jQuery layer弹出层插件 http://layer.layui.com/直接上官网学

    在许多网站中,经常用到弹出层,有时候为了达到更好的用户体验,你将写繁琐的css跟js,这款 jquery-layer可以让你想到即可做到的web弹窗/层js组件.layer侧重于用户灵活的自定义,为不 ...

  5. jqPlot图表插件学习之数据节点高亮和光标提示

    一.准备工作 首先我们需要到官网下载所需的文件: 官网下载(笔者选择的是jquery.jqplot.1.0.8r1250.zip这个版本) 然后读者需要根据自己的情况新建一个项目并且按照如下的方式加载 ...

  6. EasyNVR网页Chrome无插件播放摄像机视频功能二次开发之云台控制接口示例代码

    随着多媒体技术和网络通信技术的迅速发展,视频监控技术在电力系统.电信行业.工业监控.工地.城市交通.水利系统.社区安防等领域得到越来越广泛的应用.摄像头直播视频监控通过网络直接连接,可达到的世界任何角 ...

  7. vue常用插件之打印功能、二维码插件、批量打印二维码

    vue实现打印的两种方法 vue实现批量打印二维码 (需安装二维码插件qrcodejs2) 一.vue-print-nb插件 1.安装: npm i vue-print-nb -S 2.全局注册(ma ...

  8. 图片上传插件用法,net语法【二】

    之前一直写过KindeEditor中的小控件作为单独上次,但业务要求需要另一种方式 现在改用ajaxfileupload.js试试,这个一百度 一.首页引用 <script src=" ...

  9. Cordova各个插件使用介绍系列(二)—$cordovaBarcodeScanner扫描二维码与生成二维码

    详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-2-cordovabarcodescanner/ 这是 ...

  10. 小白也能看懂的插件化DroidPlugin原理(二)-- 反射机制和Hook入门

    前言:在上一篇博文<小白也能看懂的插件化DroidPlugin原理(一)-- 动态代理>中详细介绍了 DroidPlugin 原理中涉及到的动态代理模式,看完上篇博文后你就会发现原来动态代 ...

随机推荐

  1. vue单个插槽

    当子组件模板只有一个没有属性的插槽时,父组件传入的整个内容片段将插入到插槽所在的 DOM 位置,并替换掉插槽标签本身. # 子组件 <div> <h2>我是子组件的标题< ...

  2. CF914C

    problem & blog 数位 dp 模板题. 经过一次操作,可以把 \(n\) 变成一个小于 \(10^3\) 的数. 所以我们可以把所有小于 \(10^3\) 的数操作的次数全部处理出 ...

  3. 腾讯视频遇到“前设备播放4K可能引发卡顿等异常,建议降低清晰度”

    腾讯视频遇到"前设备播放4K可能引发卡顿等异常,建议降低清晰度". 解决方法: 在菜单-设置-播放设置-勾选"开启硬件加速"-应用,然后退出腾讯视频,重新打开腾 ...

  4. vs2019安装使用Python3.9教程

    现在vs2019只支持到Python3.7,如果要使用3.9,需要自己下载Python3.9的包 步骤: 一.在开始菜单中找到Microsoft Store搜索"Python3.9" ...

  5. pyenv-win 替换国内镜像源

    前情提要 今天心血来潮想学一学python 然后因为python版本众多,了解到了pyenv这个python版本管理器 在github下载好pyenv以后,打算先安装一个稳定的版本 pyenv ins ...

  6. CNN -- Simple Residual Network

    Smiling & Weeping ---- 我爱你,从这里一直到月亮,再绕回来 说明: 1.要解决的问题:梯度消失 2. 跳连接,H(x) = F(x)+x,张量维度必须一致,加完后再激活. ...

  7. MySQL Explain 关键字详解

    概述 explain 关键字可以模拟执行 sql 查询语句,输出执行计划,分析查询语句的执行性能 使用方式如下:explain + sql explain select * from t1 执行计划各 ...

  8. Linux高级命令

    重定向 重定向也称为输出重定向,用于将命令的输出保存到目标文件. 使用方法:> 文件名 或 >> 文件名.前者会覆盖文件内容,后者会追加内容到文件. 查看文件内容命令 cat: 显示 ...

  9. 移动web开发入门

    一,视口 <meta name="viewport" content="width=device-width, initial-scale=1, user-scal ...

  10. 码农的转型之路-全力以赴升级物联网浏览器(IoTBrowser)

    在人生的重要时刻,我站在了毕业的门槛上,望着前方的道路,心中涌动着对未来的无限憧憬与些许忐忑.面前,两条道路蜿蜒伸展:一是继续在职场中寻求稳定,一是勇敢地走出一条属于自己的创新之路.尽管面临年龄和现实 ...