扣子工作流图像实战：文生图+画板+图像处理串联全流程

一、三个图像节点，单独用是工具，串联用是产线

扣子工作流里有三个图像相关节点：

市面上的教程几乎都在单独讲某一个节点——「画板节点怎么做小红书配图」「文生图节点生成动漫头像」。但真正值钱的场景是：一条工作流把三个节点串起来，输入一句文案，输出一张可直接发布的完整海报。

[开始] → [文生图：生成底图] → [画板：叠加文字] → [图像处理：裁切] → [结束] 输入："AI 改变世界" 输出：一张 1080×1920 的成品海报

二、环境准备

画板节点目前是扣子独有功能，这也是选择扣子做图像自动化的核心原因——别的平台没有同等级的可视化排版节点。

三、实战：搭建海报自动生成流水线

目标：输入一句文案 + 风格关键词，输出一张 1080×1920 的手机海报。

3.1 开始节点：定义输入变量

3.2 代码节点：拼接文生图 Prompt

文生图需要英文 Prompt 效果更好（扣子的文生图模型对英文理解更准）。用一个代码节点做中译英+风格拼接：

3.3 文生图节点：生成底图

拖入文生图节点，配置：

• 模型：豆包 Seedream 4.0（免费额度内）
• Prompt：绑定 {{代码节点.imagePrompt}}
• 尺寸：1080 × 1920（9:16 竖版）
• 风格：自动

文生图节点输出一张图片 URL，这是整条流水线最耗时的一步——通常 5-15 秒。后面两个节点都是秒级处理。

3.4 画板节点：叠加文字排版

这是最关键的环节。画板节点需要配置一个画布，在上面放置文字和图片元素。

画布设置：

宽度：1080px 高度：1920px 背景：透明（把文生图节点的输出作为底层）

文字元素配置——主标题：

内容：{{代码节点.mainText}} 字体大小：72px 字体颜色：白色 位置：水平居中，垂直距顶部 600px 字体：思源黑体 Bold 阴影：开启（rgba(0,0,0,0.5), offset 2px）

文字元素配置——副标题（如果有）：

内容：{{开始.subtitle}} 字体大小：36px 字体颜色：rgba(255,255,255,0.8) 位置：水平居中，垂直距顶部 750px

画板节点的核心技巧是分层思维：底层是文生图输出的图片，上层是叠加的文字元素。文字颜色和阴影要根据底图色调调整——深色底用白字，浅色底用黑字。

3.5 图像处理节点：统一输出规格

画板输出后，加一个图像处理节点做最后的裁切和优化：

• 裁切模式：居中裁切
• 目标尺寸：1080 × 1920
• 输出格式：PNG（保留透明度）
• 质量：90%

这样确保即使文生图尺寸有偏差，最终输出始终是标准尺寸。

3.6 结束节点：返回海报链接

点击测试运行，输入 copytext="AI 改变世界", style="赛博朋克"，等待约 15-20 秒，一张完整的海报就出来了。

四、画板节点的 3 个踩坑细节

坑 1：文字元素层级顺序

画板节点里后添加的元素会覆盖先添加的。如果你先加文字再加底图，文字会被底图盖住看不见。正确顺序：先拖入底图元素，再拖入文字元素。

坑 2：字体大小不是像素

画板节点的字体大小单位不是绝对像素，而是基于画布宽度的相对单位。在 1080px 宽画布上设置 72 号字，在 1920px 宽画布上同样设置 72 号字，视觉效果一样——它会等比缩放。所以不同尺寸画布可以用同一套字号。

坑 3：文生图输出的格式

文生图节点不直接输出 image/png 而是输出一个图片 URL。画板节点接收的是 URL 字符串，不是二进制。如果你新增了一个代码节点试图在中间处理图片二进制数据，会发现根本拿不到——必须让文生图节点直连画板节点。

五、扩展玩法

基于这条基础流水线，可以衍生出很多变体：

• 批量海报：开始节点接收文案数组，循环调用文生图+画板
• 品牌模板：画板节点里放固定的 Logo 和品牌色，每次只换文案
• 多风格 A/B：一个文案生成赛博朋克和极简两种风格，最后合并输出
• 图文内容自动化：大模型先生成文案 → 画板排版 → 直接发布到小红书/公众号

这些都是在本文这条基础流水线上加节点和条件分支就能实现的，不需要推到重来。

六、总结

三个图像节点串起来，从一句文案到一张海报，全程自动化。相比手动打开三个工具切来切去，效率提升的不是 2 倍 3 倍——是从「手动」到「自动」的质变。

如果你想进一步做到定时自动生成+自动发布，可以把这条流水线接上触发器节点，再通过 HTTP 请求节点推送到飞书或公众号。本质上都是本文这条图像流水线的延伸。

关于作者：专注扣子工作流自动化实战，更多节点串联模板和进阶教程可搜索「米核AI易山」