查看原文
其他

​我敢打赌,这是你看过最简单的插画教程!

娅一 研习设 2022-10-16


研习设订阅号

设计干货  杜绝注水


戳一下看视频版


大家好,我是娅一。

初次见面,给大家带来一篇既简单又能出效果的教程。

既然简单,那么在上手前让我们先轻松愉快的欣赏下两位插画师的作品。欣赏的同时我们可以一起思考下这些作品的共性与不同。







👈 向左滑动查看更多作

这是Mathilde CRETIER(玛蒂尔德·克雷铁)的作品。她的作品,轮廓简约,色彩平坦,光影层次丰富。






👈 向左滑动查看更多作

她描绘的动植物和物品,一样很出彩,有油画一般的丰富质感。





下面👇这组插画的作者是Malika Favre(玛丽卡·法夫尔)。

她的风格可能会以波普艺术和欧普艺术中的纯粹极简主义为特征,有时被称为“波普艺术与欧普艺术相遇”。她的作品中,经常出现将简单的插图与几何图案相结合的插画形式。

👈 向左滑动查看更多作


她通过使用正负空间、色彩运用,以及优雅的布局,创作出独特的插画风格。







👈 向左滑动查看更多作



她使用简单的几个配色,就能勾勒出立体的光影层次。再搭配上循环动效,就会给人一种高级感。




欣赏之后,想必大家也都看出了两位插画师作品的共性与不同了。她们的作品都属于外轮廓偏写实的矢量光影插画。



Mathilde CRETIER(玛蒂尔德·克雷铁)的插画,是多层阴影的风格。

玛蒂尔德·克雷铁



Malika Favre(玛丽卡·法夫尔)的作品则是单层阴影的风格。

玛丽卡·法夫尔



由多层阴影风格到单层阴影风格,这是一个简化的过程。

本期我们先来聊一下矢量的人物插画,以后有机会我们再聊物品和场景的插画。

其实,如果大家想要塑造出具有光影感的扁平插画,确实需要掌握一定的美术基础,但是这是个长期积累的过程。对于那些没有美术基础的小伙伴来说,怎样迅速上手这种矢量的光影人物插画呢?

相信看过本篇教程后,你会大呼简单。





对于刚接触插画的朋友来讲,我们不一定要去创造全新的形象,先尝试把照片转变为插画,就是一个不错的开始。



首先,我们来解构下两位插画师的插画特点:


1.  流畅的轮廓



2. 平坦的阴影



什么意思呢?就是说在她们的作品中,大面积的光影色块是很常用的。曲折和小面积的光影只用来刻画重要的部位。

曲折、小面积的光影的运用



所以我们在绘制的时候,要多去使用大面积且流畅的色块,谨慎使用小面积且曲折的色块。


比如说眼睛,在两位的作品中出现的频率并不高。一是为了增加神秘感,二是因为眼睛包含了很多细节,绘制眼睛的时候,势必会增加很多小面积的曲折色块,把观者的视线吸引过来,这样就弱化观者了对整体轮廓的注意。

弱化掉眼睛,突出整体轮廓



除非眼睛要传达故事。比如下面这几张👇,眼睛在画面里都是有涵义的。

第一张插图可以看出,项链的倒影是锁头的形状,再加上冰冷的蓝色阴影,让女孩的眼睛里写满了恐惧和警觉;

第二张的女孩的眼睛,坚强、笃定,有一种很坚决的感情。




再比如说姿势,也很少会出现复杂的姿势,因为,这样会留下琐碎且不美观的光影,比较常见的是流畅的肩部,平坦的背部,光滑的小腿、有弧度的大檐帽,以及没什么褶皱的裙子等等。




像这样大留白的构图与魔术一般的光影,传递出了一种优雅且神秘的氛围。




了解了这些,那按照这个思路,找了几张符合条件的人物照片。





我们先从简单的半身照开始,把第一张照片变为多层阴影插画。


把照片拖进PS,点击下方的第4个按钮选择色调分离。

色阶数值根据需要调整,一般来说一张曝光正常的照片,直接用默认的4就可以了。我们得到了一张光影分层的照片。

接下来聪明的你应该知道要怎么做了吧?



把原图和色调分离之后的图片一起拖进AI(点击),用钢笔工具绘制。

原图,用来勾勒外轮廓。因为色调分离之后轮廓也许会模糊掉,所以应该以原图为参照物来勾勒轮廓。

外轮廓


色调分离之后的图片,用来勾勒光影。

光影轮廓


勾勒出大面积的光影走势就可以了,忽略细小且不重要的光影。注意线条的平滑与流畅,锚点使用越少,线条越流畅。


为了更符合原本的风格,我们直接参照Mathilde CRETIER(玛蒂尔德·克雷铁)的配色,给皮肤和帽子换上具有高级感的低饱和度颜色:



这个时候我们会发现,

画面有点单调,不够丰满,

那怎么办呢?


在这张插画里,视觉焦点是高饱和度的红色嘴唇。

那我们就可以考虑增加这种高饱和度色彩的面积来达到丰满画面的目的,同时起到呼应的作用。


比如加一对红色的耳环

这样一张多层阴影风格的插画就完成了,是不是灰常简单!






接下来,我们把这张多层阴影插画转化为单层阴影风格。

这次,我们只保留人物身上面积最大的阴影,去掉其余的阴影和高光。

简化阴影


参考Malika Favre(玛丽卡·法夫尔)的作品,我们可以发现,于有轮廓线的地方,阴影的深浅程度要区分开,比如脸和脖子的交界处,阴影深浅的变化让画面看起来更加立体。

所以,我们把脖子上的阴影加深处理。

清晰轮廓


参照Malika Favre(玛丽卡·法夫尔)的配色,同时注意精简色彩,让人物与背景更有统一感和融合感。比如给阴影和帽子换上同样的颜色。



这样,由多层阴影到单层阴影的转化也完成了。



搭配上优雅的英文字体,我们就很快模拟出一张Malika Favre风格的杂志封面。






使用同样的方法,

把第4张照片也变为单层阴影插画。



我们可以给主体添加一些装饰,比如帽子飘带、短裤条纹。这些细节可以让主体更加的丰富,重点更加的突出。

刻画主体



但是这张照片的背景比较空,怎样让构图更加饱满呢?

可以根据画面需要增加阳台、栏杆、椅子等元素来丰富场景。

丰富场景




我们再来看第5张照片


刻画主体


这张照片留白比较少,画的时候,可以灵活的调整下主体的位置。适当的留白会让构图更加舒适,也更具高级感。

调整构图




然后,给你的插画搭配上好看的字体或文字组。一张海报就完成了。



当然,你也可以给海报搭配上动态效果。这种风格的矢量插画,非常适合搭配一些微动效,模拟出微风拂面或光影摇动的自然感,让你插画里的场景更有意境.


动态海报



杂志封面


杂志内页


专辑封面


包装设计


包装设计


UI界面


日历


你会发现你的插画有无限的延展可能。

不得不说,好看的版式会给你的画面增色不少,不知道怎么搭配版式的朋友可以去研习设订阅号查看版式课程。

我们下次再见,拜拜👋。







往期教程导读:








由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存