分享一下,我是如何使用 AI ,为 Molday. 设计一套奖章的
总体上分成 4 个步骤:
1. 让 AI 探索不同的视觉风格(图1、2、3)
2. 生成多张风格一致的奖章(图3)
3. 让 AI 写脚本把奖章处理成尺寸一致的(图4、5)
4. 把图片添加到 App 里面(图6)
1️⃣步骤1
在开始前,我只知道我想要是类似于培养皿的图案,以符合 App 发霉的设定,但是我并不知道什么样的风格合适。
于是,我就简单描述了一下自己需求,让它开始生成(图1),在过程中,我会让它尝试不同的风格,尝试了很多次都不满意。
试了很多次之后,产生了一个毛绒绒风格的图案,我觉得还不错,看着也很像发霉的样子,于是就让它用这个风格生成更多的图案(图2)
不过,这个风格和 Molday. 的不是很搭,所以还是抛弃掉了。
但是我觉得中间产生的图案还挺好看的,所以就让它根据这些图案,生成风格不一致的图片(图3),最后采用了扁平化的风格。
2️⃣步骤2
确定好风格后,接下来就是,如何保持风格一致,生成多个图案不一样的图片。
我会创建很多个对话,在对话的开头把之前生成的图片,作为样例发给AI,让它继续生成图案不同的图片。
不同对话生成的图片质量不一样,有的好,有的差。这个时候我会用到 ChatGPT 的 Branch 功能,把效果好的对话,进行分叉创建很多新的对话,在新的对话里面继续生成。由于新对话有相同的上下文,所以生成的质量也会好一点。
不断的重复生成,就有几十张图片了。
这个基本就是一个苦力活了,偶尔需要给 AI 一些方向。
3️⃣步骤3
生成的图片有一些问题,无法直接放到 App 里面。
我要的图案是一个圆形,但是图片本身又只能是矩形,只不过有着透明的背景。
问题在于,不同的图片里的圆形,比例大小是不一样的。所以,即便我限制了不同图片外面矩形的尺寸保持一致,里面的图形大小却会不一样。
此外,有的圆形都不是正圆,甚至长了疙瘩。
(图4,左侧2张是处理前的,右侧2张是处理后的)
所以,我就需要对图片进行处理,一是让圆形和外面的矩形相切,这样能保证图片尺寸一致时,里面的圆形尺寸也会是一致的,以及把图形处理成正圆。
如果没有 AI,这件事处理起来不知道会有多复杂。
我把图片放到了一个文件夹里,然后跟 codex 说明了需求,让它写个脚本处理一下。
(原始对话找不到了,图4对话里的消息是为了演示新发的)
codex 先去查看了一下图片,然后就开始写代码了,写完代码运行后,它会去检查一下处理得怎么样。虽然中间几次没有处理的效果没有很好,但最后还是完成任务了。
4️⃣步骤4
最后,就是把图片拖到 App 的代码项目里面,让 AI 把它展示出来了。(图6)