手机版
手机扫一扫打开网站

扫一扫打开手机网站

公众号
微信扫一扫关注我们

微信扫一扫关注我们

帖子详情

最容易上手的插画教程来啦!看完感觉我又行了

最容易上手的插画教程来啦!看完感觉我又行了



sdfe3443r23432 实习影

影值: 50 银子: 10

2022-11-23 16:25:48 | 显示全部 返回 收藏收藏

容易上手又能出效果的教程
既然简单,那么在上手前让我们先轻松愉快的欣赏下两位插画师的作品。欣赏的同时我们可以一起思考下这些作品的共性与不同。
最容易上手的插画教程来啦!看完感觉我又行了-1.jpg

最容易上手的插画教程来啦!看完感觉我又行了-2.jpg

这是Mathilde CRETIER(玛蒂尔德·克雷铁)的作品。她的作品,轮廓简约,色彩平坦,光影层次丰富。
最容易上手的插画教程来啦!看完感觉我又行了-3.jpg

她描绘的动植物和物品,一样很出彩,有油画一般的丰富质感。
最容易上手的插画教程来啦!看完感觉我又行了-4.jpg

下面这组插画的作者是Malika Favre(玛丽卡·法夫尔)。
她的风格可能会以波普艺术和欧普艺术中的纯粹极简主义为特征,有时被称为“波普艺术与欧普艺术相遇”。她的作品中,经常出现将简单的插图与几何图案相结合的插画形式。
最容易上手的插画教程来啦!看完感觉我又行了-5.jpg

她通过使用正负空间、色彩运用,以及优雅的布局,创作出独特的插画风格。
最容易上手的插画教程来啦!看完感觉我又行了-6.jpg

最容易上手的插画教程来啦!看完感觉我又行了-7.jpg

她使用简单的几个配色,就能勾勒出立体的光影层次。再搭配上循环动效,就会给人一种高级感。
最容易上手的插画教程来啦!看完感觉我又行了-8.jpg

最容易上手的插画教程来啦!看完感觉我又行了-9.jpg

最容易上手的插画教程来啦!看完感觉我又行了-10.jpg

最容易上手的插画教程来啦!看完感觉我又行了-11.jpg

最容易上手的插画教程来啦!看完感觉我又行了-12.jpg

欣赏之后,想必大家也都看出了两位插画师作品的共性与不同了。她们的作品都属于外轮廓偏写实的矢量光影插画。
最容易上手的插画教程来啦!看完感觉我又行了-13.jpg

Mathilde CRETIER(玛蒂尔德·克雷铁)的插画,是多层阴影的风格。
最容易上手的插画教程来啦!看完感觉我又行了-14.jpg

△ 玛蒂尔德·克雷铁
Malika Favre(玛丽卡·法夫尔)的作品则是单层阴影的风格。
最容易上手的插画教程来啦!看完感觉我又行了-15.jpg

△ 玛丽卡·法夫尔
由多层阴影风格到单层阴影风格,这是一个简化的过程。
最容易上手的插画教程来啦!看完感觉我又行了-16.jpg

本期我们先来聊一下矢量的人物插画,以后有机会我们再聊物品和场景的插画。
其实,如果大家想要塑造出具有光影感的扁平插画,确实需要掌握一定的美术基础,但是这是个长期积累的过程。对于那些没有美术基础的小伙伴来说,怎样迅速上手这种矢量的光影人物插画呢?
相信看过本篇教程后,你会大呼简单。
最容易上手的插画教程来啦!看完感觉我又行了-17.jpg

对于刚接触插画的朋友来讲,我们不一定要去创造全新的形象,先尝试把照片转变为插画,就是一个不错的开始。
最容易上手的插画教程来啦!看完感觉我又行了-18.jpg

首先,我们来解构下两位插画师的插画特点:
1. 流畅的轮廓
最容易上手的插画教程来啦!看完感觉我又行了-19.jpg

2. 平坦的阴影
最容易上手的插画教程来啦!看完感觉我又行了-20.jpg

