虎课网为您提供字体设计版块下的AI-MBE多光影层次描边风-特点解析图文教程，本篇教程使用软件为AI（CC2017），难度等级为初级练习，下面开始学习这节课的内容吧！

本篇教程学习的是多光影层次描边风特点解析，喜欢的一起来学习吧。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一进行解答。

那我们开始今天的教程吧。

1.我们先来看一下今天需要解析的原图，这是一组来自阿塞拜疆设计师Sahil的作品，他的名字和dribbble主页链接都已经放在了屏幕中，大家可以根据这个链接去查看作者的主页，学习更多优秀的作品。

2.今天我将从基础的内容解析，来带领大家基本的了解图形的内容，接着再来解析它的光影添加的方式，原图中光影的表达形式是非常多样化的，然后就是该作品的细节解析，作者在表达不同特定内容的时候，是用的怎样的表现形式，最后还会讲解一下该风格的实际运用场景。

3.这张图都是一些方形的设备，但每一个对象的边角都是十分圆润的，作者在表达结构的时候，是通过二维的表现形式，表达出了三维的立体感，在琴键的左侧也加入了一个厚度，表达出了琴键和电子琴表面的高度落差的关系，以及每一个对象上的旋钮和扬声器，也表达出了一定的透视立体感。

4.这个图整体用的是描边风格，而且运用了少量的断线处理，来增加一些呼吸感，在处理描边端点的时候，不是用的圆头端点，用的是平头端点的形式，更能体现理性的气质。

5.这组图运用了两个层次的色彩，首先在主体的表面用的是明度比较高，但是饱和度偏低的色彩，还加入了一些低明度和高饱和度的重色，也就是主要就是右侧面的内容，有轻有重的搭配，让颜色看起来更加的恰当，更加的合适。

6.左边烤箱的表面上相对来说明度比较高，饱和度偏中低的色彩，右侧是高饱和度以及低明度的重色，左侧有轻重对比的颜色，看起来相对比较舒适，右侧就会整体显得缺少重色，有一种褪色的感觉，所以我们在添加颜色的时候一定要注意轻重的对比。

7.接下来就是这张图的光影层次的解析，每一个对象上的光影层次都是非常丰富的，而通常我们在做一些光影效果，很可能只用了三个面，也就是高光、固有色以及阴影，但是作者他用了一些创新的处理，让层次更加的丰富，细节是非常饱满的。

8.接下来看下一个作者是如何处理圆形物体的光影表达的，它用的都是同样的光影处理方式，在原型的对象之内加了一个高光，以及一个暗色两层的颜色，进行细节的丰富，在突出的旋钮这里加了一个渐变的长投影，表达出它的立体感以及层次感，还有这种天线上的小圆球，显得更加的真实。

9.然后来看一下作者第三种的光影处理方式，对于半透明物体的反光的表达，作者在表达反光效果的时候，就用到了两个白色的渐影的渐变层，来丰富光影，以及整个层次的细节。

10.作者对于数字显示器的表达，用的是同一种表达形式，先加入一个边角比较圆润的方形的底，然后再在上面加几个小的方块，根据宽度进行不同的处理，来表达出数字显示器的形式。

11.作者在处理旋钮的时候，除了光影表达之外，还在旋钮的右上角的方向加入了带有渐变的描边，它的渐变其实是带有一定的视觉引导的作用的，从深色一直引导到浅色，同时也让整个静态的画面有一些旋转的动态感，动静结合更加增添画面的趣味性。

12.作者在表达整个立体感的时候，右侧面是有一个突出效果的，还用了一些小的细节处理来丰富整个画面的内容，磁带右侧面加入了线段的这种处理形式，在底部加入了三个小的矩形来进一步的丰富相应右侧面的内容。

13.像这样的细节丰富的小图形，除了可以单个去使用，也可以通过多个组成一个场景比较丰富的小插画，背景的周围加入一些辅助元素，就可以构成一幅很生动的插画的画面。

14.这样的图形也可以用在一些APP的引导页，或者手机端的banner图上。

15.本章节学习了多光影层次描边风的特点，首先对它进行了基础的解析，接着解析了原图中的光影，然后又解析了作者处理整个细节技法，运用的一些表达方式，最后为大家演示了一下风格的实际运用的场景。

16.同学们记得上传自己的作业哦！

以上就是AI-MBE多光影层次描边风-特点解析图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！