当前位置:首页 >教程首页 > U I 设计 > 商业插画高级设计师班 >插画临摹教程:sketch绘制矢量插画

插画临摹教程:sketch绘制矢量插画

发布时间:2019-06-14 10:10:26

今天给大家分享来自插画师Ghani Pradita 的插画作品临摹教程,教你如何使用sketch绘制矢量插画!

风格分析

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

0.png

dribbble:https://dribbble.com/ghanipradita

插画特点

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

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

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

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

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

0-1.png

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

0-2.png

●  高光与阴影

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

绘制步骤

难度:★★★

工具:sketch

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

(一)  绘制人物

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

1-1.png

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

1-2.png

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

3、添加阴影部分

1-3.png

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

(二)  添加背景

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

2-1.png

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

2-2.png

(三)  添加数据图表等装饰元素

01 添加图表

3-1.png

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

3-2.png

02 添加其他装饰元素

3-3.png

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

3-4.png

03添加光

3-5.png

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

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

3-6.png

大功告成啦!!!

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码入群领福利

扫码领福利最新AI资讯

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定