AI教程!矢量线条插画之彩绘多肉

时间:2019-06-27
类别:AI教程
水平:入门
观众:2.4w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

教程作者:飞屋睿

交作业:#优设每日作业#

前言:

线条富有各种表情和动态,近期关注我的文章动态的,大概都会发现我已经发布了好几篇有关线条插画的文。而每一篇文章我都试图在做一件事:讲好线条表达的趣味。据我观察,平面中的线条情态各异,而每一根线都有着自身表达的方式,它可以提供除了平面以外更加纵深的信息。

今天我们就利用AI来继续绘制多肉,相比上一次的文章,我们这一次绘制不仅是在外形上更复杂,色彩方面也会有更多变化。大家如果对此有兴趣,可以在这篇文章中继续跟着我体会一二。

 

灵感来源:

本教程内演示的案例来自我的原创作品系列【花木为植】

AI教程!矢量线条插画之彩绘多肉

 

草图过程:

画草图当中去探寻各种可能的表现方式,找到更好的表达,这就是这一过程的意义。

AI教程!矢量线条插画之彩绘多肉

 

设定线条样式:

打开AI,新建一个1600px*1600px,文档大小和线条的尺寸会发生关联,如果你是临摹,可以按照我的尺寸开始。

首先我们要确定我们即将要绘制的线条的尺寸,在这里我们设定为线条的尺寸为16px,这个尺寸的线条看起来是比较肉肉的感觉,但依然有一定的灵动性。当然根据画面的布置,我们会根据实际情况安排比较接近但尺寸不一的线条,这是比较灵活的调配。

对线条的色彩也进行一定的规划,使之符合风格的统一性。

AI教程!矢量线条插画之彩绘多肉

 

绘制植物轮廓

用线进行表达,顾名思义就是采用线条来组成物体对象的外轮廓,因此我们就开始用16px的线条来绘制多肉的外轮廓。

STEP 01

一小片叶子的绘制是非常简单的,可以采用钢笔工具实现,但要组合多个叶片,就需要视觉上的整体的协调性。这可以根据我们的草图来进行。

在线条上要仔细斟酌,每一段线条的弧度都需要优化,我们不仅仅是再现物体。特别是在微妙的细节上的调整要到位。

AI教程!矢量线条插画之彩绘多肉

 

STEP 02

按照以上的步骤,继续绘制完整个叶片,这时我们会发现有很多需要提升的细节:

1)线与线接壤的位置,有时候会露出线的端口,这在视觉上会出现小瑕疵,这在很多初学者在学习矢量线性插画时经常犯类似的错误。

2)部分线条安排过密,造成这部分视觉的紧张,整体看上去有种杂乱无章之感。

AI教程!矢量线条插画之彩绘多肉

 

STEP 03

解决这两个问题,我们可以参考下面的做法:

1)调整线条接口处的锚点,使之严密缝合。

2)过于紧密的线条虽然符合草图上的绘制逻辑,但是在较粗的线条表现时,需要将线条减小尺寸来解决。

3)优化整体的线条布局,使之看上去更协调

AI教程!矢量线条插画之彩绘多肉

这里的线条具有一定的尺寸宽度,因此我们必须关注到线条本身的表现,以及线条内部中空的形状表现。这和尺寸较小时的细线条图案不同。

 

STEP 04

继续绘制右边的叶片,注意分配好叶片形状之间的关系。

AI教程!矢量线条插画之彩绘多肉

 

STEP 05

再绘制左边的叶片时,个别线条在转折部分如果角度过于小,就会形成一个非常尖锐的角状,这时,如果不是必须的情况下,就要将线条的边角改为“圆角连接”。

AI教程!矢量线条插画之彩绘多肉

 

STEP 06

最后绘制上方的叶片,这时候的叶片已经相对比较小了,因此线条的尺寸也要相应变细。最后整理这四个叶片相互的布局位置。

AI教程!矢量线条插画之彩绘多肉

 

绘制盆栽容器

容器的形状在草图上我们已经有所体现,接下要做的是将其实现成为矢量形状。

STEP 07

我们要抓住所画对象的基础形,在这里可以从绘制一个矩形开始。然后再矩形的下半部分的位置绘制一条线。

AI教程!矢量线条插画之彩绘多肉

 

STEP 08

在后面添加的这条直线的水平位置上,在矩形的边框线上增加两个水平的锚点。然后把这条直线延长。

然后分别拖动这两个锚点到直线延长的端点处。

AI教程!矢量线条插画之彩绘多肉

 

STEP 09

然后删掉直线,把上一部左右两边锚点所形成的直角变为圆角(通过拖动内部的小圆点就可以实现)。

AI教程!矢量线条插画之彩绘多肉

 

STEP 10

