#个人成长计划#风格图标打卡 [最终任务]

*** 恭喜你达成目标：[任务三]

*** 经验+3 熟练度+3

*** 当前任务进度4/4

*** [最终任务] 已解锁 ⬇

I

经过了前三个任务的洗礼，相信只要坚持练习的同学，技法层面或多或少都会有所提升

但作为UI设计师，我们平日的视觉工作不光只有画图标，如何将优质的图标融入到各个场景中也是十分重要的

所以今天咱们将之前所学到的知识融会贯通，打造一个精致的小场景出来，首先还是来看看咱们的主体物是怎么塑造的

先找到一个合适的参考，外形还是比较简单，但是我们这次要做风格是带体积光影的，强化体积感最直白的方式就是加强透视，让画面能看到铃铛的底部，能够大大强化咱们主体物的体积感

备给小白：

底部的透视以及铃锤怎么画呢？可以用adobe Ai的3D工具，也可以直接手画。由于只是一个小地方，这里就直接手画了

绘制好大型，下一步我们分出铃铛的亮灰暗面，注意这一步一定要根据不同形状的结构来绘制不同的面

根据结构是什么意思呢，我们看看这张图

可以看到光是从左上方照射下来，而球是有体积的，因此亮面会跟随球的结构呈圆形。

而球不受光的地方并不是均匀的暗色，因为球的底部接近地面，所以接近底部的位置会接收到来自地面的反光，因此会比暗部其他地方亮一些。

同理，如果边缘部分与其他物体相距较近、或者光从背面打过来，那么球的边缘还会有一层边缘光。

最后，离边缘较远，而又不受光的蓝线部分（又称明暗交界线），便是画面中最暗的位置了

知道了这个原理，我们来绘制铃铛的亮灰暗面（大关系没确定之前不要着急加反光等细节）

然后就是将绘制出来的各个面，给到不同的高斯模糊值（每个人绘制的尺寸大小喜好不同，这一步只能慢慢尝试）

到这一步其实还是挺粗糙的，那么该如何细化呢？

粗糙的主要原因就是光的层次太少，我们开始一层层添加细节：

1.亮面面积太大，是不是能再加一层高光？

2.边缘太硬，加个边缘光

3.暗部太闷，加一点金属反光效果

4.铃铛底面前后纵深加点颜色变化

5.物体之间有遮挡，那么铃锤和铃壁之间一定有投影

6.铃铛内壁根据深度加点颜色变化

…

这一步没有哪里必要哪里不必要的点，根据自己的理解能够无限的细化～

单个铃铛的效果就出来了，接下来咱们进入下个任务 - [场景的营造与渲染]

既然是场景，那就不能只是单薄的一层画面，我们可以简单的通过画面层级将整个场景分为前景、中景、背景

难度一

咱们画的主体物可以作为中景，放在画面中心最凸显的位置

而背景层就需要看咱们想表达的场景了，比如在之前我们为了展示，在图标后加的圆底，其实就是一层背景

然后我们可以脑暴一些和我们主题相关联的元素，用相同的风格转化为小元素漂浮在主体物周围。我们可以尝试将元素重叠一部分，压在主体物前面的元素作为前景物，当然也可以添加一些放在主体物后面的元素增加细节，这一步任由你发挥

如果掌握不好配色的同学，可以先尝试用同类色饱和度/明度的对比来构建元素关系

注意两点：

1.构图不能乱，基础比较差的同学可以无脑尝试三角构图

2.作为辅助元素，可以不用把细节抠的太细，我们要凸显的永远是主体物，万不可抢了风头

观察画面，感觉还是有点空，分析下元素，发现现在画面中的物体都是比较饱满、整体的，那我们是不是能加入一些烘托氛围的细节元素进去

比如加一些小球作为点缀，小球稍微带一点质感就行了，要保证细节度和饱和度比周边辅助元素更低一个层级，这样画面就比较丰富了

要注意一个点，由于我们做的是轻拟物光感风格，所以元素之间的颜色是有呼应的，具体会体现在反光、边缘光、阴影上

难度二

如果做到这一步没啥问题的同学，可以尝试稍微突破一下

上面的画面中，质感和层次是比较丰富了，但是由于大部分都是同类色的缘故，会导致画面有点腻

那么我们就可以试着增加画面颜色的丰富度，比如现在画面中都是暖色，那就可以将一些将辅助元素变成冷色调，来中和画面

要注意：

1.控制不同色调的比例，特别是新手，尽量保证主色调占画面总比70%以上

2.用色要有逻辑，比较迷茫的同学可以从对比色入手，比如画面中是橙色调为主，那我们就可以加入一些蓝色、紫色

难度三

如果还是觉得没有挑战，那可以尝试做大的场景突破

其实逻辑都是一样的，将画面拆分出来前中后景，再根据不同的内容绘制相应场景，这一步主要难点是在背景刻画以及整体氛围打造

换个风格

妥了

赶紧操练起来吧～