5分钟学会制作轻质感3D图标

针对授课、写文章、写教程等行为，很关键的一点是同理心，传者必须知道听着想要什么，而我最了解谁呢？或许是以前的我！

由此脑中时常灵关一现，如果刚毕业的我见到今天的我会出现哪些事情？“他”一定会有众多问题，比如和学校时的女同事有没有成啊，现在一个月赚多少钱啊，当然少不了专业上的难题，毕竟我是个爱学习的好男孩。

然而接下去，我就以“2014年的菜心”和“2019年的菜心”之间的对话，来分享一点干货。

每年年末在做项目时沉淀出来下面这套图标设计：

14年的菜心问我如何做的，今天就来和他分享下制作方式和想法。

1.软件

14年菜心：大哥，你这套图标用哪个软件做的啊？

19年菜心：ps为主，c4d为辅。

2.造型

14年菜心：大哥，这样立体的造型我该怎么下手

19年菜心：其实并不难，基本就是主形象加个长度，可以运用垂直视图的透视关系，也就是2.5d的设计格调，经常用到的辅助线如下：

但我上次没有严格依据这个辅助线来走，但是方向还是会尽量维持统一，不然会很乱。

如果有些透视关系找不准，我会用c4d简单的建个模，看下规律，然后再用ps钢笔画出每个面，例如：

这一步主要就是说说每个面的交错关系，然后找到自己想要的视角画上去。

其实，如果你c4d渲染非常6，直接渲染后来ps微调即可，如果不熟练的话，可以用ps钢笔画，然后再加底色和细腻。本次教程也主要是用ps画。

3.色彩与质感

14年菜心：对于图标的颜色有哪些可以传授给我的吗，我的配色能力好差。

19年菜心：我之前有写过一些关于配色的野路子，有兴趣可以去我公众号看下。

最起初我在c4d里面渲染出来的效果是这种的：

因为颜色和光都没调高，所以造成色彩有点脏且不透气：

颜色脏主要是由于原本固有色就很脏很重，而不够透气主要因素就在于高光、暗部、环境色这种东西没有用好，或者丢失了一些细节。

首先填充固有色，由于色调是轻质感，所以色彩不会用的太重，在色板上的区域都集中在这一块：

填充后效果如下：

只要颜色你能确保足够轻量，填充固有色后，大体效果就不会太差。

接出来为了让颜色非常透气，我们必须加些明暗关系，光源假设是左下侧，那左上角就是亮部，右下角就是暗部，效果如下：

虽然简单来说，就是以光源为出发点，每个面都拉一个由浅变深的渐变。

明暗渐变有了后来，就开始加环境光，我融入的环境光是黑色偏蓝，这一步操作模式有众多，比如图层样式的内发光，我一直用的方式就是，把环境光的色调画下来，然后进行羽化，然后置入固有色的描边中，效果如下：

最终一步就是加一些细节，比如转折出的高光：

有些塑料材质的镜面反光等等：

这种都是点睛之笔，很重要。

这种，基本上一个图标也就差不多完成了。

4细节

14年菜心：真厉害，还有哪些细节值得留意的吗，大哥

19年菜心：我认为很重要的一步就是，暗部颜色千万不要用“禁区色”，这个知识点我有讲过这些次，比如以下这个铃铛暗部颜色用到了“禁区色”：

调整颜色区域：

效果如下：

关于“禁区”这个知识点，可以看之前的文章：《》

这是让色彩通透很重要的一步，大家千万注意。

前期在摸索的之后，每个图标都有做这些个版本：

做多了，自然也就熟能生巧了，如果你们有兴趣，可以自己做做训练，然后后台发我说说你的练习，我有时间会尽量回复你们。

19年菜心：还有啥问题吗？小老弟。

14年菜心：暂时没有了，有疑问我再询问你，咱这关系，肯定常联系，谢谢哥。