用AI打造矢量人像插画

小编：新年好。。是否有小伙伴已开工啦？

APP的引导页现在多数倒入小插画，更能表现场景氛围，用AI打造矢量人像插画这个技能必须get。一起去看看@飞屋睿带来的这篇教程吧～

前言

曾经看到有人这样说：画是看出来的，不是画出来的。它的意思也许是想说，绘画并不是写实，事无巨细将物体表现出来，这是相机应该做的事。因此，我们学习绘制这一插画，目的是为了治好我们对于事物的顽固的僵化认识，把眼睛让位给心。插画的绘制过程很简单，大面积色块体现出不同层次的高光阴影中间调，其形体自然浮现。

一切都是光影乍现

任何物体都是经由光线反射进入我们的眼睛，我们甚至毫不夸张的说，没有光影，就没有一切。起码在视觉的体系下，我们依赖光线才能看清事物。因此，我们在看事物时就要认真观察它的光影表现，区分清楚高光、阴影和中调。当绘制插画时，我们其实也就是将这些不同的光影表现为色块，这些光影色块并不是事物的一部分，而是光的一部分。只有这样的思路，才能指引你走进风格化的光影插画。

为了体现出矢量人物“完美”的特质，每一种色块都需要接近丝质般的顺滑质感，我想这一描述大概小伙伴门都是能感受到的吧？

绘制人物的大概轮廓

STEP 01

今天我们要用一个人物肖像作为提示照片，记住！我们不是在对着照片描线，而是根据照片的提示来摄取光影的表现。

备选一张人像照片，打开AI，新建文档为600px*800px，画布可以后期再作微调。置入提示照片，然后将该图层锁定后，再在上方新建一个图层，绘制的工作在这个图层中进行。

STEP 02

运用钢笔工具对人物外形进行绘制，这时要注意绘制时要稍微弱化人物的写实感，尽量将线条表现得顺滑，这是展示丝滑牛奶风的关键特点。将这一封闭的剪影图像填充肉粉色，作为皮肤的基础中间调。

钢笔工具如果操作得不够熟练，线条会显得比较僵直，这时可以使用平滑工具整理一下线条，将会看上去好很多。

STEP 03

将中间调的路径复制一次，然后关闭下方路径的可见选项，只保留上方的路径可见，将上方的路径的透明度调整降低至20%。这时我们将根据提示照片绘制模特的头发。

绘制超出中间调这个路径的部分不用太在意，绘制完毕后，可以用形状生成工具将已绘制的两个路径选定并点击超出的部分即可完成。然后，关闭上方的透明路径，将下方的路径打开观察配色以及完成情况。

这时人物的大型就已经绘制完毕了。

阴影与高光

我们将人物身体上的光线整理一下会发现，阴影的层次非常多，而我们只需要简单到一两个色调表现即可。在对阴影的判断上，一半依赖眼睛，一半依赖你的直觉。

STEP 04

同样采用钢笔绘制出人物里阴影的部分，这时你要学会取舍哪些是重要的阴影，而哪些则不需要表现。

绘制时超出人物中间调的部分可以用形状生成工具进行删减。

STEP 05

保持形态的流畅感非常重要。由于阴影的位置主要在于线性表现，因此，线条的流畅感决定着人物的轮廓。

STEP 06

高光的绘制与阴影类同，对高光的选择和形态美感上的控制力都需要不断训练。我们应该将阴影与高光的形态绘制出某种装饰意味，而非单纯对人物的写实描绘。

细节描绘

STEP 07

人物的细节简单可以概括为头发、五官、衣服、饰品等，在这里我们先将模特的背心画出，背心的色彩我选用了柠檬黄。这时要注意的是，背心如果是单一色调看上去就失去了立体感，增加上阴影就会显得更为丰富。

STEP 08

接下我们来绘制人物的五官，这时最好能将图片放大来绘制，效果会更加精细。五官的绘制方法务求结构的合理性。

STEP 09

