近半年,以Midjourney和Stable Diffusion为代表的AIGC绘画迎来爆发式发展,掀起了一场生产力革命。

Midjourney和Stable Diffusion强大的创造力和无与伦比的高效性,使设计师通过它们提升生产力成为了一定。
然而Midjourney和Stable Diffusion作为开放性工具,本身具有随机性与不可控性,很多设计师很难在事情中利用,仅沦为娱乐工具。

本篇文章基于网易ASAK设计团队实际利用案例,带你破除AIGC绘画工具的不可控性,让它们成为你设计路上披荆斩棘的神器。

通过Midjourney和Stable Diffusion已落地项目类型分类,全文大纲如下:

UI设计大年夜厂AI绘画实际运用案例

01 设计提效

02 活动弹窗设计

03 勋章图标设计

04 IP设计

05 KV/海报设计

06 场景设计

07 动画分镜设计

08 物料设计

09 设计师后记

设计提效

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

在设计参考阶段,设计师须要找大量的参考图,这一过程须要0.5-1天。
设计师基于设计参考,完成设计初稿,这一过程至少须要1天。

而Midjourney+Stable Diffusion在全体设计流程中,可以极大地缩短观点风格、设计初稿和设计终稿的反复沟通韶光。
下图所示:

利用Midjourney或Stable Diffusion直接天生设计图,设计师再做细节优化。
全体设计流程提升效率25-55%。

活动弹窗设计

先利用ChatGPT获取弹窗的设计思路,从多角度切入设计,使设计方案更完善,如下图所示:

通过ChatGPT剖析后,我们可以从中提取的关键词:黑金、高等感、精细、质感。

连续具象延伸,再添加宝石、光彩感、坚硬感和钻石等关键词。
为了让元素更加立体,可以带上3D和三维渲染器等干系关键词。

转化成对应的英文后,关键词如下:

Prompt: Shining gemstone, high class, noble sense, glory sense, 3D, hard, diamond, Octane Render

Negative prompt: Low saturation, deformity, sketch, blur

将初稿中的钻石图放进Stable Diffusion图生图功能。
输入关键词,重复幅度调到5以下,反复多批量产出后筛选出想要的结果,如下图所示:

通过Stable Diffusion天生更有质感和高等感的设计主体元素,节省大量设计细节的韶光。
下图为初稿、AI赞助和终稿:

勋章图标设计

Midjourney和Stable Diffusion也可以制作勋章图标。

勋章一样平常须要简化版和风雅版,用于不同尺寸的利用场景。

以网易大神梦幻西游武神坛勋章为例,借助Stable Diffusion,只须要输出简化版本的设计,让Stable Diffusion去深入刻画。

然后用天生最满意的图连续下一轮刻画,以达到最贴合自己需求的出图。

勋章自带名誉感属性,因此可以从这个思路出发,得到宝石、金属质感、闪耀感和高等感等关键词。
转化成对应的英文关键词如下:

Prompt: Metallic texture, Shining gemstone, high class, noble sense, glory sense, 3D, hard, diamond, Octane Render

Negative prompt: Low saturation, deformity, sketch, blur

输入对应的关键词后,得到设计图如下所示:

IP设计

在设计IP前期,设计师须要先确定IP的运用处景,根据运用处景来确定IP的角色动作。

在这一阶段,设计师可以通过Stable Diffusion输入干系动作的关键词,来提取灵感参考。

以网易大神IP霸哥为例,讲解如何用Stable Diffusion制作IP素材。

下图1是设计师手绘草稿,下图2是终极Stable Diffusion完成的IP。

第1步:绘制角色动作线稿

确定好角色动作后,开始给角色绘制草图线稿。
我们给霸哥设定的动作是单手持玩具枪,眼神坚毅地望向前方。
如下图所示:

把稳:草图线稿最好较为干净连贯,以免AI识别不完全,导致输出的图片出错(示例图的草稿还是有些随意,建议自己做的时候再风雅一点)。

第2步:选择并下载得当模型以及插件

这一阶段,我们须要结合IP形象的特点,有针对性地选择模型和插件。

考虑到霸哥形象整体呈圆形,风格偏可爱,捉住角色的这些特点,我们可以去到C站(civita)上选择相对应的模型。

