AI帮我干活,赚钱真快啊!

用户头像
深圳/学生/2年前/6981浏览
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.最后修饰

基本上图标画的差不多了,我们最后再进行整体的微调,哪不顺眼调哪里,也是考验眼力的一步了!

比如说我觉得这个地方的颜色还是太谈了,就用画笔给他加重

这里黄色亮部衔接的不是特别自然,颜色也略淡,所以再用画笔点画一大块黄色上去,模式改为叠加

总结

这样图标就优化完成了,我们再来看下前后对比吧!

大家感兴趣的也可以上手实操一下,把知识全部转化为自己的!

然后再去原创自己的一套礼物图标!

207
举报
|
237
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
科技医疗透明柜UI界面设计
UI通用设计素材1
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】家具icon
新能源APP应用UIKit
UI应用平面图标
新拟态风格 UI设计组件库
UI_3D图标炮仗<新春促销>
【新年UI图标】美食icon
【新年UI图标】游戏/娱乐icon
UI界面 组件
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
盲盒APP UI设计
钱包ui模板
高级感金属拟物 UI设计组件库
我的钱包-UI界面设计-app
Security Camera UI kit
【新年UI图标】珠宝icon
矢量立体简约UI蓝白图标
【新年UI图标】30个图标
手表表盘UI系列
高级表盘系列UI源文件
你可能喜欢
相关收藏夹
大家都在看
登录注册