恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用AI打造矢量人像插画
0.0°
2018-07-26 好文转载 教程 原作者: 陌北默 举报 1340 15 15 0

给粉丝们送波福利点进来领取



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

一切都是光影乍现

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

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

 

绘制人物的大概轮廓

STEP 01

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

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

Image title

STEP 02

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

Image title

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

STEP 03

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

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

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

 

阴影与高光

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

STEP 04

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

Image title

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

STEP 05

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

Image title

STEP 06

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

Image title

细节描绘

STEP 07

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

Image title

STEP 08

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

Image title

STEP 09

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

Image title

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

 

融入背景

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

Image title

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

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

 

最终效果

Image title

后记

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

感谢大家一值对我的支持,给小白粉丝们送波福利加群:740187290领取,UI学习大礼包,只限前50位

手慢无










更新:2018-07-26

收藏

15人已收藏

朵朵的UI

今天要比明天好,今天要比明天努力

  • 19

    作品

  • 19

    粉丝

  • 0

    关注

  • 界面视觉设计要素 – 字体篇
  • 【U小白】这些排版技巧你都知道?(一)
  • UI小白必须要掌握的美术基础
  • ps写实计算机教程

    猜你喜欢

      2018-07-26 好文转载 教程 原作者: 陌北默 举报 1340 15 15 0

      用AI打造矢量人像插画

      0.0°

      你确定要举报用AI打造矢量人像插画

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年07月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      15
      15
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录