风格分析

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

来自插画师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添加光

 

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

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

 

大功告成啦!!!

 

 

 

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

 

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

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)