风格分析

颜色鲜明、视觉丰富，强烈的色彩碰撞、人物形体变化与常规不同，更灵动活泼，具有冲击力

来自插画师Ghani Pradita 的作品

dribbble：https://dribbble.com/ghanipradita

插画特点

1、富有层次感，提升设计感

人物与背景为不同层次，同时为了丰富画面内容，增加数据图表，以大小不定的方式展示，视觉上形成远近的关系，增加画面视觉变化。

2、配色大胆，强烈的色彩碰撞，更具有冲击力

●  对比色(紫色与蓝绿色)、邻近色(紫色与红色)的搭配，选用饱和度较低，明度较高的颜色，给人以温暖却带有冲击力的感觉

●  在色彩选取的过程中，要注意明度的变化。画面中由近到远，明度的变化由深到浅。

明度的变化要符合大自然的规律，即近深远浅。若不能理解，看下图，是一张带有景深效果的图片，调成的黑白效果后，可看到近的地方较深，远的地方较浅。

●  高光与阴影

高光及受光面采用亮丽的颜色，阴影部分选用饱和度与明度低一些的颜色，同时绘制出衣服的褶皱效果。高光与阴影的运用使得画面更加活泼，变化更加强烈。

绘制步骤

难度：★★★

工具：sketch

重点讲解：1、sketch钢笔的灵活运用；2、高光和阴影的绘制方法；3、剪切蒙版及裁剪工具的使用

（一）  绘制人物

1、使用钢笔工具（快捷键v）绘制，在绘制的同时将颜色填充（吸取颜色快捷键control+c），绘制时注意图层顺序变化，图层顺序可在图层列表中鼠标拖动上下调整，也可以使用快捷键（command+option+上、下箭头）调整

2、添加高光，光源是从右上角来的，因此高光的位置如下图所示

钢笔绘制高光，同时选中对应图层及高光的图层，点击Mask按钮，即可完成剪切蒙版

3、添加阴影部分

附加一个填充描边的小技巧：快捷键F指填充，快捷键B指描边，若当前图层为有描边无填充的状态，F按一下代表图层被填充颜色，再按一下图层不被填充颜色；B按一下代表关闭描边，再按一下即打开描边。

（二）  添加背景

主要是钢笔工具及渐变填充的使用，另外还涉及到布尔运算

布尔运算的具体操作步骤及效果示意图可见下图

（三）  添加数据图表等装饰元素

01 添加图表

大多是钢笔工具及渐变填充的使用，但左上角的图表中还涉及到裁剪工具，具体操作步骤及效果示意图可见下图

02 添加其他装饰元素

大多是填充圆及描边圆做装饰，另外还有正方框中的斜线，也就是这个，那就来说一下这个是怎么做的，可见下图

03添加光

红框的位置是需要打光的，那光具体怎么来实现呢，来简单说一下

光是靠高斯模糊+不透明度来实现的，以篮球的光来举例子：

大功告成啦！！！

附上该作者的同类作品，方便大家来临摹练习、总结规律~

更多设计干货与资讯, 尽在留小念