AIGC实战案例!兔年活动主视觉设计流程拆解

本期给大家带来的案例是做一套春节主视觉设计,以 2023 年兔年为主题进行创作,背景是春节期间的各种大促活动,吸引用户参与活动。下面我会以这个需求进行设计延展,全程 Midjourney 辅助设计,各位看官请坐好,准备发车了!

往期应用场景:

一、关键词拆解与参考

在明确需求背景之后(春节兔年活动主题),我们可以先使用 ChatGPT 辅助我们拆解一下设计元素的关键词,可以输入“制作兔年春节活动设计的设计元素都有哪些”提问:

AIGC实战案例!兔年活动主视觉设计流程拆解

通过 ChatGPT 得到了兔子形象、红色与金色、福字、灯笼等关键词,我们把这些关键词进行整理归纳,还可以根据春节常用的元素补充一下,比如金元宝、红包等:

AIGC实战案例!兔年活动主视觉设计流程拆解

二、活动弹窗设计

这次案例以弹窗设计思路为主。在对关键词进行提取后,我们还需要参考优秀案例来确定主视觉的基调和风格。这些案例不仅帮助我们确定整体方向,还可以为我们提供了创意灵感,以下是一些优秀案例供参考:

AIGC实战案例!兔年活动主视觉设计流程拆解

1. 确定风格及元素拆解

基于弹窗的属性以及上述的案例参考,我们可以确定弹窗风格为:中国风背景墙加上主体元素以及装饰元素。

接下来我们就要开始使用 Midjourney 辅助设计了,我们先梳理一下 3 种常用的 MJ 出图方法:

AIGC实战案例!兔年活动主视觉设计流程拆解

  1. 关键词直出:图片效果完全由关键词主导,且图片中的大部分元素为国外设计风格,出图可控性差。
  2. 垫图+关键词:可控制图片效果,通过控制--iw 参数调整垫图权重(参数越大,最终效果与垫图越相似,一般用--iw 2)
  3. 图生图:通过多张图片融合,MJ 自动生成图,图片效果与喂图有关(需要多张风格相似的图片才能保证最终出图效果稳定)

基于上面这 3 种出图方法,我们基本可以排除“关键词直出”这个方法,因为我们的主题是属于国内的春节风,MJ 目前还不能准确的生成中国风元素(以下是关键词直出的灯笼元素)。

Chinese lantern, 3D, clay, Cartoon, Nintendo, Lovely, smooth, Luster, Red and gold, Gradient color, The highest detail, The best quality, HD, 8K --niji 5

中国风灯笼,3D,粘土,卡通,任天堂,可爱,光滑,光泽,红色和金色,渐变颜色,最高的细节,最好的质量,高清,8K

AIGC实战案例!兔年活动主视觉设计流程拆解

“垫图+关键词”和“图生图”这两种方法是首选,我们只需要找图喂图即可,而且还能控制出图风格。

接下来我们需要考虑如何制作弹窗。根据我们的需求和优秀案例参考,将 Midjourney 直接生成匹配度高的图片可能比较困难。因此,我们可以采用另外一种思路,让 Midjourney 生成单个元素,然后我们可以在后期进行合成和优化。这种方法具有极高的可控性,可以更好地满足我们的需求。

我们回到前面拆解出来的关键词:兔子、灯笼、红包、福袋、金元宝。针对这些元素去找优质的素材,这些不仅仅是我们的灵感参考,还会是垫图最重要的一步。

AIGC实战案例!兔年活动主视觉设计流程拆解

2. Midjourney 辅助生成素材

①背景墙生成

这个元素使用“/blend”融图方法是很快的,用关键词描述等方法需要大量的测试,且关键词的描写也是一个比较麻烦的事情,基于此,我使用融图得到的图片效果还不错,有一个大体的形状。

把参考图粗暴的处理一下,把文字、不必要的元素都去掉,只需留下这个物体的形即可。

AIGC实战案例!兔年活动主视觉设计流程拆解

使用“/blend”命令,把这两张图上传上去,模型默认是--v 5.2,可以一次性多刷几组图片出来。

AIGC实战案例!兔年活动主视觉设计流程拆解

接着我们需要使用 PS 优化这个背景元素,直出的图我们还是没法直接使用,但是效果已经出来了,可以用合成的方式把多个好的细节融合,我推荐使用 PS Beta 辅助设计,非常的高效。

初步把两个元素拼接一起,可以多张图片融合,具体看手中的素材:

AIGC实战案例!兔年活动主视觉设计流程拆解

接着继续优化,可选中拼接处使用 PS Beta 的“创意式填充”,以及优化不必要的元素,最终整体润色一下,就完成了背景元素的设计:

AIGC实战案例!兔年活动主视觉设计流程拆解

②主体兔子生成

生成吉祥物使用垫图+关键词的方法是最合适的,关键词也可以直出,垫图是为了控制角色风格。

可以多垫几张图,切记风格风格要保持一致。--iw 参数根据实际效果进行调整。

Cute little rabbit, Yellow background, lantern, auspicious cloud, lucky bag, 3D, clay, Cartoon, Nintendo, Lovely, smooth, Luster, Red and gold, Gradient color, The highest detail, The best quality, HD, 8K --niji 5 --iw 2

可爱的小兔子,黄色背景,灯笼,祥云,幸运袋,3D,粘土,卡通,任天堂,可爱,光滑,光泽,红色和金色,渐变颜色,最高的细节,最好的质量,高清,8K

AIGC实战案例!兔年活动主视觉设计流程拆解

