AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

AIGC,即人工智能生成内容,是一种利用人工智能技术来生成内容的方法。AIGC 绘画是 AIGC 的一个分支。在过去的半年里,以 MidjourneyStable Diffusion 为代表的 AIGC 绘画迎来了爆发式增长,引发了一场生产力革命。

相关教程:

本篇文章基于平安银行 WoW Design 设计团队实际运用案例,带你了解 AIGC 绘画工具,让它们成为你辅助设计的神器。全文大纲如下:

  1. 设计提效
  2. 设计素材参考
  3. 节日海报设计
  4. 3D-IP 形象设计
  5. 运营图素材设计
  6. 页面运营图设计
  7. 后期处理

一、设计提效

当未使用 Midjourney 和 Stable Diffusion 时,通常设计师流程如下:

找设计参考图&设计草图/初稿→业务确认风格和草图→设计建模&细化设计→设计定稿

在设计参考阶段,设计师需要找大量的参考图,这一过程需要 0.5-1 天。设计师还需要有个大概的设计草图,这一过程至少也需要 0.5-1 天时间,然后设计师通过相应风格和线稿的草图再跟业务确认,是否符合业务的要求。

而有 AIGC 工具的辅助,可以极大地缩短找参考图及建模设计时间,同时也减少了与业务反复沟通确认的时间。如下流程所示:

AIGC 设计参考图→业务确认风格→设计草图&AIGC生成→设计优化→设计定稿

使用 Midjourney 生成设计参考图,可以快速与业务确认设计风格,绘制线稿草图后,通过 Stable Diffusion 直接生成设计图,设计师再做细节优化,大大提升了整个设计流程的效率。

二、设计素材参考

在设计前期,设计师刚接到需求,了解到画面内容元素,设计风格后,会在花瓣等网站找对应的参考图给业务方确认,这时候可能还要配合适当的草图来表现画面的构图、元素等。

但这样的参考图往往不能很好的传达设计师的设计想法,且找到合适图的耗时都会比较长,这时候如果通过 Midjonrney 输入相关关键词就可生成灵感参考图。

人物插画参考图:

(关键词:齐肩凌乱的头发、美丽的动漫女孩、发光,Carne Griffiths 和 Wadim Kashin 的艺术概念艺术,4k 分辨率,生物发光,3d 渲染,错综复杂的细节)

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

赛博朋克科技界面(关键词:虚拟增强现实网络、游戏角色,赛博朋克、霓虹灯的氛围,丙烯画,体积照明)

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

简笔宠物 logo(关键词:猫、logo、线稿、矢量、极简、等)

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

三、节日海报设计

节日海报我们以二十四节气为例,客户经理可以生成一些海报分享朋友圈。可以利用 Midjourney 能力,通过咒语直接生成一些精美的节气素材图片,然后再设计排版添加下文案等素材

我们以春分为例:

描述方法:

  1. a boy riding his bike with a kite flying under clouds, in the style of digital painting and drawing, yellow and azure, plein air landscapes, hand-drawn animation, illustration, windows xp, dusty piles --ar 41:73
  2. a cartoon picture of a boy riding a bicycle with a yellow kite, in the style of atmosphere landscapes, hand-drawn animation, conceptual painting, cloudcore, sky-blue and green, abstract landscapes, transparency and lightness --ar 41:73
  3. a man on a bike is flying a kite, in the style of digital fantasy landscapes, flat brushwork, stephen hillenburg, e. h. shepard, digital painting, cloudcore, gouache --ar 41:73
  4. a kite is flying in the air near a street scene, in the style of cartoon abstraction, pastoral landscape, speedpainting, atmospheric clouds, whimsical children's book illustrator, plein-air, transparency and lightness --ar 41:73

经过多次尝试生成,素材内容基本符合,但是风格上还是不太理想:

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

那我们在通过垫图(参考图),来优化下:

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

垫图后生成的效果就比较符合我们的要求了:

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

在通过添加相应的文案元素进行排版,得到一个氛围感满满的春分节气的海报:

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

四、3D-IP 形象设计