再增加下方的底座的部分。同样利用增加矩形,然后将矩形的直角变为圆角的方式,这时矩形的上方的那条边可以删减。这样就能很好与目前的形状融为一体。

AI教程!矢量线条插画之彩绘多肉

 

STEP 11

把容器放置与植物合适的位置,调配好它们之间的位置关系。然后采用形状生成器工具将彼此遮挡位置的线条删减。

AI教程!矢量线条插画之彩绘多肉

 

STEP 12

这时可以给部分叶片增加茎干的线条。这里整体看上去线条还不够“肉感”,因此我选择把图形整体缩小,在线条尺寸不变的基础上,整体的轮廓线就会看上去更粗壮。

如果你的线条因为缩小图形也相应缩小了,你需要进入到【编辑>首选项>常规】,保持“缩放描边与效果”这一栏是未被勾选的状态。

AI教程!矢量线条插画之彩绘多肉

 

形状上色:渐变中的色彩秩序

STEP 13

上色前,让我们对整个线条做最后的优化,然后再进入【对象>扩展】,将线条转为可填充的形状,然后把它们全部进行合并。

AI教程!矢量线条插画之彩绘多肉

 

STEP 14

让我们运用渐变色,先做一个渐变的色板,这个色板将会运用到我们的图形当中。虽然是渐变,也需要考虑到主色、次色等色彩秩序关系。比如在这里,我们的主色是粉色,次色是薄荷感的蓝绿色,色彩的渐变也主要在这个范围内发生。这将是整个色彩的主要基调。

AI教程!矢量线条插画之彩绘多肉

 

STEP 15

运用形状生成器工具,在选中了形状对象的情况下,就能轻松给图形中空的部分上色。而这时,我们挑选色板当中其中一个渐变色板,首先对最大的那一丛叶片进行上色。

当然,大家可以观察到这样的填色过程非常快,但是色彩非常粗糙。于是,需要我们略调整每个渐变的方向,以及渐变色色彩的微妙变化。

AI教程!矢量线条插画之彩绘多肉

 

STEP 16

接下仍然可以采用这样的方式来给剩余的叶片上色,需要注意的是色彩的平衡和控制。让渐变变得灵动起来~

AI教程!矢量线条插画之彩绘多肉

AI教程!矢量线条插画之彩绘多肉

AI教程!矢量线条插画之彩绘多肉

 

STEP 17

最后给容器上色,容器分为两个部分:身体和底座,但是色彩的差别也不要太大,尽量保持一体。

AI教程!矢量线条插画之彩绘多肉

 

刻画光影

让画面变得丰富可以有很多方式,其中一种就是增加物体的阴影。这时,我们选择性的给物体增加阴影,这一过程中并不是所有阴影都要一一俱全,而是要照顾到整体的审美水平之上,给色彩增加更多不同的层次。

STEP 18

首先让我们给叶片增加阴影,采用绘制出相应的形状,再降低该形状的透明度。

AI教程!矢量线条插画之彩绘多肉

 

STEP 19

继续绘制剩下的阴影,注意是要“选择性”的。

AI教程!矢量线条插画之彩绘多肉

 

STEP 20

最后绘制容器的阴影,采用的是同样的方式,只是在器皿的底部可以多做几个层次。

AI教程!矢量线条插画之彩绘多肉

 

STEP 21

再给整个画面配上高光,以及整个装饰渐变背景图案。到这一步也就完成了:

AI教程!矢量线条插画之彩绘多肉

 

用线精神

线条是我非常喜欢的一种元素,这和平面构成的“点、线、面”三个属性中的线还有所不同。线条是更为具体的,也更重视个性特征。不用提手绘这种比较具有个人印迹的画法,即使是矢量软件的线描,也能或多或少展示出描线人手下的表现力。有些线条尺寸、端口表达略不同,整体看上去就完全是不同的气象。

中国的文字首先就是一幅线描画的作品,可见线条这种元素在我们的文化中是非常基本的存在。而要用好线条,在软件当中最重要的是要关注到线与线的关系:端口是否收紧、线条相交是否自然等等。

线条技法上升到一定层面,一定会有另一层世界。葛饰北斋在他晚年的时候,画了一辈子的线条画,最后依然觉得75岁以前所画的都不值一提。可见用线的领域其深度可以延续多久。但愿我们都能继续精进,持续发现用线的精神所在。

 

相关推荐

→ AI入门教程!教你绘制多肉植物扁平风线体插画

AI教程!矢量线条插画之彩绘多肉

→ AI入门教程!5分钟学会绘制描边风景插画(附源文件下载)

AI教程!矢量线条插画之彩绘多肉

 

AI教程!矢量线条插画之彩绘多肉


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢··· 从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发

【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)

【收获】更好的自己

6 收藏 34

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 3

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片