%20(1).png)
ComfyUI_HBH-image_overlay 插件完全攻略：图像叠加神器保姆级教程
1. 插件简介
ComfyUI_HBH-image_overlay 是一个专门用于图像叠加的插件（GitHub原地址：https://github.com/wings6407/ComfyUI_HBH-image_overlay）。这个插件就像一个超级智能的图片拼贴器，可以把一张图片贴到另一张图片上面，而且还能各种调节位置、大小、透明度等等。
这个插件能给我们带来什么效果？ - 制作水印：把你的logo贴到照片上 - 图片合成：把不同的图片元素组合在一起 - 创意拼贴：做那种很酷的多层次视觉效果 - 配合KJNodes的点编辑器，可以精确控制图片放在哪个位置
简单说，就是让你的图片"叠罗汉"，而且每一层都可以精确控制。
2. 如何安装
方法一：使用ComfyUI管理器安装（推荐）
- 打开ComfyUI，点击右侧的"Manager"按钮
- 在搜索框输入"HBH-image_overlay"
- 找到插件后点击"Install"
- 安装完成后重启ComfyUI
方法二：手动安装
- 打开你的ComfyUI安装目录
- 进入
custom_nodes文件夹 - 打开命令行窗口，输入：
git clone https://github.com/wings6407/ComfyUI_HBH-image_overlay
- 重启ComfyUI
3. 节点详解
根据插件描述，这个插件主要包含一个图像叠加节点，让我们来详细了解它：
3.1 HBH Image Overlay 节点是干嘛的？
这个节点就像一个专业的贴纸机器。你给它两张图片：一张当底图（背景），一张当贴纸（要叠加的图），然后它能帮你把贴纸精确地贴到底图上。不仅如此，它还能调节贴纸的大小、角度、透明度，甚至可以翻转贴纸。
3.2 参数详解
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| 底图 | base_image | IMAGE类型 | - | 这是你的画布，所有东西都贴在这上面 | 作为背景的基础图像输入 | 比如你要做海报，这就是海报的背景图 |
| 叠加图片 | overlay_image | IMAGE类型 | - | 这是你要贴上去的贴纸 | 要叠加到基础图像上的前景图像 | 比如你的logo、水印、或者任何装饰图案 |
| 缩放系数 | zoom_factor | FLOAT | 1.0 | 控制贴纸的大小，就像放大镜 | 控制叠加图像的缩放比例 | 设为2.0贴纸变两倍大，设为0.5贴纸缩小一半 |
| 角度变换 | angle | FLOAT | 0.0 | 控制贴纸的旋转角度，像转盘子 | 图像旋转的角度值（以度为单位） | 设为90就是转90度，可以让横图变竖图 |
| 垂直翻转 | flip_vertical | BOOLEAN | False | 上下颠倒贴纸，像照镜子 | 是否进行垂直方向的镜像翻转 | 开启后图片上下颠倒，可以做倒影效果 |
| 水平翻转 | flip_horizontal | BOOLEAN | False | 左右颠倒贴纸，像照镜子 | 是否进行水平方向的镜像翻转 | 开启后图片左右颠倒，比如让人脸朝向相反 |
| 混合模式 | blend_mode | STRING | "normal" | 决定贴纸怎么和底图融合 | 图像混合的算法模式 | normal是正常覆盖，multiply是加深效果 |
| 透明度 | opacity | FLOAT | 1.0 | 控制贴纸的透明程度，像调节玻璃的透明度 | 叠加图像的不透明度系数 | 1.0完全不透明，0.5半透明，0.0完全透明 |
| X坐标 | x_position | INT | 0 | 贴纸在水平方向的位置 | 叠加图像在X轴上的位置坐标 | 0是最左边，数字越大越往右移 |
| Y坐标 | y_position | INT | 0 | 贴纸在垂直方向的位置 | 叠加图像在Y轴上的位置坐标 | 0是最上面，数字越大越往下移 |
| 坐标输入 | coordinates | STRING | - | 接收来自点编辑器的坐标信息 | 从外部节点接收的JSON格式坐标数据 | 格式：[{"x":100, "y":200}] |
4. 使用技巧和建议
4.1 配合KJNodes点编辑器使用
这个插件的强大之处在于可以配合KJNodes的点编辑器来精确控制位置。就像在图片上点一下，告诉插件"我要把贴纸放在这里"。
使用步骤： 1. 先用KJNodes的点编辑器在图片上点选位置 2. 点编辑器会输出坐标信息 3. 把这个坐标信息连接到HBH Image Overlay节点的坐标输入
4.2 透明度调节技巧
- 水印效果：透明度设为0.3-0.7
- 半透明叠加：透明度设为0.5
- 渐变过渡：配合多个节点，逐渐改变透明度
4.3 角度和翻转的创意用法
- 制作倒影：垂直翻转 + 降低透明度
- 对称图案：水平翻转创造对称效果
- 动态感：微调角度让画面更有活力
4.4 混合模式选择
- normal：普通叠加，最常用
- multiply：颜色加深，适合阴影效果
- screen：颜色减淡，适合发光效果
- overlay：叠加模式，保持底图明暗的同时叠加颜色
5. 常见问题解答
Q: 为什么我的图片叠加后看起来有白色边框？ A: 使用时要确保将图像添加到RGB节点。这是因为有些图片带有透明通道，需要转换为RGB格式。
Q: 坐标输入不生效怎么办？ A: 确保坐标格式正确：[{"x":0, "y": 0}]，注意JSON格式的写法。
Q: 图片叠加后位置不对？ A: 检查X和Y坐标的设置，记住坐标原点(0,0)在图片的左上角。
Q: 缩放后图片变模糊？ A: 避免过度放大，建议缩放系数在0.1-3.0之间比较合适。
Q: 为什么翻转效果不明显？ A: 如果图片本身是对称的，翻转效果就不明显。试试用有明显方向性的图片。
6. 实际应用案例
6.1 制作带水印的图片
- 底图：你的主要图片
- 叠加图片：水印logo
- 设置：透明度0.3，位置调到右下角
6.2 创意拼贴艺术
- 底图：背景纹理
- 叠加图片：主要元素
- 设置：尝试不同的混合模式和角度
6.3 产品展示图
- 底图：纯色背景或场景
- 叠加图片：产品图片
- 设置：精确调节位置和大小
7. 进阶技巧
7.1 多层叠加
可以串联多个HBH Image Overlay节点，实现多层图片叠加效果，就像PS里的多个图层。
7.2 动画效果预备
通过批量改变角度、位置、透明度参数，可以为后续的动画制作做准备。
7.3 配合其他节点
- 配合图像resize节点：统一图片尺寸
- 配合颜色调节节点：调整叠加图片的色调
- 配合遮罩节点：创建复杂的遮挡效果
记住，这个插件的核心思想就是"精确控制"。通过各种参数的组合，你可以实现各种创意效果。多试试不同的参数组合，你会发现更多有趣的用法！