AI帮我干活,赚钱真快啊!
AI+设计师=强强强!
相信很多人在之前的文章中都看到这一套3D图标:
本次就跟大家分享一下我运用 Ai 做礼物图标的整个流程的心得体会,如果你刚刚接触 Ai 没多久,也想要体会体会 Ai 辅助做设计需求的能力,不妨跟着本次分享一起来做做看。
整篇文章大概是三大步:
第一步:生成
第二步:挑选:根据结构的精致度与风格质感的契合度挑选出要刻画的图标
第三步:调试:ps 调色与上色
就拿「耳机」这个图标跟大家做全流程的分享。
第一步 生成
MJ 的教程在本篇就不过多说明了,之前有出过详细的文章,有需求的可以回翻一下。
这次生成耳机用到的咒语是:
headset,3d icon,cartoon,clay material,smooth and shiny,Nintendo,isometric,spot light,white background,3d rendering,high resolution --niji 5
由此我们就得到了这一堆耳机图标
第二步 挑选图标
在运用上面的咒语生成了一大堆的耳机,但不是都能够使用的,这里注意三个挑选依据:造型、结构、风格质感
挑选依据一:造型饱满
怎么看造型饱不饱满,一个是看它整体是否趋近于一个正方形,第二个是看透视角度。
1. 看是否趋近于正方形
比如说下面这四个可乐瓶
可以看到,后面三个的整体造型要么接近三角形,要么接近长方形,只有第一个它的形是相对饱满的,虽然它也是长方形,但是它没有后面几个瘦高,它更矮胖,宽高比更接近正方形,所以它是相对饱满的。
再反观生成的这堆图,有几个不那么饱满的图标就直接淘汰:
2. 看透视角度
一般不推荐大家去选择百分百的正面视图,因为这样会让 icon 展现的结构不够丰富,看起来不够立体
耳机也是同理,带有角度透视的图标,会比纯正视图看起来结构更饱满
挑选依据二:结构清晰且精致
图标会因为曝光过度,丢失掉很多本应该存在的细节,像这种就尽量不要选择了
也尽量不要出现对比没拉开,而和其他结构糊在一起的情况
然后就是结构的精致程度,我们可以观察耳罩部分的结构有几层,结构越丰富,往往越精致,像右侧耳机的精致程度就远远超过了左边的。
但是结构的“层数”也讲究统一性———要让一套图标的结构复杂度看起来差不多
挑选依据三:风格质感
1. 风格契合度
设计师对最终产出的图标风格要有一个预期或参考,前期挑选好比较符合的图标,能够为我们省去不少重绘的功夫。比如这套礼物图标打算走3D质感风,那我们肯定就直接摈弃掉一些太手绘风格的。
2. 质感优质
优质的质感,起码要做到两点,分别是颜色不脏、颜色较丰富、对比度拉开
A. 颜色不脏
相似的配色,可以明显的感受到左侧的用色不如右侧的用色舒适清透,那在颜色上我们肯定首选一些用色更舒适的
B. 对比度拉开
第二个是看图标的对比度,我们可以把颜色去掉,减少色相干扰,然后再去看,就能明显感受到对比度的强弱
最后我们就基于以上几点,挑选出了一些相对不错的图标:
最终我们以这个图标为基础,去调整。
第三步:调试——粗调与 ps 上色
粗调图标
观察目前这个图标存在三个问题:
1. 造型饱满度不够
2. 对比度不够
3. 颜色丰富度不够
1. 造型饱满度不够
上面我们说到了看图标造型的饱满与否,就是看它整体造型是否趋近于正方形,有的图标本身主体就是饱满的,比如说星球、礼物盒(其实就是正方体)、宝箱……
但是有的图标本身就不够饱满,常见的是一些长条形的物体,比如话筒、酒杯,这个时候就需要借助一些手段来让它们更饱满,这里用到两个方法——倾斜、加修饰
先来看倾斜这个方法,比如说有这样一个话筒图标,它的实际面积在正方形里只有1/3,它现在是不太饱满的
我们把它45度倾斜后,它在正方形里的主体区域变多了,负形变少了,变得更饱满了
如果还是不够,我们可以通过第二个方式——加修饰,来让这个图标的负形近一步减少(这里我随意加了两个物体仅作示意)
或者直接复制一个叠加也行
像下面这些图标,就有用到上面所说的「加饱满」的方式
所以对于目前这个耳机,稍微做点倾斜可以让它更饱满
2. 对比度不够
我们可以观察到这个图标跟市面上各种礼物图标的差距——目前这个图标的整体颜色有些灰灰的的,不够鲜艳,颜色有些像掉色。
不够鲜艳,那就加一些饱和度:
对比度不够,咱们就再加一个曲线调它的对比度
做了这两步之后,我发现调色功能并不能帮我们许多,只能说是对整体颜色的调整,大部分的颜色还是要靠我们自己去画上去。
ps 上色
上色步骤跟自己画图标时的步骤差不多,从 暗部——暗部反光——亮部——修饰
1. 加重暗部
现在暗面颜色还是不够重,我们用画笔加一些蓝色或紫色上去,混合模式调整为正片叠底或叠加
2.暗部反光
画好了暗面,别忘记上反光色,暗部的反光色我们统一都加的青蓝色,混合模式采用叠加(叠加模式可以让我们在保留结构的情况下上色)
3.画亮部
亮部我们就用柠檬黄,用画笔在亮部区域涂上,模式为叠加
现在耳机上部分亮部区域还是有些曝光:
我们需要处理一下,让亮面不那么曝光,先加一些重色在上面:
然后我们再给它加 我们想要的亮色,让它不曝光的同时,亮部也有丰富的色彩过度。这里我往亮部又叠加了柠檬黄上去
4.最后修饰
基本上图标画的差不多了,我们最后再进行整体的微调,哪不顺眼调哪里,也是考验眼力的一步了!
比如说我觉得这个地方的颜色还是太谈了,就用画笔给他加重
这里黄色亮部衔接的不是特别自然,颜色也略淡,所以再用画笔点画一大块黄色上去,模式改为叠加
总结
这样图标就优化完成了,我们再来看下前后对比吧!
大家感兴趣的也可以上手实操一下,把知识全部转化为自己的!
然后再去原创自己的一套礼物图标!












































