由于头发已经有了大型的轮廓，我们只需要增加一些阴影和高光的起伏细节。在设计形状的时候，注意要配合头发的方向。

细节是无法穷尽的，细节绘制点到为止即可。

融入背景

这里需要增加的一个环节是当我们绘制完成后，我们的人物的高光是白色，这时如果背景色也是白色，你就会发现人物高光的部分是“融合”进入了背景中。不得不说，这样看上去并无太大的影响，反而为画面增加了一些趣味

有趣的同时带来的问题是会让整体画面，特别是人物的外形显得有些不太自然。比如人物右肩的部分就仿佛“缺”了一块。这时，我们要对背景作一定的设计处理，使其即可以让人物有与此“融合”的部分，也有人物可以自我“完形”的部分。

我采用的办法是，在高光的位置增加彩色的背景，且留有与白色背景相衔接的部分。

最终效果

后记

绘制这类插画尤其要多作思考，否则绘制出来的人像将会显得很呆板。有人把绘画划分为抽象或写实，其实不得不说，即使对着照片写实，也是另一种抽象。就像中国书法里的线条大过字体一样，我们对于形的也应该高过于人物本身。

ifeiwu

作者：飞屋睿

Photoshop
赞 (0)

相关推荐

  • ai怎么画人物插画（ai能画插画吗）

    ai怎么画人物插画（ai能画插画吗）

    扁平插画是最近几年的热门设计趋势之一,其应用范围很广,经常出现在网页.手机界面.广告.海报中.扁平插画可以流行的原因主要有以下几点:1. 它为独创性艺术奠定了坚实的基础,为界面设计,印刷品和品牌产品添 ...

  • 生如夏花！用AI绘制矢量花丛文字

    小编:今天带大家来用AI绘制矢量花丛文字,让大家不用再去为寻找素材进行拼接而苦恼.找到完美适合自己的素材是非常困难的,自己动手可以按照你要的感觉来完成.本篇教程我们可以学到一些AI的技巧以及绘制的思路 ...

  • AI打造线发光纤维效果

    ai打造线发光纤维效果 今天和大家一起,用ai打造线发光纤维效果. Step1:创建画布+画笔 创建1800*1200的画布(不要惊讶,就是这么大)填充深色(色值随大家的喜好) 椭圆形工具画一个20* ...

  • 如何用AI绘制矢量流星效果

    流星会增加星空浪漫的感觉,那我们如何用AI绘制矢量流星效果呢? 操作方法 01 先在画布上新建一蓝色矩形做为星空背景. 02 接着绘制一白色小圆和一大点的白色五角星. 03 同时选中两颗星,设置指定步 ...

  • 如何用ai打造璀璨星空

    璀璨星空素材是很多的设计人员都需要用到的,璀璨星空也是很多人士的电脑桌面,那么,它是如何打造的呢?今天小编就为大家详细介绍下:如何用ai打造璀璨星空. 操作方法 01 我们的话第一步:打开电脑:第二步 ...

  • 字母人像插画组合视觉造型

    What is 组合视觉造型 提到组合,这是平面设计中经常会用到的视觉技巧,一般来说是把表面不太相关的事物拼合在一起,维持视觉上的统一性.被用来组合的对象可以是植物.动物.人物也可以是字母.形状等. ...

  • 如何用AI绘制厨房小插画？

    小编:@糖心香巧转载过很多篇文章,这是我翻译的第一篇教程.这是一篇比较基础的教程,是一个生活小插画,教程的过程很详细,可以先自己临摹在不会的时候在看详细的步骤.另外文章提到的一些理论文章,如果有同学感 ...

  • 如何用AI画矢量叶子图

    作为专业的矢量图软件,Adobe illustrator cs6作图的功能是非常强大的.熟练运用这款软件,对于做平面设计的朋友,大有裨益.下面,简单介绍如何用AI去画逼真的叶子图形. 操作方法 01 ...

  • 如何用AI绘制2.5D插画

    我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来绘制2.5D插画. 操作方法 01 打开电 ...