什么意思呢?就是说在她们的作品中,大面积的光影色块是很常用的。曲折和小面积的光影只用来刻画重要的部位。
最容易上手的插画教程来啦!看完感觉我又行了-21.jpg

△ 曲折、小面积的光影的运用
所以我们在绘制的时候,要多去使用大面积且流畅的色块,谨慎使用小面积且曲折的色块。
比如说眼睛,在两位的作品中出现的频率并不高。一是为了增加神秘感,二是因为眼睛包含了很多细节,绘制眼睛的时候,势必会增加很多小面积的曲折色块,把观者的视线吸引过来,这样就弱化观者了对整体轮廓的注意。
最容易上手的插画教程来啦!看完感觉我又行了-22.jpg

△ 弱化掉眼睛,突出整体轮廓
除非眼睛要传达故事。比如下面这几张,眼睛在画面里都是有涵义的。
第一张插图可以看出,项链的倒影是锁头的形状,再加上冰冷的蓝色阴影,让女孩的眼睛里写满了恐惧和警觉;
第二张的女孩的眼睛,坚强、笃定,有一种很坚决的感情。
最容易上手的插画教程来啦!看完感觉我又行了-23.jpg

再比如说姿势,也很少会出现复杂的姿势,因为,这样会留下琐碎且不美观的光影,比较常见的是流畅的肩部,平坦的背部,光滑的小腿、有弧度的大檐帽,以及没什么褶皱的裙子等等。
最容易上手的插画教程来啦!看完感觉我又行了-24.jpg

像这样大留白的构图与魔术一般的光影,传递出了一种优雅且神秘的氛围。
最容易上手的插画教程来啦!看完感觉我又行了-25.jpg

了解了这些,那按照这个思路,找了几张符合条件的人物照片。
最容易上手的插画教程来啦!看完感觉我又行了-26.jpg

最容易上手的插画教程来啦!看完感觉我又行了-27.jpg

我们先从简单的半身照开始,把第一张照片变为多层阴影插画。
把照片拖进PS,点击下方的第4个按钮选择色调分离。
最容易上手的插画教程来啦!看完感觉我又行了-28.jpg

色阶数值根据需要调整,一般来说一张曝光正常的照片,直接用默认的4就可以了。我们得到了一张光影分层的照片。
最容易上手的插画教程来啦!看完感觉我又行了-29.jpg

接下来聪明的你应该知道要怎么做了吧?
把原图和色调分离之后的图片一起拖进AI(点击),用钢笔工具绘制。
最容易上手的插画教程来啦!看完感觉我又行了-30.jpg

原图,用来勾勒外轮廓。因为色调分离之后轮廓也许会模糊掉,所以应该以原图为参照物来勾勒轮廓。
最容易上手的插画教程来啦!看完感觉我又行了-31.jpg

△ 外轮廓
色调分离之后的图片,用来勾勒光影轮廓。
最容易上手的插画教程来啦!看完感觉我又行了-32.jpg

勾勒出大面积的光影走势就可以了,忽略细小且不重要的光影。注意线条的平滑与流畅,锚点使用越少,线条越流畅。
最容易上手的插画教程来啦!看完感觉我又行了-33.jpg

为了更符合原本的风格,我们直接参照Mathilde CRETIER(玛蒂尔德·克雷铁)的配色,给皮肤和帽子换上具有高级感的低饱和度颜色:
最容易上手的插画教程来啦!看完感觉我又行了-34.jpg

这个时候我们会发现,画面有点单调,不够丰满,那怎么办呢?
在这张插画里,视觉焦点是高饱和度的红色嘴唇。
最容易上手的插画教程来啦!看完感觉我又行了-35.jpg

那我们就可以考虑增加这种高饱和度色彩的面积来达到丰满画面的目的,同时起到呼应的作用。
比如加一对红色的耳环
最容易上手的插画教程来啦!看完感觉我又行了-36.jpg

