AIGC设计落地实操案例详解MySecretRainbow

AIGC全称AIGeneratedContent,是利用人工智能技术来生成内容,AIGC绘画属于AIGC的分支。

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

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

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

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

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

使用Midjourney或StableDiffusion直接生成设计图,设计师再做细节优化。整个设计流程提升效率25-55%。

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

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

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

Prompt:Shininggemstone,highclass,noblesense,glorysense,3D,hard,diamond,OctaneRender

Negativeprompt:Lowsaturation,deformity,sketch,blur

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

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

勋章一般需要简化版和精细版,用于不同尺寸的使用场景。

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

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

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

Prompt:Metallictexture,Shininggemstone,highclass,noblesense,glorysense,3D,hard,diamond,OctaneRender

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

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

下图1是设计师手绘草稿,下图2是最终StableDiffusion完成的IP。

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

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

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

第2步:选择并下载合适模型以及插件

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

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

我们选择的大模型是:MeinaMix;Lora插件是:blindbox。(模型选择不是唯一的,有感觉适合的也可以尝试使用。)

第3步:设置controlnet面板

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

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

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

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

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

关键词如下图所示:

Prompt:(masterpiece),(bestquality),(ultra-detailed),blackbody,thickredlips,Thebodyisablackballwiththinarms,wearingwhiteglovesonitshandsIthasroundblackeyes,andshortlegswithredshoes,Wearingadisplayscreenonthehead,Holdingatoyguninitshand

Negativeprompt:(worstquality,lowquality,mediumquality:1.4),low-res,(bad_prompt_version2:0.7),easynegative,bad-hands-5,redhands,whiteshoes,EasyNegative,text,blob

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

采样方法(Sampler)上,因为我们想做的是三维模型,所以选择偏写实风格的DPM++2MKarras(该采样方法不唯一)。其余参数没有特定要求,可根据输出的图片效果灵活调整。

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

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

1.KV设计

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

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

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

按照Midjonrney的语言描述:客观描述+风格。

其中客观描述如下:

Abeautifulseerisholdingaglowingmagicballinthecenterofthepicture,withorange-redhairflutteringaroundher,surroundedbyagroupoftransparentbluemagicwolfheads

插画风格如下:

Illustration,Drawing,Hand-Drawn,Isometric,Saturated,Split-Complementary-Colors,2-Dimensional,RaysofShimmeringLight

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

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

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

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

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

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

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

2.海报设计

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

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

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

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

第1步:实现脑海画面

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

画面重点关键词:光柱

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

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

因为古堡和大月亮构图已较为常见,所以我们直接用Midjourney进行基础的背景绘制,关键词如下:

画面重点关键词:古堡,月亮。

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

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

最后加上狼人和光束变身特效后,进行简单排版就完成了终稿。

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

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

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

三张手绘倒计时海报,在Midjourney辅助下,从7天左右的工作量缩减到3-4天,对于设计和质量都有较为正向的反馈,值得继续深入研究并在工作中推广。

1.倩女幽魂虚拟演播厅

以倩女幽魂演播厅概念图设计为例,讲解Midjourney是如何定向控制,生成设计师和业务方想要的设计稿。

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

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

第1步:关键词生成概念图

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

ManyredChinese-stylebuildingssurroundthecentralstage,andtherearemechanicalgearsonthebuildings,clearstructure,Volumecloudasbackground,Magnificentatmosphere,UnrealEngine4

生成新的概念图如下图所示:

第2步:优化关键词

上述生成的概念图虽然有红色中国风建筑和机关元素,但擂台的感觉不够强烈,缺少建筑缠绕的感觉。

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

上面几张概念图已经比较接近我们想要的效果。

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

第4步:Midjourney快速修改

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

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

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

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

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

下图虚拟演播厅中的解说桌也是使用类似的AI辅助流程完成的制作:

2.AR氛围概念参考

AR技术在电竞赛事应用中已经相当普及,AR即增强现实,为电竞提供了全新表现形式。

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

第1步:投喂风格图

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

第2步:生成场景图

配合关键词如下:

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

第3步:合成初步效果

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

将Midjourney生成的概念图与舞台设计制作的渲染图合成后,最终的舞台整体效果,如下:

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

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

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