IP 设计如果是创造新的 IP,那可以通过 Midjourney 进行生成,说清楚你想要的 IP 的要求,Midjourney 可以给生成很多精美的 IP 形象。如下图

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

当然如果你对具体的 IP 形象有一定要求,Midjourney 生成的形象就很随机,不能满足你的需求。这时就需要先确定形象大概的轮廓及动作,使用 Stable Diffusion 来生成想要风格的 IP 形象。

我们以 WoW Design 的 IP 形象灯泡仔为例:

第一步:首先要绘制角色的线稿

根据我们 IP 形象绘制线稿,最好把草图转换成更精细的路径线稿,这样 control net 可以识别的更加准确。

相关教程:

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

第二步:选择合适的模型

因为我们是想做泡泡玛特风格的可爱 3d 风格的 ip 形象,在 civita 上我们找到对应的大模型和 lora 模型,这次我们选择的是:大模型:revanimated,Lora 模型:blinbox(模型不是绝对的,找到合适的风格即可)

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

第三步:反推线稿

运用 sd 反推功能,可以提取出线稿的关键词,我们再加以修正即可放到文生图功能使用。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

第四步:文生图+control net 插件控制外轮廓

反推得到关键词后,进一步根据生成效果调整关键词。再设置好选择的模型(注意 lora 模型有触发关键词,blonbox 的触发词是:chibi)

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

ps:这里必须用到 control net 插件,精准控制我们出图效果与线稿的一致性

出图总结

我们可以看一下从未选择 lora 模型-未添加 control net 插件到最终添加 control net 插件后的效果过程。当然还需要后期 ps 处理一些细节问题,以达到满意的效果。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

五、对公运营图素材设计

借助 AI 中台 AIGC 图片生成能力,我们正在打造全流程线上化工具,运营人员通过配置节日、风格、形象、动作等即可自动生成运营图。

1. 可以选择的设计草图示例

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

2. 生成的运营图

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

虽然生成的图可能细节上依然还是有些小问题,但是经优化后整体效果还是不错的。

下面是生成调整后的运营图和 c4d 建模制作的运营图的对比

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

六、页面运营图设计

行内自研工具「快站」可以完成 UI 界面的配置,只需使用现有的组件及相应的切图,无需开发即可配置所需要的活动或者 UI 页面。有了 AIGC 工具后,像页面中的 Banner 图也可以进行相应的快速生成配置。

快站中配置页面时,新增 Banner 组件,选择 AI 生成。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

进入 AI 生成运营 banner 编辑弹窗,可进行:风格选择、图片需求描述、主标题、副标题选项的输入,以生成所需要的 banner 效果。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

可以对相应风格进行选择,并输入对 banner 的图片需求进行生成。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

生成 Banner 后可输入主标题和副标题,实时预览 Banner 效果。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

使用 AI 生成的运营 banner,添加到页面后的效果预览。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

七、图像后期处理

在工作中一些插画、活动运营图,在分辨率、清晰度要求更高场景使用时,可以借助网上的 ai 放大工具,提升图片清晰度,节省重绘的人力 。

案例:某 kv 背景板设计,但临时需要运用在更大背景板上,直接放大设计文件,文件内的非矢量元素就会模糊,此时可以借助 AI 放大修复工具解决。

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

小结

Midjourney 和 Stable Diffusion 等 AIGC 绘图工具的崛起,导致很多设计师焦虑,担心被取代。

通过上面的案例可以看出 Midjourney 和 Stable Diffusion 只能完成项目中的一部分,或者一些临时应急对设计需求要求并不高的项目,如果要求较高还是需要设计师二次创作及相应的优化。

预想将来设计师使用的工具可能并不只是 Photoshop、Sketch 或者 Figma 等,可能是更多的来训练风格模型,然后快速生成设计所需的素材,再进行二次创作优化,快速出图提高人效。

AIGC 本质上还是提效辅助的工具,设计师需要去掌握更高超的操作技能。

欢迎关注作者微信公众号:「CO SPACE对公创新」

AIGC案例实操!平安银行设计师如何用 AI 提高工作效率?

收藏 83
点赞 62

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。