第一次拿到 Dots 节点的时候我盯着输出图看了足足半分钟——满屏的圆点排列得整整齐齐又或者因为随机偏移而显得像手绘点画。说实话第一反应是这玩意儿能干嘛但真正把它放到工作流里跑了几轮之后我发现这个看起来人畜无害的画点节点其实是很多图像处理、构图辅助、纹理生成场景里最顺手的基础工具之一。这篇就围绕 [Dots节点] 的原理和实际应用好好聊一聊从它内部的点阵生成逻辑讲起再到参数怎么调、工作流怎么接、踩过哪些坑一次性说清楚。适合刚接触 ComfyUI、想做点阵纹理或构图参考图的同学也适合已经在用但没细想过它原理的人。1. Dots节点是什么解决什么问题1.1 从一个画点的需求说起无论你是做平面设计、生成艺术还是图像后期总会有那么几个瞬间需要在图上打点想在背景里铺一层波点纹理想在构图里标出兴趣点想给一张空白的画布加上像素灯阵效果。以前这种需求要么去 PS 里手动建圆形阵列要么写一段 Python 代码用 Pillow 硬画过程不复杂但很繁琐。Dots节点就是把这件打点的事情做成一个可视化节点连入工作流就能直接输出点阵图、遮罩甚至坐标数据。它本质上是一个程序化点阵生成器。你给它画布尺寸、点数或间距、点的大小、形状、颜色、抖动程度它就在后台做循环计算然后把所有点绘制成一张图像输出。不用打开外部软件不用手写脚本参数实时调、结果实时看这就是节点化工具最大的价值。1.2 为什么叫Dots而不是Point或Grid我第一次看到这个名字也觉得奇怪叫Point节点不是更直白吗后来用多了才理解Dots强调的是点的视觉呈现——不是一个抽象坐标点而是一个个有大小、有形状、有颜色的可视圆点。这和Keypoint或坐标点是完全不同的概念。Dots节点输出的不只是一组数字坐标而是一张可以直接看的位图。这带来三个好处第一你不需要额外的渲染节点就能看到效果所见即所得第二输出的图像或遮罩能直接参与后续的图片混合、局部修图、采样引导第三节点同时保留点阵坐标数据的输出口方便需要数值信息的下游节点使用。也就是说它既服务于视觉也服务于数据是一个少见的图像数据双输出工具。1.3 适合谁用、解决什么痛点我用下来的感受是Dots节点最适合三类人第一类是搞生成艺术的需要快速制作波点、点画、网格装饰纹理第二类是经常做构图研究的设计师需要把三分线、中心锚点、视觉重心可视化出来第三类是搭工作流的进阶玩家想用点阵生成遮罩来引导局部重绘或作为 ControlNet 的辅助输入。它解决的痛点也很明确**重复性的阵列生成样式调整工作不用再依赖外部程序了。**以前要调点的大小、间距、随机偏移改一次跑一次脚本现在拖个节点拖动滑块就能实时预览。对我来说它更像一个视觉基础工具集里的默认选项简单但不可缺。2. 核心原理点阵是怎么算出来的2.1 从画布到坐标栅格化逻辑Dots生成点阵第一步不是画点而是在画布上建立坐标系。假设画布宽度是 1024 像素高度是 1024 像素你不指定点数、只指定间距为 64 像素那么节点会把画布从左上角开始按 64 像素一格切分成网格。横向大约分成 16 格纵向 16 格总共 256 个候选位置。每个点的位置一般取网格单元的中心这是为了保证间距均匀。之所以取中心而不是左上角是因为视觉上居中的排列更自然边缘也不容易产生半截点。我第一次做点阵时直接按 0 坐标开始排点结果右侧和底部的点被裁掉一半输出图看起来参差不齐。后来才明白取网格中心点是最稳妥的方案。2.2 点的形状与绘制不只是画个圆Dots 节点通常支持多种点形圆形、方形、菱形甚至星形。看起来只是换一个形状实际上内部用的是不同的距离判定方式圆形用欧几里得距离(x - cx)^2 (y - cy)^2 r^2。方形用切比雪夫距离max(abs(x - cx), abs(y - cy)) r。菱形用曼哈顿距离abs(x - cx) abs(y - cy) r。这三种距离计算方式决定了半径的定义方式因此在相同 dot_size 参数下方形的实际视觉面积会比圆形大不少。我做过一组对比实验同为 20 像素的点圆形视觉上很秀气方形却显得很敦实。如果你的目标是从远处能看到清晰的点方形效率更高如果想要柔和的手工感圆是更合适的选择。绘制时的抗锯齿也很关键。简单硬边缘的点在地图边缘会有明显锯齿但在生成艺术里锯齿点阵反而有一种像素感。很多 Dots 节点实现会提供边缘柔化参数用类似smoothstep的函数在点边缘做一个半透明过渡让点在放大后也保持平滑。追求硬核波点效果时我会关掉柔化追求精致感时则打开。2.3 随机性从哪里来可控抖动纯规则的网格点阵看久了会显得呆板。真实点画艺术里的点往往会有微小的偏移这正是 Dots 节点里抖动参数存在的意义。抖动实现的逻辑不复杂每个点本来在网格中心生成时在 X 和 Y 方向各叠加一个随机偏移量。偏移范围由jitter参数控制通常是一个 0 到 1 之间的比例实际偏移量 随机数 * 抖动比例 * 网格间距。比如间距 50 像素、抖动 0.2那么每个点最多在 x 方向和 y 方向偏移 0.2*5010 像素。这样既保留了网格的大体分布规律又不会让点完全乱掉。随机数来源是伪随机生成器因此你可以用 seed 控制每次生成的随机序列。同一个 seed 配合相同的参数永远得到同样的点阵这在批量生成或调试工作流时特别重要。我自己习惯把 seed 参数接到全局随机控制节点上这样每跑一次就能得到一个新的随机点阵构图方便快速预览多个方案。3. 实际应用场景从纹理到构图3.1 艺术纹理波点画与点画法Dots 节点最常见的应用就是生成波点纹理。把间距和大小设置成相近的比例比如间距 80、点径 60、透明度降低一点铺在背景图上就会形成经典的波点效果。这种纹理在生成艺术、时尚海报、专辑封面里很常见以前用 PS 做要建图案填充再调混合模式现在一个节点叠上去就行。如果想要更接近点画法的手绘感把间距拉大一点、点径缩小、抖动调到 0.3~0.5同时随机变化每个点的大小——不少实现里支持半径抖动参数。跑出来以后再用模糊节点轻微处理点与点之间会形成类似墨点晕染的过渡很适合模拟印刷网点或水彩颗粒。我做波点纹理时踩过一个小坑单纯增加抖动会让整体构图失去稳定感建议抖动控制在 0.3 以内超过这个值大多数人眼会觉得是乱画的而不是有规律的手绘感。3.2 构图辅助兴趣点与参考线可视化另一个我经常用的场景是构图辅助。比如在做 AI 绘图时想让主体落在外侧三分点上直接在提示词里写composition太抽象模型不一定听。这时候我会先用 Dots 节点生成一个 3x3 的点阵再叠加到空白的预览图上视觉上很清晰地标出四个兴趣点的位置。配合 ControlNet 或区域提示使用可以更精确地引导主体的落位。你也可以把 Dots 参数接到图像尺寸计算节点上——比如读取一张参考图的宽度和高度然后动态生成基于该尺寸的辅助点阵。这意味着不管你最终出图是 512x512 还是 1024x768辅助点阵都会自动适配分辨率不用手动调整。部分 Dots 实现还支持输出点坐标数据这些坐标可以被后续节点读取用来在图上精确放置文字标签或标记框做数据可视化标注时非常顺手。3.3 UI与可视化像素灯阵与地图打点如果用方形点间距恰好等于点的大小生成的就是经典的 LED 像素灯阵效果。每个方块为一个像素整体看起来像一块闪烁的电子屏。这种效果用来做动画背景或者修饰 UI 界面很出彩。我试过把点阵图用 Lora 叠加到建筑图上模拟楼宇灯光面板效果意外地好。在地图或点位展示方面Dots 的坐标输出能力更实用。比如有一批城市坐标数据想标记在地图底图上传统做法是写脚本遍历坐标在图上画点。用 Dots 节点的话可以直接把坐标列表传进去节点按坐标逐点渲染。这里的核心逻辑是Dots 并不是只能做规则网格它也支持外部输入点集。所以它既是网格生成器又是点集渲染器二个能力叠加使用场景就非常多了。4. 工作流实操从零接一条Dots链路4.1 节点关键参数速查接触一个新节点最快的方式是先把参数表啃明白。下面这张表是我根据常见 Dots 节点实现整理的不同插件版本名称可能有差异但逻辑基本一致参数作用参考值/说明width/height画布尺寸一般从图像尺寸节点接入spacing点阵间距像素决定密度值越小点越密count_x/count_y横纵点数与间距互斥指定数量更直观dot_size点径像素控制点的视觉大小shape点形状circle / square / diamondjitter随机抖动比例0~1常用 0.1~0.3radius_jitter点的半径抖动模拟手绘质感时开启seed随机种子固定数值可以复现点阵color点颜色RGB 或 HEX 输入background背景色透明或纯色opacity不透明度控制点的整体透明度这几个参数里最容易忽略的是count_x/count_y和spacing的二选一逻辑。如果同时设置了到底哪个生效呢不同实现的优先级不一样。稳妥的做法是先定一个主控参数当你知道需要几个点的时候用 count当你需要均匀分布的纹理时用 spacing。4.2 一个可复现的波点纹理合成工作流我用一个实际案例来说明怎么接链路目标是给一张基础背景图叠加半透明波点纹理最后输出合成图。第一步加载基础背景图用加载图像节点读入同时把它接到一个图像尺寸节点上拿到宽高数值再传给 Dots 节点。这样点阵画布尺寸就和背景完全一致不用手动输入。第二步设置 Dots 参数spacing 设为 90dot_size 设为 45shape 选 circlejitter 设 0.15seed 设 42我用固定 42 方便复现color 选白色opacity 设 0.6background 设透明。输出方式记得选图像遮罩后面会用到遮罩。第三步用图像混合节点把背景图和点阵图合成。混合比例设为 0.6也就是点阵以 60% 的透明度盖在背景上。此时你可能会发现白色点盖在背景上显得浮这时可以把混合模式改为柔光或者叠加点会融入背景光影整体和谐很多。第四步如果想要点阵只在局部区域出现用遮罩来约束。Dots 节点输出的遮罩本身是一张黑白图你把它和一张区域遮罩做遮罩相乘再给到图像混合节点的 mask 输入。这样点阵只会在你指定区域内显示其余区域保持干净。这个流程一整套下来其实就是三个节点的串联加载背景 - 生成点阵 - 混合输出。很轻量跑一次只要几秒。如果想要更多变化可以在 Dots 的输出图前面加一个色彩调整节点把点的颜色做成渐变色——比如从右下角到左上角颜色由暖变冷视觉层次会丰富很多。4.3 用点阵遮罩做局部重绘Dots 节点输出的遮罩还有一个更高级的用途引导局部重绘。正常局部重绘需要手动绘制遮罩区域但你也可以用点阵来生成只重绘某些点状区域的遮罩。思路是把 Dots 的 dot_size 调小、spacing 调中等生成一张分布均匀的小点遮罩然后把这张遮罩接到局部重绘节点上。这样模型在重绘时只会修改被点覆盖的那些局部区域形成一种挖空补全的效果。用在做服装纹理、墙面花纹覆盖时很实用。我试过用这个思路替换一张人物衣服上的图案先生成正装图然后用 Dots 生成分布在衣服区域的点阵遮罩再做局部重绘效果比整块涂遮罩要自然很多边界不容易产生补丁感。原因在于点状遮罩让重绘区域是分散的模型在补全时能参考更多的周围信息而不是一块孤岛。5. 常见问题与排查实录5.1 输出图全黑或看不见点这是新手遇到最多的问题。出现全黑的情况大概率是背景色和点的颜色设置成了同一种颜色比如背景为黑色点的颜色也是黑色。在节点图上很难一眼发现因为输出预览就是一片黑。排查方法是把点的颜色临时改成醒目的亮色比如红色或白色再刷新预览。如果点出来了说明颜色撞了如果还是黑再检查背景是不是透明被误当成黑色了。另外有些 Dots 节点的遮罩输出是黑底白点如果你把遮罩当成正常图像去预览确实会看到大面积黑色这是正常的遮罩本来就是通道图。这种情况下不要尝试调颜色直接把它接给需要遮罩的节点即可。5.2 点阵太密或太疏怎么调点太密通常是因为 spacing 的值设得太小。比如画布 1024 宽、spacing 只有 8 像素那一行就是 128 个点整幅图几乎变成一块噪点板。密度过高不仅视觉上糊还会导致渲染变慢。解决办法是设最少 24 像素以上的间距或者直接用 count_x/count_y 来控制数量比如横向 32 个点视觉上就是清晰的阵列。点太疏则是 spacing 过大。看不清楚点阵时可以先用小尺寸预览比如宽高设为 512spacing 设为 40确认效果后再放大到 1024 并同步调大 spacing。这里有一个小技巧间距和画布是线性关系从 512 转到 1024间距要乘以 2 才能保持同样的点数分布。5.3 节点的输入输出对不上报错怎么办Dots 节点会提供图像、遮罩、坐标等多个输出口但并不是所有下游节点都能接收这些类型。最常见的问题是你想把坐标输出直接接给一个需要图像输入的节点结果报错说类型不匹配。这其实不是 Dots 的问题而是节点之间没有做类型转换。排查思路是先看目标节点的输入类型。如果它需要的是 mask那你选遮罩输出如果需要图像选图像输出如果需要字符串格式的坐标很多 Dots 实现会提供一个格式化为文本的选项。不要硬把一个输出接到不兼容的输入上中间加一个图像到遮罩或遮罩到图像的转换节点才是最省事的做法。5.4 性能与分辨率取舍在大分辨率画布上生成高密度点阵节点计算时间会显著上升。理论上一个点的绘制成本是固定的但如果画布是 2048x2048、间距只有 16 像素那么点的数量是 128x12816384 个。每个点都要做一次圆填充和颜色混合积少成多预览会明显变卡。这时候可以采取小图预览大图出图策略先用 512x512 的参数调好效果然后把尺寸翻倍、间距翻倍其他参数不动最后在出图阶段才用大尺寸渲染。还有一个更省资源的办法——把点阵图和背景的分辨率解耦。比如点阵图只用 256x256 生成混合前再用放大节点把它放大到目标分辨率。因为点是矢量化的几何绘制放大后边缘依然清晰不会出现马赛克问题。5.5 我的避坑心得最后分享一个实际工作中积累的教训不要把 Dots 的点阵输出直接作为最终成品图的唯一内容而是把它当作合成的一层。我第一次做波点背景时直接把白色点阵输出为 PNG再用外部工具叠到图片上结果因为颜色空间和透明度处理不一致出来的点发灰、发闷和直接在工作流里混合的效果差很多。后来一律改成点在 Dots 内部生成时就指定好颜色和透明度混合操作全部在节点图内完成并且优先用遮罩而非独立图像去做合成。这样颜色管理更统一后续调整也更方便。另一个经验是如果你在做一个系列的生成艺术固定一套 seed 池子比如 101~110 的十个种子每次随机选一个既能保证风格统一又保留足够的随机变化空间这样出图效率会高很多。Dots 节点看起来简单但它背后承载的栅格化-点绘制-随机抖动-图像输出这条链路是很多生成艺术效果的底层逻辑。把这个节点吃透再回头去看其他类似的自定义节点你会觉得它们的套路其实都差不多。建议你现在就去 ComfyUI 里拖一个 Dots 节点出来先用默认参数跑一张然后依次调大间距、打开抖动、切换形状每个变化都跑一遍很快你就能建立起自己的手感。