上述分镜较为简陋,尝试运用StableDiffusion来进行上色优化。

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

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

第2步:方式①使用controlnet的语意分割功能,实现画面分区

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

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

在手绘图上大概划分好颜色区域后添加到StableDiffusion的controlnet中,因为我们在Photoshop中已经做了一些前期工作,所以就不用启用预处理模式,直接选择seg模型然后预处理。

开始添加tag,我们拿到的脚本是角色慌张地逃跑,那么我们可以优化为“有一个在往前跑,黑暗深处,神秘,紫色等词来描述翻译后得到:Thereisapersonrunningback,deepinthedark,mysterious,purple.Tag交给StableDiffusion来生成。

第2步:方式②应用controlnet的线稿功能,进行区域上色

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

Purpleoctopustentaclescomeoutoftheground,gravel,broken,twopawns

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

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

运用StableDiffusion来进行上色氛围,让需求方更直观地了解整个分镜效果,同时可以为后续视觉静态稿提供氛围参考。

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

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

第1步:使用Midjourney生成灵感素材

下图是使用Midjourney生成的各种奖杯概念图。

第2步:绘制草图

根据Midjourney生成的概念图,设计师手绘生成奖品草图。

第3步:StableDiffusion二次创作

根据草图,使用StableDiffusion精准控制上色,完成最终的奖杯素材,如下图所示:

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

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

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

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

