ComfyUI 绘图形状插件 (ComfyUI_ZC_DrawShape) 保姆级教程
1. 插件简介
这是一个能让你在图片上画各种形状的小工具,就像在画板上画画一样简单!你可以画圆形、方形、直线,还能自由调整颜色和大小。
GitHub地址:https://github.com/zohac/ComfyUI_ZC_DrawShape
2. 安装方法
就像安装其他 ComfyUI 插件一样简单:
1. 打开你的 ComfyUI 文件夹
2. 找到 custom_nodes 文件夹(如果没有就新建一个)
3. 在终端/命令行中输入:
git clone https://github.com/zohac/ComfyUI_ZC_DrawShape
- 重启 ComfyUI,插件就安装好啦!
3. 节点详解
3.1 画圆形节点 (Draw Circle)
就像用画圆一样,这个节点可以在图片上画出完美的圆形。
参数详解:
| 参数名(显示) | 参数名(代码) | 参数值 | 建议值 | 通俗解释 | 专业解释 | 使用举例 |
|---|---|---|---|---|---|---|
| 中心点X坐标 | center_x | 0-图片宽度 | 图片宽度/2 | 圆心左右位置 | 圆形中心点的X坐标 | 想把圆画在中间,就填图片宽度的一半 |
| 中心点Y坐标 | center_y | 0-图片高度 | 图片高度/2 | 圆心上下位置 | 圆形中心点的Y坐标 | 想把圆画在中间,就填图片高度的一半 |
| 半径 | radius | 0-∞ | 100 | 圆的大小 | 圆形的半径值 | 想画大圆就填大数字,小圆就填小数字 |
| 颜色 | color | RGB值 | (255,0,0) | 圆的颜色 | RGB颜色值 | 想画红色就用(255,0,0) |
| 线条粗细 | thickness | -1或>0 | 2 | 圆边框粗细 | 线条宽度值 | -1是实心圆,2是普通粗细的圆圈 |
3.2 画方形节点 (Draw Rectangle)
像用尺子画方框一样简单!
参数详解:
| 参数名(显示) | 参数名(代码) | 参数值 | 建议值 | 通俗解释 | 专业解释 | 使用举例 |
|---|---|---|---|---|---|---|
| 左上角X坐标 | x | 0-图片宽度 | 100 | 方框左边位置 | 矩形左上角X坐标 | 想把方框画在左边,就填小一点的数字 |
| 左上角Y坐标 | y | 0-图片高度 | 100 | 方框上边位置 | 矩形左上角Y坐标 | 想把方框画在上面,就填小一点的数字 |
| 宽度 | width | 0-∞ | 200 | 方框的宽度 | 矩形的宽度值 | 想画宽方框就填大数字 |
| 高度 | height | 0-∞ | 200 | 方框的高度 | 矩形的高度值 | 想画高方框就填大数字 |
| 颜色 | color | RGB值 | (0,255,0) | 方框的颜色 | RGB颜色值 | 想画绿色就用(0,255,0) |
| 线条粗细 | thickness | -1或>0 | 2 | 方框边线粗细 | 线条宽度值 | -1是实心方框,2是普通粗细的空心方框 |
3.3 画直线节点 (Draw Line)
就像用直尺画直线一样!
参数详解:
| 参数名(显示) | 参数名(代码) | 参数值 | 建议值 | 通俗解释 | 专业解释 | 使用举例 |
|---|---|---|---|---|---|---|
| 起点X坐标 | start_x | 0-图片宽度 | 100 | 线的起点左右位置 | 起始点X坐标 | 从左边开始画,就填小数字 |
| 起点Y坐标 | start_y | 0-图片高度 | 100 | 线的起点上下位置 | 起始点Y坐标 | 从上面开始画,就填小数字 |
| 终点X坐标 | end_x | 0-图片宽度 | 300 | 线的终点左右位置 | 终点X坐标 | 想画到右边,就填大数字 |
| 终点Y坐标 | end_y | 0-图片高度 | 300 | 线的终点上下位置 | 终点Y坐标 | 想画到下面,就填大数字 |
| 颜色 | color | RGB值 | (0,0,255) | 线的颜色 | RGB颜色值 | 想画蓝色就用(0,0,255) |
| 线条粗细 | thickness | >0 | 2 | 线的粗细 | 线条宽度值 | 1是细线,10是粗线 |
4. 使用技巧和建议
- 想画彩色图形?RGB颜色值这样记:(255,0,0)是红色,(0,255,0)是绿色,(0,0,255)是蓝色
- 坐标从左上角开始算,向右是X轴增加,向下是Y轴增加
- 想要实心图形,把线条粗细设为-1
- 可以叠加多个形状,创造出有趣的组合
5. 常见问题解答
Q: 为什么我画的图形看不见? A: 检查一下坐标是不是超出图片范围了,或者颜色是不是设置成(0,0,0)黑色啦。
Q: 图形怎么调整大小? A: 圆形通过改变半径,方形通过改变宽度和高度,直线通过改变起点和终点的位置。
Q: 颜色怎么调整? A: 用RGB值,每个数字范围是0-255。比如想要粉色,可以试试(255,192,203)。
6. 额外小贴士
- 建议先在小范围试验,确认效果后再调整到想要的大小
- 可以用这个插件来给图片做标注、添加边框、或者创建简单的几何图案
- 不确定坐标位置时,可以先画个十字准星定位