设计提效
当未使用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步:**选择并下载合适模型以及插件**
第3步:设置controlnet面板
第**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第**5步:产出图片/后期调整**
KV/海报设计
1.KV设计
2.海报设计
需求风格:暗黑哥特漫画风格手绘。 业务方希望设计交付时间为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步**:根据已确认方向,背景图制作**
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**步:优化**关键词
第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步:合成初步效果
第4步:**三维建模和UE场景搭建**
动画分镜设计
设计师手绘的动画分镜图,如下图所示: 上述分镜较为简陋,尝试运用Stable Diffusion来进行上色优化。第1步:**优化controlnet可识别范围**
第2步:**方式①使用controlnet的语意分割功能,实现画面分区**
以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的线稿功能,进行区域上色
Purple octopus tentacles come out of the ground, gravel, broken, two pawns 上图中的P6是符合我们的需求,将P6使用图生图中做二次细化,如下图所示:
第3**步:**上色氛围分镜输出
物料设计
游戏赛事中的奖杯是设计需求中不可或缺的一环。设计师可以利用Midjourney和Stable Diffusion进行大量的前期素材储备。 以下是需求之外,完成对赛事奖杯的素材储备。第1**步:**使用Midjourney生成灵感素材
下图是使用Midjourney生成的各种奖杯概念图。第2**步:绘制草图**
第3**步:**Stable Diffusion二次创作
设计师后记
Midjourney和Stable Diffusion的崛起,导致很多设计师焦虑,担心被取代。通过上面的案例可以看出Midjourney和Stable Diffusion只能完成项目中的一部分,无法做到独立完成项目,都需要设计师二次创作。早期UI设计师的工具是Photoshop。后面出现高效的Sketch。到如今设计师使用更高效的协同工具Figma。 而AIGC本质上还是提效辅助工具,需要设计师去掌握更高超的操作技能。 决定设计的成败从来是人,而不是工具。