THE END
1.咱厝大学生推广家乡传统文化利用AR海报让南音动起来这组AR海报分为六幅 用互动媒体技术 传播家乡文化 潘丹滢将南音文化总结为“缘起—乐人—乐事—乐器”四个部分。南音AR海报主要由AR动态海报、音乐可视化视频、科普折页三部分组成,采用现代和传统结合的视觉方式,直接地让人们感受、了解南音以及背后的故事。演示时,海报中颇具设计感的双手拨动琴弦,乐器旁的水纹荡起涟漪https://m.qzwb.com/gb/content/2021-07/14/content_7096932.htm
2.使用无间AR开发一个电影《长津湖》的海报AR效果2.5 预览AR demo。 在本地调试时用edge或chrome有点问题,建议使用火狐。 打开网址 http://127.0.0.1:3001/ 。 授权打开摄像头后,对着海报识别,识别成功后,长津湖预告视频就可以播放了。 9-6.jpg 修改后的源码地址: https://gitee.com/wujianar/cjh-ardemohttps://www.jianshu.com/p/22cb0450464d
3.AR应用制作让你的营销手段更具创造力!1. AR产品演示: 利用AR应用程序来展示您的产品或服务。用户可以使用手机或AR眼镜查看产品的3D模型,旋转、放大或缩小产品以更好地了解其特性和功能。这对于电子产品、家具、汽车等领域非常有用。 2. 互动广告海报: 在传统海报或广告牌上嵌入AR元素,使人们可以使用AR应用程序扫描海报以获取额外信息、视频广告或特殊优http://www.apppark.cn/mobile/news_t_48030.html
4.未来的我AR交互式海报奔儿喽晨未来的我AR交互式海报 奔儿喽晨 墨尔本/UI设计师/1年前/86浏览 版权 使用Adobe Aero制作的AR交互式海报,主题为2043年的我,可以扫码下载移动端Adobe Aero查看效果 Current Time0:00 / Duration Time-:- Progress: NaN% Playback Rate 1.00x 原创作品UIAPP界面ar海报adobe aero交互海报未来虚拟增强现实https://www.zcool.com.cn/work/ZNjY3OTE1MTY=.html
5.动效灵感宜家AR家居应用宣传片短视频,宣传片,海报/平面广告案例简介:https://vimeo.com/523424046Kühl & Han为宜家打造的一个AR智能应用宣传片,视频将宜家的居家生活知识与空间计算的最结合在一起,使用户能够测量,设计和共享家中的空间。基本信息 创作者 案例详情 基本信息 广告品牌: 宜家 发布日期: 2021-05 https://www.adguider.com/case?id=aef6bb0c1e604b6cbf29316a4c6d3551
6.我们试用了这款能做出AR蝎灵的app,效果真心好的出乎意料!潮Zappar官网上各种各样的AR素材 在手机上下载了Zappar的app之后打开,它会出现一个“scanning”(扫描中)的界面。这时候,你就将自己选好的图片下方二维码对准扫描框。下面,就是见证奇迹的时刻了。 Zappar中出现的“scanning”(扫描中)的界面 我们选中的是电影《快乐的大脚》的海报。 https://36kr.com/p/1721419120641
7.神奇的AR海报设计!神奇的 AR 海报设计! 随着AR 技术的飞速发展, 这种在电影中出现的视觉画面, 也慢慢来到了我们的海报设计当中来。 视频▼ 从上面的海报我们可以看出,相比较“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式,视觉层次结构清晰明了。分层的图像,颜色和文字创造出深度和维度。https://m.sohu.com/a/245123031_210924
8.世界读书日活动方案(通用19篇)●具体内容:精选历届国际儿童图书节海报,以市__图书馆、市图书馆学会名义组织线下巡展,让少儿读者感受优秀的艺术作品及丰富的人文内涵,更好地满足少年儿童的精神文化需求。 (七)“红色耀中华,党在我心中”红色诗词线上展览及诗词诵读活动 ●活动时间:4月1日—5月1日 https://www.diyifanwen.com/fanwen/huodongfangan/9987965.html
9.Zappar是谁?和这位AR玩家打个招呼爱范儿AR 海报 早在2012 年,Zappar 就推出了 AR 定制海报。打开智能设备上的 Zappar 应用,就能把平面图变成动态的视频或者动画。 上图就是一张 Zappar 定制的海报,海报里面的 Adam Lambert「安静」地注视着你,但如果你用 Zappar 手机客户端里面的摄像头再去观察这个海报,Adam 竟然动了! https://www.ifanr.com/695340
10.苹果官网活动页面推出太空主题ar特效彩蛋(苹果海报AR)苹果公司今天确认将于美国当地时间9月7日(北京时间9月8日凌晨1点)举行特别活动。 苹果远出的“超预见”活动,目前已经在官网显示。像所有苹果的活动一样,如果用户在iPhone或iPad上访问这个页面,他们会看到交互式增强现实彩蛋。 这一次,苹果以太空为主题,结合黑洞探索的体验,设计了苹果logo。启动AR体验会在房间中央放https://www.xiaobaihao.com/11457.html
11.动态海报用什么软件APP推荐动态海报用什么软件下载豌豆荚动态海报用什么软件榜单为您提供最新动态海报用什么软件大全,这里不仅有动态海报用什么软件安卓版本APP、历史版本应用下载资源,还有类似动态海报用什么软件的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/390752/
12.农夫看着上面的空白海报插画正版商用图片1ar4bh摄图新视界提供农夫看着上面的空白海报图片下载,另有农业,艺术,胡须,空白的,男孩,木匠,卡通,性格,令人愉快的,工作服,工艺,可爱的,涂鸦,农场,农民图片搜索供您浏览下载,每张图片均有版权可放心商用,您正在浏览的图片为1ar4bhhttps://xsj.699pic.com/tupian/1ar4bh.html
13.中国电信APP“天翼云图业务”专注通信领域2、“天翼云图AR游戏”、“天翼云图AI智能海报”均不可与“天翼云图商户版”同时办理。 2业务办理 申请、取消途径 申请途径 可通过中国电信APP办理。 取消途径 可通过中国电信APP、10000号取消。 办理指引 中国电信APP 用户可通过中国电信APP订购或退订天翼云图AI智能海报、天翼云图AR游戏、天翼云图商户版,具体详见:https://v.im.189.cn/ckb/knowledge_detail/mm/20240517/1087992
14.从QuestPro与PICO4的RGBseethrough说开去像素级控制透视与暗场,才是AR see through的终极目标。 video see through/Passthrough video see through是业界比较通用的叫法,Oculus一般叫做Passthrough。我挺喜欢Passthrough的叫法,pass有着透着某种管线(camera→display)传递过去的意思,与AR see through直接用眼镜看透相对应,定义更加形象准确,按照大家习惯就先叫VST了https://www.abvr360.com/a/9790
15.大学生巧用可互动媒体技术,制作南音AR海来自第一帮帮团【大学生巧用可互动媒体技术,制作南音AR海报,再塑南音新形象】泉州南音,被誉为“中国古代音乐的活化石“南音”,然而,南音盛名在外,却似乎以“小众”文化的身影在闽南地区传播,为了向年轻群体科普“南音”文化,一位泉州大学生采用可互动媒体技术,制作南音AR海报,来看看,这样的南音您可未必见过。Via @第一帮帮团 https://weibo.com/1714800385/KozubzVTV
16.ar图片ar设计素材红动中国素材网提供93个ar图片、ar素材、ar背景、ar模板、ar海报等PS素材下载,包含PSD、AI、PNG、JPG、CDR等格式源文件素材,更多精品ar设计素材下载,就来红动中国,最后更新于2023-09-20 10:05:25。https://so.redocn.com/tupian/6172.htm
17.保护呈现建筑遗产之美,实现科技与文明同频共振巴黎圣母院AR沉浸式展览海报 古建筑修复是物理结合文化的修复 此次在久事艺术空间呈现的巴黎圣母院AR沉浸式展览中,第一个展览场景便是2019年巴黎圣母院遭遇的大火。在火灾发生时,法国总统埃马纽埃尔·马克龙(Emmanuel Macron)就在社交媒体推特(Twitter)发表推文称,“像我们所有的同胞一样,今晚看到圣母院被烧毁我很伤心https://www.cls.cn/detail/1225445
18.www.scfeifan.com/xxxr45406174.shtml曰本?人妻哺乳电影 怎么用一支笔c哭自己从自w到高c 不要 不要舔 受不了了 做受动态 大街抄底在线观看免费视频 99色婷婷 京野结衣在线视频免费观看视频 寂寞少妇自慰 纲手跪在胯下吞吐服侍 密爱的黄色录像 成人51直播黄色视频免费观看 adc 黄色片免费 美女把胸揉大了软件 只因初心到底视频在线免费看 http://www.scfeifan.com/xxxr45406174.shtml
19.色彩营销AI共创ESG实践……一文盘点2023艺术家联名出圈案例非遗/海报/文创 文化营销热度在近年愈演愈烈,始于故宫文创大爆,到各地博物馆争奇斗艳,现在更多品牌开始关注非遗。如何用高互动性、强创意性的玩法,促成消费者-品牌-传统文化的深度价值关联?来看一个快手的案例。 快手× 三大非遗手艺人 今年,快手打造全新内容 IP——手上的非遗。希望能为曾经走街串巷表演而观众依https://www.digitaling.com/articles/1032527.html
20.死侍与金刚狼最全彩蛋&梗深度解析(死侍与金刚狼)影评>>>死侍第一次加入漫威片头logoDW的片头漫威logo中第一次加入了死侍镜头,用的是《死侍1》中死侍躲避被打飞的钢力士的镜头。这个镜头紧接在美国队长扔出盾牌之后,好像死侍刚刚躲过盾牌一样。旧版logo《死侍》2016后面logo中还有一个死侍的镜头(字母M),为DW中死侍拿刀坐在本田奥德赛后排的镜头。随后当漫威logo演化https://movie.douban.com/review/16094518/
21.黄暴污之王,有人狂喜,有人狂骂,我劝你别跟风DW的片头漫威logo中第一次加入了死侍镜头,用的是《死侍1》中死侍躲避被打飞的钢力士的镜头。 这个镜头紧接在美国队长扔出盾牌之后,好像死侍刚刚躲过盾牌一样。 旧版logo 《死侍》2016 后面logo中还有一个死侍的镜头(字母M),为DW中死侍拿刀坐在本田奥德赛后排的镜头。 http://www.myzaker.com/article/66ab0843b15ec033683151c9
22.设计AR应用时应该考虑什么?这些案例指出了几点方向雷峰网看到“使用场景”这个词很多设计师都会翻白眼,“这还用说吗,我们从刚开始接触交互设计的时候每天都在谈使用场景。”但我要说的是,AR设计中考虑的使用场景要更加多维度。这个使用场景更加的贴近现实。 因为AR应用中和用户互动的不再仅限于移动电子设备,它会是汽车的挡风玻璃,公交车站的海报栏,货架上的货物等现实中https://www.leiphone.com/category/zhuanlan/6kcdYynMPNQQmUMy.html