这样一张多层阴影风格的插画就完成了,是不是灰常简单!
最容易上手的插画教程来啦!看完感觉我又行了-37.jpg

最容易上手的插画教程来啦!看完感觉我又行了-38.jpg

接下来,我们把这张多层阴影插画转化为单层阴影风格。
这次,我们只保留人物身上面积最大的阴影,去掉其余的阴影和高光。
最容易上手的插画教程来啦!看完感觉我又行了-39.jpg

△ 简化阴影
参考Malika Favre(玛丽卡·法夫尔)的作品,我们可以发现,对于有轮廓线的地方,阴影的深浅程度要区分开,比如脸和脖子的交界处,阴影深浅的变化让画面看起来更加立体。
所以,我们把脖子上的阴影加深处理。
最容易上手的插画教程来啦!看完感觉我又行了-40.jpg

△ 清晰轮廓
参照Malika Favre(玛丽卡·法夫尔)的配色,同时注意精简色彩,让人物与背景更有统一感和融合感。比如给阴影和帽子换上同样的颜色。
最容易上手的插画教程来啦!看完感觉我又行了-41.jpg

这样,由多层阴影到单层阴影的转化也完成了。
最容易上手的插画教程来啦!看完感觉我又行了-42.jpg

最容易上手的插画教程来啦!看完感觉我又行了-43.jpg

搭配上优雅的英文字体,我们就很快模拟出一张Malika Favre风格的杂志封面。
最容易上手的插画教程来啦!看完感觉我又行了-44.jpg

使用同样的方法,把第4张照片也变为单层阴影插画。
我们可以给主体添加一些装饰,比如帽子飘带、短裤条纹。这些细节可以让主体更加的丰富,重点更加的突出。
最容易上手的插画教程来啦!看完感觉我又行了-45.jpg

△ 刻画主体
但是这张照片的背景比较空,怎样让构图更加饱满呢?
可以根据画面需要增加阳台、栏杆、椅子等元素来丰富场景。
最容易上手的插画教程来啦!看完感觉我又行了-46.jpg

△ 丰富场景
我们再来看第5张照片
最容易上手的插画教程来啦!看完感觉我又行了-47.jpg

△ 刻画主体
这张照片留白比较少,画的时候,可以灵活的调整下主体的位置。适当的留白会让构图更加舒适,也更具高级感。
最容易上手的插画教程来啦!看完感觉我又行了-48.jpg

△ 调整构图
然后,给你的插画搭配上好看的字体或文字组。一张海报就完成了。
最容易上手的插画教程来啦!看完感觉我又行了-49.jpg

当然,你也可以给海报搭配上动态效果。这种风格的矢量插画,非常适合搭配一些微动效,模拟出微风拂面或光影摇动的自然感,让你插画里的场景更有意境.
最容易上手的插画教程来啦!看完感觉我又行了-50.jpg

最容易上手的插画教程来啦!看完感觉我又行了-51.jpg

△ 动态海报
最容易上手的插画教程来啦!看完感觉我又行了-52.jpg

△ 杂志封面
最容易上手的插画教程来啦!看完感觉我又行了-53.jpg

△ 杂志内页
最容易上手的插画教程来啦!看完感觉我又行了-54.jpg

△ 专辑封面
最容易上手的插画教程来啦!看完感觉我又行了-55.jpg

△ 包装设计
最容易上手的插画教程来啦!看完感觉我又行了-56.jpg

△ 包装设计
最容易上手的插画教程来啦!看完感觉我又行了-57.jpg

△ UI界面
最容易上手的插画教程来啦!看完感觉我又行了-58.jpg

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





上一篇:插画零基础教程:适合初学者学习的插画步骤教程,简单易学的插画
下一篇:新手怎么自学插画?插画学习最简单的教程



闲置时间之家-技能/资源雇佣平台
您需要登录后才可以回帖 登录 | 注册




主页

需求大厅

互动

技能展示

教程/投稿

更多+


发帖
快速回复 返回顶部 返回列表