# ComfyUI-Text-On-Image 插件保姆级教程 ## 1. 插件简介 ComfyUI-Text-On-Image 是一个专门用来在图片上添加文字的插件。你可以在图片上显示自定义文字,并且可以设置文字大小、字体、位置和阴影效果。 **插件原地址:** https://github.com/S4MUEL-404/ComfyUI-Text-On-Image 简单来说,这个插件就像是给你的图片加上文字标签的工具,比如你想在一张风景照上写上"美丽的日落",或者在人物照片上加个名字,这个插件就派上用场了。它就像是手机上的图片编辑器,但功能更强大、更灵活。 ## 2. 如何安装 ### 方法一:通过 ComfyUI Manager 安装(推荐) 1. 打开 ComfyUI,点击右下角的"Manager"按钮 2. 在弹出的窗口中点击"Install Custom Nodes" 3. 搜索"Text-On-Image" 4. 找到"ComfyUI-Text-On-Image",点击"Install" 5. 重启 ComfyUI ### 方法二:手动安装 1. 打开 ComfyUI 的安装文件夹 2. 进入 `custom_nodes` 文件夹 3. 在这个文件夹里打开命令行(Windows 用户可以按住 Shift 右键,选择"在此处打开命令行") 4. 输入命令:`git clone https://github.com/S4MUEL-404/ComfyUI-Text-On-Image.git` 5. 重启 ComfyUI ## 3. 节点详解 ### 3.1 Text On Image 节点 这是插件的核心节点,作用就像是一个"文字印章机"。你把图片放进去,告诉它要写什么文字、写在哪里、用什么样式,它就会给你一张加了文字的新图片。 ### 3.2 参数详解 | 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 图片 | image | 图片输入 | - | 就像放照片到相框里,这是你要加文字的原图 | 输入待处理的图像数据 | 连接一个图片生成节点或加载图片节点 | | 文字内容 | text | 文本字符串 | "Hello World" | 你想写在图片上的话,就像在纸上写字一样 | 要渲染到图像上的文本内容 | 输入"生日快乐"、"我的作品"等任何文字 | | 字体大小 | font_size | 数字 | 50 | 控制文字大小,就像调节打印机的字号 | 设置文本的像素大小 | 20是小字,100是大字,根据图片大小调整 | | 字体颜色 | font_color | 颜色值 | #FFFFFF | 文字的颜色,就像选择彩色笔的颜色 | 文本的RGB颜色值 | #FF0000是红色,#00FF00是绿色,#0000FF是蓝色 | | 位置X | position_x | 数字 | 50 | 文字左右位置,就像在纸上左右移动文字 | 文本在图像中的水平坐标 | 0是最左边,数字越大越往右 | | 位置Y | position_y | 数字 | 50 | 文字上下位置,就像在纸上上下移动文字 | 文本在图像中的垂直坐标 | 0是最上面,数字越大越往下 | | 字体路径 | font_path | 文件路径 | "" | 选择字体文件,就像选择不同的笔触风格 | 指定TTF字体文件的路径 | 留空用默认字体,或输入字体文件完整路径 | | 阴影开关 | shadow_enabled | 真/假 | True | 是否给文字加阴影,就像灯光照射产生的影子 | 控制是否渲染文本阴影效果 | True开启阴影,False关闭阴影 | | 阴影X偏移 | shadow_x | 数字 | 2 | 阴影左右偏移,就像调节灯光角度 | 阴影在水平方向的偏移距离 | 正数向右偏移,负数向左偏移 | | 阴影Y偏移 | shadow_y | 数字 | 2 | 阴影上下偏移,就像调节光源高度 | 阴影在垂直方向的偏移距离 | 正数向下偏移,负数向上偏移 | | 阴影颜色 | shadow_color | 颜色值 | #000000 | 阴影的颜色,通常用黑色或灰色 | 阴影的RGB颜色值 | #000000是黑色,#808080是灰色 | | 阴影模糊 | shadow_blur | 数字 | 0 | 阴影的模糊程度,就像调节灯光的柔和度 | 阴影的高斯模糊半径 | 0是清晰阴影,5是稍微模糊,10是很模糊 | ## 4. 使用技巧和建议 ### 4.1 文字位置技巧 - **居中放置:** 如果你的图片是512x512大小,想让文字居中,可以设置位置X和Y都为256左右 - **角落放置:** 想放在右下角,可以设置较大的X值和Y值 - **多行文字:** 在文字内容中使用换行符"\n"可以创建多行文字 ### 4.2 颜色搭配建议 - **深色背景:** 用白色或亮色文字(#FFFFFF, #FFFF00) - **浅色背景:** 用黑色或深色文字(#000000, #FF0000) - **复杂背景:** 建议开启阴影,让文字更清晰 ### 4.3 字体大小参考 - **小图片(512px):** 字体大小20-40 - **中等图片(1024px):** 字体大小40-80 - **大图片(2048px):** 字体大小80-150 ### 4.4 阴影效果建议 - **突出文字:** 阴影偏移设置为2-5像素 - **柔和效果:** 阴影模糊设置为3-8 - **立体效果:** 使用深色阴影配合浅色文字 ## 5. 常见问题解答 ### Q1:为什么我看不到文字? **A:** 检查以下几点: - 文字颜色是否与背景色太相近 - 位置是否设置在图片范围内 - 字体大小是否太小 ### Q2:文字显示不完整怎么办? **A:** 这通常是位置设置问题: - 检查位置X和Y是否超出图片边界 - 调整位置让文字完全显示在图片内 ### Q3:如何使用自定义字体? **A:** 在字体路径参数中输入字体文件的完整路径,例如: - Windows:`C:\Windows\Fonts\arial.ttf` - 确保字体文件存在且可访问 ### Q4:阴影效果看不清楚? **A:** 尝试以下调整: - 增加阴影偏移值(shadow_x, shadow_y) - 调整阴影颜色与文字颜色形成对比 - 增加阴影模糊值让效果更柔和 ### Q5:如何在同一张图片上添加多个文字? **A:** 使用多个 Text On Image 节点: - 第一个节点处理原图 - 第二个节点处理第一个节点的输出 - 依此类推 ## 6. 实用工作流程示例 ### 6.1 简单文字添加流程 1. 加载图片 → Text On Image 节点 → 保存图片 2. 设置文字内容和基本参数即可 ### 6.2 多层文字效果流程 1. 加载图片 → Text On Image 节点1(标题)→ Text On Image 节点2(副标题)→ 保存图片 2. 第一个节点添加大标题,第二个节点添加小字说明 ### 6.3 水印添加流程 1. 加载图片 → Text On Image 节点 → 保存图片 2. 设置半透明颜色(如#FFFFFF80)作为水印效果 ## 7. 进阶技巧 ### 7.1 动态文字 - 结合其他节点可以实现动态文字内容 - 使用变量替换实现批量处理 ### 7.2 样式组合 - 同时使用多个节点创建复杂的文字布局 - 结合图片混合节点实现更丰富的效果 ### 7.3 批量处理 - 设置好参数后可以批量处理多张图片 - 保持文字样式统一,只需更换输入图片 这个插件虽然功能专一,但用途很广泛。无论是给AI生成的图片加标题,还是制作社交媒体的图片,都能派上用场。记住,多实践多尝试,你会发现更多有趣的用法!
ComfyUI图像合并插件comfyui-merge使用教程 2025-07-03 22:44 ComfyUI 图像合并插件教程 (comfyui-merge) 1. 插件简介 这是一个专门用来合并图片的 ComfyUI 插件,就像用 PS 把多张图片叠在一起那样。它的特别之处在于你精确控制每张图片的混合方式。 GitHub 地址:https://github.com/LingSss9/com