AI视觉创意六大原则

用户头像
深圳/UI设计师/1年前/13082浏览
AI视觉创意六大原则
活动指路 ➡️ :
六维成长计划
智慧小灶第 1 期:
图标设计九大统一性|菜心
作业点评第 1 期:
图标作业点评
智慧小灶第 2 期:
界面设计五原则|菜心
作业点评第 2 期:
界面作业点评
智慧小灶第 3 期:
吉祥物设计四大原则|菜心
作业点评第 3 期:
界面作业点评
AI视觉创意六大原则(图ZMTQ4OTk4Mjg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
今天来分享下和腾讯视频、腾讯动漫合作的AI落地项目,《九星毒奶》的前期宣传物料的视觉风格设定,值得一提的是,本次项目推进是结合AI工具进行的,视觉效果如下:
*字体设计由腾讯动漫官方提供
AI视觉创意六大原则(图ZMTQ4OTk4NDQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
部分落地场景:
AI视觉创意六大原则(图ZMTQ4OTk4NDg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
以这个案例为例,给大家总结了AI辅助创作的六大原则,一起来看看吧:
01.素材生成原则
02.MJ素材生成原则
03.风格控制原则
04.SD画面细化原则
05.SD表情控制原则
06.SD画面拓展原则
为什么用AI?
这里就要说一下我们的这个需求的背景了:首先,这个需求是一部动漫的预热海报,当时的情况是人设图都没设定完毕;其次,动漫的视觉风格也缺乏相关参考设定。有的只是几段对人物的文字描述:少年、校园、魔幻、武器是剑,能力是星辰魔法。并且时间交付周期很短,只有连三天。还要满足预热的需求,不能过多展示内容细节,得保持神秘和期待感。总结出来就是:
AI视觉创意六大原则(图ZMTQ4OTk4NTI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
“巧妇难为无米之炊”,所以我们要推进的话,首先要解决的就是素材问题!可是整个周期只有3天时间,别说我们不会画,就是会画,3天时间也画不完一个人物啊。所以使用AI生成人物素材,加入项目流程,成为了我们当时必须的选择。
使用工具
这次使用了到了多个工具,分别负责不同的任务,分别是:
AI视觉创意六大原则(图ZMTQ4OTk4NTY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
01. 素材生成原则
生成什么素材,什么风格,造型怎么样,组成元素有什么,构图方式是什么,这些都要先有清晰的思路才能去生成,不然乱生一通是没有用的。
AI视觉创意六大原则(图ZMTQ4OTk4NjA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
可以先画个灵魂草图,不用多精细,主要是用来对照我们的构思想法,以便拆分组成元素,方便我们知道需要些什么,然后再去生成。
通过拆解,我们确定构成画面的主要元素有4个:
AI视觉创意六大原则(图ZMTQ4OTk4NjQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
虽然有了灵魂草图,但如果我们直接去用MJ生成一张完整的图,后期可控性太低,肯定达不到高度定制的效果。所以,我们通过这种分层拆分画面元素的方式,用MJ一个元素一个元素的单独生成,最后通过PS合成到一起,可控性就会变得很高!
02. MJ素材生成原则
AI视觉创意六大原则(图ZMTQ4OTk4NzI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
后面的大人物:
AI视觉创意六大原则(图ZMTQ4OTk4NzY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
因为我们的大人物特点是稳定安静,作为画面后面稳定的基石,所以关键词里加入了正面,稳重,安静,半身,这些词汇。确定好关键词,然后就是大量抽卡了,从中选出一张最满意的备用:
AI视觉创意六大原则(图ZMTQ4OTk4ODA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
前面的小人物:
AI视觉创意六大原则(图ZMTQ4OTk4ODQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
和后面的人物相比,我们希望前方的小人物活泼一些,可以和后面的人物形成动静对比,所以关键词加入了夸张的动作设计,层次分明的活力,第一人称视角,令人兴奋的镜头捕捉,全身照,这类的关键词。
AI视觉创意六大原则(图ZMTQ4OTk4ODg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
注意前后两个人物的对比:
AI视觉创意六大原则(图ZMTQ4OTk4OTI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
图腾符文生成:
AI视觉创意六大原则(图ZMTQ4OTk4OTY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
图腾符文的话比较特殊,直接用关键词生成很难生出想要的效果,所以这里可以找一些参考用来垫图生成:
AI视觉创意六大原则(图ZMTQ4OTk5MDA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
背景图生成:
AI视觉创意六大原则(图ZMTQ4OTk5MDQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
元素生成:
AI视觉创意六大原则(图ZMTQ4OTk5MDg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
03. 风格控制原则
颜色配比:
因为我们要做的是剪影效果,所以肯定会有大面积的黑色为主,其余的主题是玄幻校园题材,我们可以使用一些红蓝对比的配色来表现玄幻的感觉,最后整体希望是有些高级灰的感觉,所以我们选定了以下几种颜色来搭配画面:
AI视觉创意六大原则(图ZMTQ4OTk5MTI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
素材合成:
素材齐备,我们就可以赶紧在PS里做我们想要的风格作出基本的视觉效果啦,首先先用生成的素材构造基础的构图:
AI视觉创意六大原则(图ZMTQ4OTk5MTY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
然后因为我们的主体是神秘感嘛,所以我们可采用剪影的形式作为我们的视觉表现:
AI视觉创意六大原则(图ZMTQ4OTk5MjA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
在做大效果的时候我们可以不用做的很细致,只要大概的效果出来就可以,比如下面添加的轮廓光,只是简单勾了一下,并没有去扣细节:
接下来的细节,我们让sd去帮助我们实现吧!
AI视觉创意六大原则(图ZMTQ4OTk5Mjg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
04. SD画面细化原则
SD的作用,主要是起到一个参考作用,有些我们不知道该如何细化或者不明确的地方都可以试着让SD先跑一跑,然后我们参照着去修改调整。
模式:图生图模型:Final-prune关键词:A game poster, Japanese anime, a man holding a sword in front of a dark red light background, Du Jin, key visual, poster art, sots art, exquisite details, dazzling details, delicate texture, 16k,反向关键词:paintings, sketches, (worst quality:2), (low quality:2), (normal quality:2), lowres, normal quality, ((monochrome)), ((grayscale)), skin spots, acnes, skin blemishes, age spot, (outdoor:1.6), manboobs, backlight,(ugly:1.331), (duplicate:1.331), (morbid:1.21), (mutilated:1.21), (tranny:1.331), mutated hands, (poorly drawn hands:1.331), blurry, (bad anatomy:1.21), (bad proportions:1.331), extra limbs, (disfigured:1.331), (more than 2 nipples:1.331), (missing arms:1.331), (extra legs:1.331), (fused fingers:1.61051), (too many fingers:1.61051), (unclear eyes:1.331), bad hands, missing fingers, extra digit, (futa:1.1), bad body, NG_DeepNegative_V1_75T, pubic hair, glans, refraction, diffusion, diffraction, nude, open mouth, teeth,(worst quality, low quality:1.4), bad LORO:无采样方法:Euler a采样步数:30重绘幅度:0.4
AI视觉创意六大原则(图ZMTQ4OTk5NDA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
说实话,要一步到位很难,但是起到参考作用完全没问题。比如刚才说的轮廓光,用SD跑了一遍的直接多了很多细节,我们可以参照跑的图来重新绘制就会省时省力很多:
AI视觉创意六大原则(图ZMTQ4OTk5NDQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
可以看到白色轮廓光部分,通过SD的跑图,变得更有细节和结构感了。
再比如绘制的气流特效部分,一开始只有简单的颜色,缺乏光影,我们也可以用SD去跑,然后参照细化:
AI视觉创意六大原则(图ZMTQ4OTk5NTI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
其它的部分也同样可以起到这种作用,就不一一例举了。
05. SD表情控制原则
现在我们的人物是没有表情的,如果我们用原来的五官也是不合适的,和画面风格不搭,那如何出现我们想要的五官呢?
AI视觉创意六大原则(图ZMTQ4OTk5NTY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
如果我们把现在这张图丢到SD重绘,随机性会非常强。出现各种各样的五官,不管是透视、造型、颜色都不是我们想要的:
AI视觉创意六大原则(图ZMTQ4OTk5NjA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
其实我们可以在ps大概绘制出眼睛的造型和颜色之后再用SD重绘,这样就会得到与我们预期贴近的五官的。
AI视觉创意六大原则(图ZMTQ4OTk5NjQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
最后我们来看下sd介入之后的细节前后对比图:
AI视觉创意六大原则(图ZMTQ4OTk5NzY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
06. SD画面拓展原则
这次的项目除了竖版海报也还有横版的尺寸需要制作,改过尺寸的同学都知道横改竖、竖改横是最麻烦的,甚至会有重绘的部分。那工作量就给太大了。其实这部分我们同样可以借助SD来完成,节省很多时间,时间可就是成本呀~省到就是赚到!我们先改个大概的构图:
AI视觉创意六大原则(图ZMTQ5MDAxMDA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
可以看到右边很空,我们要做的就是把左边的元素延伸一些到右边去,让整体画面完整一些,不要这么空洞。根据经验想法用画笔简单地在右边勾勒一些你想添加的东西,潦草一些就可以,大概这个样子:
AI视觉创意六大原则(图ZMTQ5MDAxMDQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
接着的就可以直接交给SD了,调整不同的重绘幅度看看效果:
AI视觉创意六大原则(图ZMTQ5MDAxMDg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
挑选满足我们需要的部分截取出来融合到我们的画面中去:
AI视觉创意六大原则(图ZMTQ5MDAxMTI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
这样我们横版的尺寸很快就搞定了!
总结
这次的实际需求案列,本来一个要做一周的需求,因为AI的介入得以3天就完成了;这次我们同时使用到了MJ和SD,AI的到来不仅帮我们解决了素材问题,还在细节上给了我们很大帮助,让质量变得更好,效率变得更高,成本变得更低。所以AI并不是什么洪水猛兽,只要你学会善用它,会给我们带来很大帮助。当然了,创意、想法还是得我们设计师自己来把控,不能什么都交给AI,那样出来的东西可能AI占了80%的功劳,而设计师只是出了关键词的功劳。而怎么让AI变得可控,让它听你的话,指哪打哪,才是我们所要学习的。这篇文章就从这个案列给大家分享了一些经验,希望对你有所帮助。
AI视觉创意六大原则(图ZMTQ5MDAxMjA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxMjQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
顺便看下往期同学们的作品吧:
AI视觉创意六大原则(图ZMTQ5MDAxMjg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxMzI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxMzY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxNDA=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxNDQ=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxNDg=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxNTI=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
AI视觉创意六大原则(图ZMTQ5MDAxNTY=) - 观点 - 站酷设计师小脑府设计团队原创素材 - 站酷ZCOOL
Collect
快快点击
六维成长计划
参与吧!
264
Report
|
470
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in