让探索发生:AI绘制矢量线条插画之彩...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
7468 10 457 2019-06-20

前言:


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


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


灵感来源:


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

Image title


草图过程


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

Image title

设定线条样式


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


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


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

Image title

绘制植物轮廓


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


STEP 01


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


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

Image titleSTEP 02


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

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


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

Image title


STEP 03


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


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


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


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

Image title

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


STEP 04


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

Image title

STEP 05


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

Image title

STEP 06


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

Image title


绘制盆栽容器


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


STEP 07


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

Image title

STEP 08


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


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


Image title


STEP 09


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

Image title

STEP 10


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

Image title

STEP 11


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

Image title

STEP 12


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


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

Image title

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


STEP 13


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

Image titleSTEP 14


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

Image title

STEP 15


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


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

Image title

STEP 16


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

Image title

Image title


STEP 17


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

Image title


刻画光影


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


STEP 18


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

Image title

STEP 19


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

Image title



STEP 20


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

Image title

STEP 21


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

Image title

用线精神


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


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


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



Powered by Froala Editor

全部评论:10

  • Vision-Talk

    2019-07-19 17:13

    cool

  • little-idea

    2019-07-18 14:31

    花卉汇总图上面的 序号字体可以分享一下吗?

  • NNNNick

    2019-07-05 16:04

    厉害了!这周末去试试

  • 蛙吹同学

    2019-07-04 11:52

    好看~解析到位~谢谢~~~

  • 佳境signal

    2019-07-03 14:09

    细致,可爱

  • 潘团子

    2019-06-26 22:07

    好厉害呀,学到了好多新知识

  • 2019-06-26 09:19

    恒大高科技集团:招聘1名平面设计师,全日制本科男,主要是海报和画册设计,要求会摄影哦,坐标南山区后海。有意向的帅锅,简历和作品可投递526769540@qq.com。

  • Mu_tou

    2019-06-21 13:01

  • 悠游123

    2019-06-21 09:39

    看着绿悠悠的小植物,倍觉凉快

  • lcy就是我啊

    2019-06-21 08:39

    可以临摹一波

  • Houng弘后

    2019-06-20 16:48

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票