SVG是一种基于XML的二维矢量图形格式，广泛应用于网页设计和图形处理。通过SVG，可以实现高质量的图形渲染，且图像在缩放时不会失真。在ComfyUI中，借助特定插件，我们也能轻松完成文本生成SVG以及图像转换为SVG的任务。今天，我们将分享两个实用的工作流，帮助你快速上手。
今天分享的工作流主要用到了ComfyUI-ToSVG和ComfyUI-ToSVG-Potracer这两款插件，主要是Potracer to SVG。
- ComfyUI-ToSVG：https://github.com/Yanick112/ComfyUI-ToSVG
- ComfyUI-ToSVG-Potracer：https://github.com/ImagineerNL/ComfyUI-ToSVG-Potracer
- 工作流：https://www.123865.com/s/hyQyTd-r5hDv 提取码:REb7
节点
| 参数 | 用法 | 默认值 |
|---|---|---|
| threshold | 用于将图像二值化为黑白的亮度阈值（0-255） | 128 |
| input_foreground | 定义输入图像是白色背景上的黑色物体，还是黑色背景上的白色物体 | Black on White |
| turnpolicy | 如何解决路径分解中的模糊性问题 | minority |
| turdsize | 抑制多达这个像素数的斑点 | 2 |
| corner_treshold | 数值越小，边角越锋利 | 1 |
| zero_sharp_corners | 强制所有角落保持流畅（在后端将corner_treshold设置为1.34） | false |
| opttolerance | 曲线优化公差 | 0.2 |
| optimize_curve | 曲线优化时，尽可能将相邻的贝塞尔曲线段连接起来，以减少文件大小和节点数量 | true |
| foreground_color | 在跟踪#rrggbb后，定义前景色 | #000000 |
| stroke_color | *定义描边颜色后跟踪#rrggbb / none（仅在stroke_width>0.0时使用） | #ff0000 |
| stroke_width | *设置描绘出的形状的线条宽度/轮廓（仅在stroke_color<>none时有效） | 0.0 |
| background_color | 在跟踪后定义背景颜色 #rrggbb / 无 | #ffffff |
| no_background | 移除背景颜色（在后台将背景颜色设置为'none'） | false |
| output_scale | 通过一个因子 X 来调整输出 SVG 字符串的大小，以实现缩放 | 1.0 |
| svg_strings | 一个字符串列表，通过将其连接到 ComfyUI-ToSVG --> SaveSVG 节点，可以将其转换为 SVG 形状 |
工作流 1：文生SVG
此工作流主要利用ComfyUI-ToSVG插件，将文本生成的图像转换为SVG格式。通过精心设置模型和参数，可以生成高质量的矢量图形。
- 模型选择
使用Flux_dev模型（t5xxl_fp8_e4m3fn / clip_l），该模型在生成矢量图形时表现出色，尤其是在处理高对比度和清晰字体方面。但是Flux模型对于文字的生成还是存在很大的问题，尤其是数字基本很难准确生成。 - 采样方法与步数
- 采样方法：Euler - Simple
- 步数：25-30
- 图像设置
- 潜在图像大小：1024x1024
- 精炼CFG比例：3.5
- CFG值：1
- 图像对比度：1.5 - 2（通过Comfyui-various调整）
- LoRA配置（搭配以下Lora才能更好的生成适合转为SVG的图像）
- Simple_Vector_Flux_v2_renderartist
- 触发关键词：v3ct0r, vector
- 推荐强度：0.6 - 0.9
- Simple_Vectors_Flux_by_Sarcastic_TOFU
- 触发关键词：Simple_Vectors_Flux
- Textimprover-FLUX-V0.4
- 触发关键词：aidmaTextImprover
- 强度：0.3 - 1
- v3ctora (矢量艺术与线稿 (Flux))
- 触发关键词：v3ctora style
- Simple_Vector_Flux_v2_renderartist
- 提示技巧
- 风格：粗体、干净、平滑的字母，圆角，实心填充（无纹理），黑底白字，高对比度
- 主题：字体排印，大而粗的字体，有趣，动态
- 文本：包含文本“YOUR TEXT”
- 颜色：黑色，白色
- 背景：干净的白色，简单设计，无多余细节
注意事项
- Flux Dev在处理白色背景时可能会出现问题，生成模糊的图像。通过定义不同的背景颜色可以显著改善这一问题。
- 确保输入图像尽可能干净，并相应地描述提示词，以获得最佳效果。
工作流 2：图转SVG
此工作流适用于将现有的黑白图标或文本图像转换为SVG格式。通过调整对比度和使用合适的参数，可以进一步优化输出质量。
- 输入图像准备
- 加载现有的黑白图标或文本图像。
- 可以使用放大节点对输入图像进行处理，但通常效果不如原图。
- 对比度调整
- 提高输入图像的对比度，特别是对于高度压缩的jpg图像，这一步非常关键。
- 输出SVG缩放
- 输出的SVG可以通过
output_scale参数进行缩放，以适应不同的使用场景。
- 输出的SVG可以通过
注意事项
- 对于高度压缩的jpg图像，提高对比度通常比放大图像更有帮助。
- 输出的SVG文件可以通过
output_scale参数进行缩放，以适应不同的使用需求。
总结
这两个工作流分别适用于不同的场景：
- Txt2Img 转 SVG工作流：更适合从文本生成矢量图形，尤其是需要清晰的字体和标志设计时。
- 外部图像转 SVG工作流：适用于已有图像的矢量化，例如图标或简单的黑白设计。通过调整对比度和使用合适的参数，可以进一步优化输出质量。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
暂无评论...