我们选择的大模型是:MeinaMix;Lora插件是:blindbox。
(模型选择不是唯一的,有觉得适宜的也可以考试测验利用。

第3步:设置controlnet面板

在文生图界面,往下滑找到ControlNet这一栏(要先安装支配好controlnet插件),将绘制好的线稿草稿上传至相应位置。
并将启用勾选上,如果线稿图片背景为白色,可以把反色模式也一起勾选。

接着不才方的预处理器和模型上,选择好canny(边缘检测)以及control_any3_canny [95070f75]模型。

有时候模型显示不出来可以点击阁下的刷新按钮,刷新一下就有了,这一步非常主要,牢记不要忘却设置!
否则输出的模型会与线稿没什么关联。

设置好后,别的的参数可以不动,也可以根据自己的需求做调度。

第4步:输入关键词并设置参数

关键词如下图所示:

Prompt:(masterpiece),(best quality),(ultra-detailed), black body, thick red lips, The body is a black ball with thin arms, wearing white gloves on its hands It has round black eyes, and short legs with red shoes, Wearing a display screen on the head, Holding a toy gun in its hand <lora:blindbox_V1Mix:1>

Negative prompt:(worst quality, low quality, medium quality:1.4), low-res, (bad_prompt_version2:0.7), easy negative, bad-hands-5, red hands, white shoes, EasyNegative, text, blob

身体的颜色,手脚的颜色和嘴巴特色紧张描述了霸哥的形象特色。

采样方法(Sampler)上,由于我们想做的是三维模型,以是选择偏写实风格的DPM++2M Karras(该采样方法不唯一)。
别的参数没有特定哀求,可根据输出的图片效果灵巧调度。

第5步:产出图片/后期调度

前期出图可能效果会有些偏差,这时候可以灵巧调度一些参数,并多天生几次。
挑选出最靠近霸哥形态的图片进行后期处理即可。
下图为个中一个天生示意图:

KV/海报设计

1.KV设计

在设计前期,设计师希望得到的画面是:预言家在中央操控着邪术球,两边的邪术狼群环绕着她,然后中央散发光芒,头发飞舞为画面的核心。

个中风格关键词:暗黑风,神秘,狼人,夜晚,哥特。

结合chatpgt转化成故事描述,得到精准关键词。

按照Midjonrney的措辞描述:客不雅观描述+风格。

个中客不雅观描述如下:

A beautiful seer is holding a glowing magic ball in the center of the picture, with orange-red hair fluttering around her, surrounded by a group of transparent blue magic wolf heads

插画风格如下:

Illustration, Drawing, Hand-Drawn, Isometric, Saturated, Split-Complementary-Colors, 2-Dimensional, Rays of Shimmering Light

利用Midjonrney v5输入关键词后,不断调试后得到如下图所示:

上述图片风格非平面插画类,那么连续优化关键词,这次加入关键词:Graphic illustration(平面插画)重新放在Midjonrney里面,并且把引擎模型改成niji得到如下图:

将上述AI天生的图,给业务方评估风格,这样需求方可以更清晰直不雅观地觉得后续设计风格,有利于提出更有建议性的见地。
末了设计师从气氛、构图和整体细节进行调度。
完成线稿后,基于线稿快速实现设计终稿。

下图1为线稿,下图2为终极稿:

如果没有Midjourney的话,那么设计师至少须要出一版设计初稿给业务方,业务方根据设计初稿提修正见地。

有了Midjourney,可以快速实现脑海画面,拥有更多更快试错机会。

在这个流程中Midjourney承担着设计初稿的实行角色。

2.海报设计

设计团队接到狼人杀游戏赛事的3张倒计时天数海报。

需求风格:暗黑哥特漫画风格手绘。

业务方希望设计交付韶光为3-4天。
然而一张纯手绘的韶光须要2天(三张则是6天),韶光完备不足,以是须要借助AIGC来提高效率,做到定时交付。

接到需求后,设计开始了前期提案。
先用Midjourney完成我们的设计表达,让需求方更清晰直不雅观地觉得到设计稿的风格感。

我们以倒计时还有1天的海报为例。

第1步:实现脑海画面

海报构思画面:狼人变身,一条光柱表示1的形式。
关键词如下:

A transformed beam of light soars into the sky, amazing Abigail Larson style, Illustration, Hand-Drawn, Macro, Depth of Field, Dichromatism, 2-Dimensional --iw 0.5 --s 1000 --ar 9:16

画面重点关键词:光柱

虽然上述天生效果图不太完美,但可以让需求方更清晰直不雅观地觉得到设计稿的方向。

第2步:根据已确认方向,背景图制作

由于古堡和大玉轮构图已较为常见,以是我们直接用Midjourney进行根本的背景绘制,关键词如下:

Abigail Larson, an original painting of a scene, a broken village in the middle of the night, a white full moon in the night sky, clouds and mist around the moon, dark blue background --ar 2:4

画面重点关键词:古堡,玉轮。

第3步:终极细化绘制,完成作品

从天生图中挑选数张,选取每一张突出的地方进行合成、重制笔触和添加细节后,得到如下图所示的背景图:

末了加上狼人和光束变身殊效后,进行大略排版就完成了终稿。

倒计时还有2天和3天利用类似上文kv设计思路,终极三张交付稿如下所示:

按照传统提案过程,须要探求大量参考,然后合成拼凑出一张靠近效果的图,三张海报的提案须要大概1.5天。

现在利用Midjourney进行批量出图,写出对应的关键词,出来的效果非常靠近末了呈现的觉得,0.5天就能完成三张提案效果图。
并且需求方能清楚理解到末了效果,更快做出审核。

三张手绘倒计时海报,在Midjourney赞助下,从7天旁边的事情量缩减到3-4天,对付设计和质量都有较为正向的反馈,值得连续深入研究并在事情中推广。

场景设计

1.倩女幽魂虚拟演播厅

以倩女幽魂演播厅观点图设计为例,讲解Midjourney是如何定向掌握,天生设计师和业务方想要的设计稿。

倩女幽魂这次的太一斗魂坛,需求方想要的风格元素是唐朝建筑、墨子机关元素和整体以赤色建筑为主。

设计师开始考试测验用Midjourney做前期框架搭建。

第1步:关键词天生观点图

开始以雄伟的中国式建筑和赤色机关等关键词跑图。
对应的关键描述如下:

Chinese palaces surround the central stage, there are mechanical gears on the building, Chinese style, red, Volume cloud, Volume light

然后调度关键词如下图所示:

Many red Chinese-style buildings surround the central stage, and there are mechanical gears on the buildings, clear structure, Volume cloud as background, Magnificent atmosphere, Unreal Engine 4

天生新的观点图如下图所示:

第2步:优化关键词

上述天生的观点图虽然有赤色中国风建筑和机关元素,但擂台的觉得不足强烈,短缺建筑缠绕的觉得。

重新修正了关键词加入擂台和建筑环抱中央舞台等元素,关键词如下:

Many red Chinese-style buildings surround the central stage, and there are mechanical gears on the buildings, Clear structure, Volume cloud as background, Magnificent atmosphere, Unreal Engine4, --ar 16:9

第3步:精选效果图合成初稿

上面几张观点图已经比较靠近我们想要的效果。

末了设计师进行二次修正、合成和手绘后得到设计稿,如下图所示:

第4步:Midjourney快速修正

需求方审核后,须要临时调度全体构图,画面改成悬空建筑擂台,空中须要漂浮的岩石,以是我们修正了关键词为悬空擂台、漂浮在空中的中国风建筑等。
关键词如下:

A piece of Chinese architecture floating in the sky, the building is built on floating rocks, the center of the rock is a stage, and the buildings surround the stage --ar 16:9

这次改动如果不借助Midjourney,我们就要大面积重新制作,而利用Midjourney来制作浮空岛的场景,只须要将我们之前合成好的建筑场景后期更换进去。

经由多张类似的推演,我们得到了一张适宜通过后期手绘合成的图,做出的设计图如下所示:

设计稿经由需求方顺利通过后。
交付给AR部门进行舞台搭建事情。

第5步:AR虚拟搭建演播厅

AR部门搭建演播厅的设计图,如下所示:

下图虚拟演播厅中的讲授桌也是利用类似的AI赞助流程完成的制作:

2.AR氛围观点参考

AR技能在电竞赛事运用中已经相称遍及,AR即增强现实,为电竞供应了全新表现形式。

这次永劫无间赛事,由于园地空间的限定,设计师希望通过AR场景与舞台效果结合,让不雅观众和用户有更好的不雅观赛体验。

第1步:投喂风格图

用前期赛事KV草图和官方观点图投喂到Midjourney中,下图为投喂图:

第2步:天生场景图

合营关键词如下:

Mountain forest style, concept art, sunshine, been invaded, god ray, there is Tiger Mountain in the distance, and there is a waterfall on the mountain on the right, high detail, hyper quality, scene type, high resolution, with waterfall, forest style, sunshine, god ray, scene type, waterfall on the right, concept art, and stage in the mid shot, foreground close to water, wooden bridge in the foreground, dilapidated wooden bridge, tiger mountain and bandits in the foreground, --ar 16:9

我们成功地天生了山林主题的场景观点图,如下图所示:

第3步:合成初步效果

结合赛事舞台设计制作的渲染图,如下所示:

将Midjourney天生的观点图与舞台设计制作的渲染图合成后,终极的舞台整体效果,如下:

第4步:三维建模和UE场景搭建

在上述根本上,进行三维模型制作以及UE场景搭建,形成终极的赛事场景效果图,如下图所示:

动画分镜设计

设计师手绘的动画分镜图,如下图所示:

上述分镜较为简陋,考试测验利用Stable Diffusion来进行上色优化。

第1步:优化controlnet可识别范围

根据已有手绘分镜,按照运用处景利用controlnet插件功能:seg(语意分割)和canny(线稿)。
这两个功能在脚本利用中频率较高。

第2步:办法①利用controlnet的语意分割功能,实现画面分区

手绘分镜的P1/P5/P9/P10利用的是seg功能。
通过在Photoshop中划分颜色来见告AI这部分要的是什么物体。

以P8为例,两侧为墙壁 #787878,地面为地板#503232,中间为人物#96053e(可通过ADE20K_classes表格来获取色值信息)。

在手绘图上大概划分好颜色区域后添加到Stable Diffusion的controlnet中,由于我们在Photoshop中已经做了一些前期事情,以是就不用启用预处理模式,直接选择seg模型然后预处理。

开始添加tag,我们拿到的脚本是角色慌张地逃跑,那么我们可以优化为“有一个在往前跑,阴郁深处,神秘,紫色等词来描述翻译后得到:There is a person running back, deep in the dark, mysterious, purple. Tag交给Stable Diffusion来天生。

第2步:办法②运用controlnet的线稿功能,进行区域上色

以手绘P12为例,我们利用的是canny(线稿)模式。
直接把草图给到controlnet,优化词为:紫色的章鱼触手从地面出来、碎石、破碎、两颗棋子。
翻译后得到英文关键词如下:

Purple octopus tentacles come out of the ground, gravel, broken, two pawns

上图中的P6是符合我们的需求,将P6利用图生图中做二次细化,如下图所示:

第3步:上色氛围分镜输出

利用Stable Diffusion来进行上色氛围,让需求方更直不雅观地理解全体分镜效果,同时可以为后续视觉静态稿供应氛围参考。

物料设计

游戏赛事中的奖杯是设计需求中不可或缺的一环。
设计师可以利用Midjourney和Stable Diffusion进行大量的前期素材储备。

以下是需求之外,完成对赛事奖杯的素材储备。

第1步:利用Midjourney天生灵感素材

下图是利用Midjourney天生的各种奖杯观点图。

第2步:绘制草图

根据Midjourney天生的观点图,设计师手绘天生奖品草图。

第3步:Stable Diffusion二次创作

根据草图,利用Stable Diffusion精准掌握上色,完成终极的奖杯素材,如下图所示:

这些储备可以为后期其他设计项目供应素材,进一步提升设计效率。

设计师后记

Midjourney和Stable Diffusion的崛起,导致很多设计师焦虑,担心被取代。
通过上面的案例可以看出Midjourney和Stable Diffusion只能完成项目中的一部分,无法做到独立完成项目,都须要设计师二次创作。

早期UI设计师的工具是Photoshop。
后面涌现高效的Sketch。
到如今设计师利用更高效的协同工具Figma。

而AIGC实质上还是提效赞助工具,须要设计师去节制更高超的操作技能。

决定设计的成败从来是人,而不是工具。