转自民众号胡晓波工做室
我们好好好好好好好呀！我是专治“不会画症晚期拉”的蓝贵莲！今天又是咋们发动插画技术的时刻了，你准备好了呀？
今天咋们带来的技术是「色块矢量插画」的绘制办法啦。这次的教程是我插画班的助教导师 cici 完结的，先来看一下功效
cici 是我 23 期插画班的学员，在经验了训练营三个阶段的打以后被提升变成助教啦。现在 cici 以前训练营 P6 了，除每一月随着 P6 导师完结一张风格做品，同时还会自力钻研画风并输入变成教程让我们学习啦。这篇教程是他的首秀，请我们给他一点激励～接下去，掌声有请 cici 登场！
——————————————————
我们好，我是刚刚提升为两胎宝妈的老姨妈 cici, 今天我将从构图到最终的细节，带我们一同来钻研一位简易操做但功效炫丽的矢量插画，有无手绘基本也能够或者者完结哦！
知识重点构图条理.色搭配.元素富厚
操做器械数位板 | illustrator
操做困难
一最先的时刻给我们推荐一位来源塞尔维亚插画家 Alex Krugli啦。他善于通过富厚的图形组合和壮丽的色讲明，来使一开始简易的画面内容变得条理富厚，百分百吸引你的眼啦。
*图片来源插画师 Alex Krugli，仅供赏析
*
剖析Alex Krugli的画风特色
//
1. 扁平风图形插画，元素几多化概括，组合富厚，画面丰满，无空-间透视转变，无肌理功效啦。
2. 构图条理富厚，有远景，中景，远景几个部-分组成啦。
3. 色统一又富足转变，运用互补色使画面更有视觉攻击力 啦。
4. 图形遮盖富厚，给简练的表-面形象增添更多的可看性啦。
我真是一位善于总结的好學生，下面最先画起身吧~
本次的主题我想以建-筑为主元素，构建一位室外场景画面，一最先的时刻咋们能够去百度或者者花瓣寻找些美丽 的屋子照片，找找灵感，主要词可于是欧式建-筑，复旧小妾子等啦。
寻找建-筑素材图一会儿，必-要注重两点
1.几多感强
2.计划感强的建-筑做遵照
这里我找出了两张建-筑图片，将这个内里一张做为主元素建-筑，另一张做为远景建-筑群，然后能够再去找找场景相关的素材，如车辆.邮筒.花卉树木等，一样也是靠百度啦~
图片起源网络，仅供赏析
在 Alex Krugli 的插画做品中，十分重视画面条理的区分，咋们能够先剖析一张他的做品啦。
从色分区能够看出画面分了四个条理，图中的血色地域是画面的远景，蓝色是中远景，绿色是中后景，紫色是远景啦。
那怎么样把画面放置的有序且富厚呀？
1. 区分建-筑条理，由近及远啦。如图，建-筑能够有单体和建-筑群两种形势，相互交织，区分各个条理建-筑的长短宽窄高下，中景建-筑一样平常占比最大，对比密集，远景建-筑起遮挡功效，布景建-筑概括，占对比小啦。
2. 拉开建-筑长短品级，近大远小啦。（以下图中相似表-面形象的建-筑在画面中长短转变）
3. 富厚建-筑剪影形，高矮.粗细.方圆相互结合啦。
4. 近景的表-面形象更繁杂，布景简化处置啦。
通过火析一定了我的构图方向，使用搜集的素材，咋们能够大要的摆放一下职位，将画面分四个条理，蓝色地域的中景建-筑是这次画面的主体元素，血色远景地域起到遮挡功效，绿色中后景地域富厚了画面的条理，紫色远景做为布景烘托前面的元素啦。
主体建-筑物的绘制
1. 捉住照片中建-筑物最有特色的几个场所
2. 依照构图调治建-筑的长宽含量，用几多形体概括形状，扁平处置，不做透视的转变啦。注重对遵照照片做一些主见的调治，不-要一切一样哦~
TIPS这里我用了三角形和方形做为大的框架，给人稳固的感受，内里增添半圆形.圆形，增添转变，给建-筑物增添生气啦。
远景建-筑群的绘制
1. 概括建-筑群中的几种建-筑状态
2. 将几种建-筑形重新组合，做高下长短的演化，造成新的建-筑群，增添花卉树木.台阶等元素富厚条理转变，并增添建-筑内里的细节啦。
遵照以前插画师 Alex Krugli 对建-筑条理的处置，将画好的建-筑群安置在画面中，这里注重主建-筑占比最大，建-筑群必-要做近大远小处置啦。而且建-筑要有高有低，有宽有窄，相互交织合-作啦。
其余元素的绘制
建-筑群绘制以后，接下去咋们将要富厚画面的其余条理，远景加之车辆，花卉树木，街道，邮筒等元素对中景举行遮挡，布景用远山空中延伸画面，另有角色，增添画面的生气啦。
1. 汽车的绘制
① 对车辆举行平面化处置，将前侧两个面用一位平面概括啦。
② 用几多图形举行概括和演化，车辆主要用到的几多形是半圆角矩形和圆形啦。
2. 邮筒的绘制一样也是对比片举行几多图形的概括，主要用到了半圆形.矩形和圆形啦。
然后咋们将两者和小花卉树木做组合搭配，造成画面的远景，元素组合的形势能够免元素的简易，而且更有条理啦。
3. 花卉树木花卉树木一样能够从照片中提取几多形，再举行演化，这里我通过照片提取了圆角矩形，三角形，圆形，再通过组合叠加的形势，演化成新的几多形啦。花卉树木在画面中能够做为远景，或者者交织联系其余单体，也能够或者者做为遮盖元素重复出-现啦。
4. 角色角色在画面中也是起到遮盖的功效，面积不大，没必-要要五官的描绘，画出基本消息即可啦。
① 从照片中提取消息啦。
② 优化角色含量并纠正消息头扩大并调治转向，肩变窄，身段摆正，更改手臂和腿部的消息，让两私角色之中有一点互动啦。
③ 几多化处置一最先的时刻能够概括一下面身子体各部位的基本几多形，再套用到消息中去，注重直线概括，使角色越发图形化啦。
最终画一下布景的远山，月-亮，朵云，草图就完结了，啦啦啦~
线稿的绘制是在 illustrator 中完结，在草图的普遍增添物体内里细节并对所有画面做最终的调治啦。
1. 建-筑的屋顶表-面形象用三角形.梯形.半圆做了统一的标-准啦。
2. 在草图的普遍，用AI把线稿画进去啦。
3. 统一建-筑群中的花卉树木表-面形象，增添了栅烂的元素啦。花卉树木这里用圆角矩形为基本型，长短叠加，几个为一组，交织在建-筑之中啦。
4. 在草图的普遍，用AI绘制线稿，并增添车的细节啦。
最终再搜查一下画面的疏密关系，线稿就完结了啦。
1. 梳理是非关系
由于画面的条理对比多，咋们能够先一定下画面的是非关系，场景设定是夜晚的场景，所有气氛可于是暗色，中景地域的色亮暗对比较强，是重点突出的场所，布景统一在暗调里，不做太猛烈的亮暗对比，起烘托功效，远景压暗，稳固画面功效啦。
2. 配色配色我选择蓝紫色为画面的主色，辅佐色取主色的相近色（绿色）来富厚色，互补色（深血色）来增强画面攻击力，用纯度高的橙色与血色做为画面的遮盖色，使所有配色既协调统一，又富厚多啦。
为了不配色杂乱，能够将画面分块，大要放置下画面色的占比，主色也许占到画面的 65%，相近色 15%，互补色 15%，遮盖色 5%啦。
结合以前的是非关系，咋们就能够完结色稿了，注重冷暖的转变也能够或者者体现画面的条理感，布景偏冷，过渡到远景，逐步逐步变暖，咋们以花卉树木的色转变为例啦。
最终所有视察，注重色在画面中要疏散平衡，相互照应啦。不-要一种色只出-现在一处（以下图的血色运用），饱和度高一点的遮盖色，能够起到点亮画面的功效啦。
做完色稿，咋们的画面差一点完结 70% 了，通过描绘三部曲，加明暗，加阴影，加遮盖，就能够让画面看起身更壮丽啦，下面请看详细的解说啦。
建-筑的描绘
1. 加明暗一最先的时刻通过光源剖析，一定受光面啦。
再通过提亮受光面色，做物体块面分辩啦。也能够或者者通过更改色色相，运用冷暖色来富厚色啦。由于这部-分建-筑位于最中心的职位，咋们要把他的分块做的详细一些，包罗门窗的亮暗都要分散，两个三角塔形建-筑是离光源最近几天的场所，因此你们的块面色对比较强，营造光影感啦。
2. 加阴影在房檐下方绘制阴影，阴影的增添能够富厚画面条理，增添体积感啦。
3. 加遮盖建立一些小的遮盖图形做为花纹填补在块面中，点面结合，使画面遮盖细节越发富厚与详细啦。注重遮盖图形的放置要有疏密转变，亮面图形的色能够用物体暗面的色，暗面图形的色能够用物体亮面的色，既不损坏所有色，又使画面越发富厚啦。
同理，远景建-筑也用一样的措施描绘啦。
1. 加明暗远景的建-筑块面色对比能够削弱，对应越发统一啦。
只要将墙体做一位亮暗的分辩，窗户这些小的块面就没必-要再做分辩了啦。
2. 加阴影在建-筑交待接收处增添阴影，富厚条理啦。
3. 加遮盖增添遮盖元素，种类能够没必-要许多，统一一些啦。
TIPS分辩块面的表-面形象不限于直线的分割，这里我用了 Z 形的基本元素，做区别的表-面形象运用到屋顶的分割中啦。
汽车描绘
1. 加明暗物体举行明暗的块面分辩啦。
2. 增强明暗对比为了拉开与以后建-筑的条理，能够增强汽车上块面的亮暗对比，同时也为所有画面增添亮色啦。
● 角色描绘
角色的描绘对应来说对比简易了，只做一下明暗转变即可，再分辩手臂与身段的左右关系和双腿的左右关系啦。
花卉树木的描绘
1. 圆角矩形树的描绘一最先的时刻对同组树丛做色分辩啦。
再加之遮盖元素啦。
2. 单体花卉树木的描绘以下图三角形花卉树木为例，仍然根据分辩块面，加阴影，加元素的措施描绘啦。注重块面的曲线分割和色的冷暖转变啦。
远景的处置
远景对所有画面起烘托功效，先将布景做图形的分割，在与建-筑交待接收处做重色的烘托，在图形上延用了 Z 形元素，与屋顶相照应，再依次参与月-亮星星云.小树.小鸟.图形遮盖等元素，点，线，面相结合，在统一中富足转变啦。
再这样那样以后，咋们的画面就完结了，啦啦啦~撒花
1. 画面构图的条理放置
2. 照片元素的特色提取，几多图形概括及组合
3. 色的统一和转变
4. 遮盖元素的增添
那么今天的教程到这里也就结尾了，你学废了呀？喜欢记得点个赞哦，咋们下次再见啦。
本文转自微信民众号胡晓波工做室，图片起源网络，版权归本所有者所有，本文仅供分享调换，若有侵权，请联系我删除，谢谢！
发表评论