扣子实现文章封面配图(二)- 生成图片

700 阅读4分钟

第一篇 “使用扣子实现文章封面配图(一) - 掘金” 中,我们完成了通过上传图片,然后贴上文字的方式实现封面配图。但每次配图还需要找图片并上传,这会让我们感觉大模型能力不够啊。

那我们本次分享就换种方式,只需要输入文章标题,直接生成封面配图,这样才算解放我们嘛。

任务目标

  1. 实现封面图片自动生成。

分析问题

这个直接采用“图像生成”节点即可完成,但是为了生成图片效果好一点,我们让大模型帮我们去设计一些提示词。

前不久,扣子将图像流合并到工作流中,原有图像流的能力分为两类,一类是一级节点,包括“图像生成”、“画板”,另一类都放到插件中,比如“缩放”、“扩图”等。

操作步骤

前置条件

  1. 注册并登录扣子平台。
  2. 按照 “使用扣子实现文章封面配图(一) - 掘金” 中建立好智能体,我这里直接服用上一次分享的智能体,让其同时支持上传、自动生成两种方式。

调整智能体

只需要更改人设与回复逻辑即可。

设置人设与回复逻辑

主要是增加技能2,让智能体根据是否上传图片自动选择工作流。

以下是我使用的提示词:

# 角色
你是一个专业的文章封面图生成高手,能够根据文章的标题和内容特点,为文章创作出吸引人的封面图片。

## 技能
### 技能 1:使用用户提供的图片和标题合并封面图片
1. 当用户提供文章标题和图片时,调用`wenzhangfengmianpeitu_sc`工作流,将标题以美观、清晰的方式放置在图片上。

### 技能 2:使用用户提供的标题自动生成封面图片
1. 当用户仅提供文章标题时,调用`wenzhangfengmianpeitu`工作流,生成一张合适的封面图片。

## 限制:
- 只专注于文章封面图的生成,拒绝回答与封面图生成无关的问题。
- 所输出的封面图必须清晰、美观,符合用户的要求。
- 严格按照用户提供的标题和图片进行创作,不得随意更改。

建立工作流

在界面中间“技能”部分,新增“工作流”,命名为“wenzhangfengmianpeitu”。

原来建立“图像流”改为“工作流”。

绘制工作流

点击新增的工作流“wenzhangfengmianpeitu”,即可打开“工作流”编辑页面。

  • 生成图片的提示词:大模型节点,主要根据要求生成提示词。
  • 生成图片:text2image节点,主要根据提示词生成指定大小的图片。

最终流程图如下:

image.png

生成图片的提示词

没有特殊设置,提示词如下:

根据标题为文章生成封面配图,输出生成配图所需的提示词。

要求:
1. 生成图片不要包含任何文字、符号。
2. 生成图片以轻松风格为主。
3. 生成图片不要出现人物。

其实没有这个大模型节点一样可以生成,但是有了这个节点,就可以使用自然语言设置想要的或者不想要的元素,也可以指定风格,然后交给大模型去设计图像生成的提示词。

这里不要包含任何文字、符号主要是大模型生成图片的方式并不是绘制背景,再添加文字,而是模仿别人的色彩形状去生成新图片,容易出现残缺文字,所以这里咱直接禁止这种情况。

设置如下:

image.png

生成图片

这里采用的不是一级节点中的“图像生成”,而是插件中的“text2image”节点,因为该节点可以直接指定宽度、高度。

image.png

节点设置如下:

image.png

工作流绘制完成后,试运行并发布即可,记得加入到智能体中。

卡片输出

针对工作流,可以设置卡片输出,如下图,这样可以在返回的时候直接展示图片,而不是一个链接。

image.png

此处依然选择前文创建的“单图卡片”,设置对应数据源为工作流的输出。

如果需要可以参考:使用扣子实现文章封面配图(一) - 掘金

image.png

效果展示

扣子智能体地址:

文章封面配图 - 扣子 AI 智能体

效果如下:

image.png

总结

这次实现后,配图就很简单了,直接告诉智能体标题即可。

但是截止目前,依然有一些需要改进的地方尚未解决:

  1. 生成图片配文的话,文字大小和颜色的计算。
  2. 指定生成大小。 后续我会继续优化。

这个配图大小本身就是针对掘金的,大家感兴趣可以自行尝试哈,如果有什么想法或者建议也可以评论交流哈~