目前 MJ 的随机性很高,跑了大量的素材才得到几张能用的。同样的操作,使用 PS Beta 优化兔子元素。我使用了兔子 1 的头+兔子 2 的身体合成为第一版兔子元素:

AIGC实战案例!兔年活动主视觉设计流程拆解

接着我们对整体物的细节进行调整,比如脸部、手等,最后我们就得到了一个兔子 IP 形象。

AIGC实战案例!兔年活动主视觉设计流程拆解

③春节背景图生成

这种背景素材也不需要我们写关键词这样繁琐的操作,使用“/blend”融图功能即可,可上传多张图片(支持最大 5 张图片上传),需要注意的是上传的图片比例要一致。以下是我找到的背景素材:

AIGC实战案例!兔年活动主视觉设计流程拆解

由于本次弹窗设计中背景素材并不突出,这里就选中一张效果差不多的图片,不用过多处理细节。

AIGC实战案例!兔年活动主视觉设计流程拆解

④他元素生成

灯笼、红包、福袋、金元宝这些元素都可以使用垫图+关键词的方法操作,用以下万金油关键词即可:

lantern, 3D, clay, Cartoon, Nintendo, Lovely, smooth, Luster, Red and gold, Gradient color, The highest detail, The best quality, HD, 8K --niji 5 --iw 2

灯笼,3D,粘土,卡通,任天堂,可爱,光滑,光泽,红色和金色,渐变颜色,最高的细节,最好的质量,高清,8K

注意需要使用--niji 5 模型!!

AIGC实战案例!兔年活动主视觉设计流程拆解

3. 弹窗视觉合成

在前面各个元素生成优化之后,开始进行弹窗合成。

先把背景做好,用前面生成的背景元素及背景图合成:

AIGC实战案例!兔年活动主视觉设计流程拆解

加上我们的兔子吉祥物。

AIGC实战案例!兔年活动主视觉设计流程拆解

加上其他的装饰元素。

AIGC实战案例!兔年活动主视觉设计流程拆解

最后打上文字,以及整体的色彩调整,基本上视觉设计这块就大功告成了。

AIGC实战案例!兔年活动主视觉设计流程拆解

加上 UI 按钮组件,这一个视觉弹窗就做好了,可以对比一下参考案例以及最终用 AI 设计的弹窗,整体效果上还是达到了一个可落地的水平,至于细节之处可以继续优化,整体做下来时间差不多是 2-3 个小时,可节省 60%-70%的时间。

AIGC实战案例!兔年活动主视觉设计流程拆解

三、视觉延展

1. H5 专题页设计

我们还可以在上述设计基础上进行视觉延展,应用到活动 H5 页面中。通过优秀案例参考我们可以得出一些元素的扩展,比如礼物盒、红包、福袋等这些图标作为流量分发入口。

AIGC实战案例!兔年活动主视觉设计流程拆解

这些元素在 Midjourney 中是很简单生成的,我们可以根据元素特性进行关键词描述,下面是一组生成礼物盒的关键词,其中「黄色和红色、3D 卡通」关键词是重点:

gift box, 3d icon, cartoon, clay, rendering, smooth and shiny! Cute,isometric, yellow and red, whitebackground, HD, 3D --niji 5 --q 2

礼盒,3d 图标,卡通,粘土,渲染,光滑闪亮!可爱,等距,黄色和红色,白色背景,高清,3D

AIGC实战案例!兔年活动主视觉设计流程拆解

在上述关键词基础上,只需要修改主体物关键词即可得到其他元素素材,注意像灯笼、福袋这些关键词还是需要垫图才行。

AIGC实战案例!兔年活动主视觉设计流程拆解

经过后期的优化处理,我们就得到了这些素材:

AIGC实战案例!兔年活动主视觉设计流程拆解

最后进行整体的排版设计,即可做出 APP 开屏页面以及 H5 活动页。

AIGC实战案例!兔年活动主视觉设计流程拆解

2. 其他物料延展

基于上述主视觉设计,我们还可以延展出 banner 海报设计:

AIGC实战案例!兔年活动主视觉设计流程拆解

最后,一下来看下本篇文章的全部设计吧!

AIGC实战案例!兔年活动主视觉设计流程拆解

以上就是这期春节主视觉设计的完整流程啦!通过引入 AI 辅助完成主视觉素材设计,可以为我们设计师节省了大量时间。后续我会继续给大家分享落地项目相关教程,我们下期见~

四、总结

随着 AI 技术的飞速发展,设计师们迎来了更多的可能性。AI 为我们带来了便捷和创造性的潜力,尤其在三维质感的运营主视觉方面,AI 可以辅助设计师完成大量的素材设计,可节省设计师大量的时间。然而,要想真正熟练掌握 AIGC 技术并将其落地于设计工作中,设计师们需要拥有良好的审美能力与技能基础。

虽然 AI 能为我们提供非常惊艳的作品,但真正出色的设计离不开设计师的创意和想法。AI 提供的图片只是工具,设计师们需要将其巧妙结合,实现项目落地,这将更加考验设计师们的专业技能。AI 虽然是强大的工具,但最终还需要设计师的审美、创意和设计执行能力。

希望本篇文章,能为大家提供一些启发,共同努力进步!通过 AI 在设计工作中的应用与设计师能力的重要性的探索,我们可以发现更多创意与设计的可能性。设计师们应该勇于探索与尝试,发掘 AI 对我们工作帮助的多种方法,共同努力进步!

收藏 195
点赞 79

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