进修典范原色系质感扁平插画

在插画进修中，最常碰到的困惑就是配色题目，色彩看似有着很是完整的理论，但现实应用时仍然云里雾里的人是很多。是以，明天这个插画就是教给大师最典范的原色系配色（红、黄、蓝），外型的同时去把握色彩应用的根基法例。

草图进程

草图是插画外型的灵魂，下面是具体的构想进程。

STEP 01

在这里，按照场景需要，我们要表示的是“摸索”的主体，是以我们这个案例中就用人物手中握着千里镜这个姿势起头表达，作为第一小我物，我们需要为第二小我物预留位置，也需方法会我们的插画构图的预设计划。

明天这个插画则是没有边框线，只需要将人物绘制出来即可。我们把这类构图的插画简称为“自在布景素材型”插画，它的可用处景很是多，且可以自在移植，这一点我们在前面会看到。

STEP 02

接下我们继续画出另一小我物，这小我物需要和第一小我物有一定的关联，所以我应用了铅笔这个物象来关联这两小我，让她们成为一体。

根本大形——第一小我物

STEP 03

由于不触及到布景，我们就用红色作为布风景，间接起头绘制人物。翻开AI，新建一个1600*1600px的文档，然后将草图拖入到画面中，新建一个图层，锁定在最上方。适当下降通明度，这样就轻易看到下方图层行将画出的外形。

STEP 04

预备好三原色：红、黄、蓝。饱和度可以放大一点，可是留意不要开得太大，特别是色彩形式用RGB的小伙伴。而CMYK相对来说不用担喜色彩过亮的题目，在这里我用的是CMYK。

这里的三个色彩不可是原色，而且在色轮上相对处于120°，是以也可以说它们之间是对照色的关系。红黄蓝三原色搭配是很是典范的。但在这里我们可以稍微做一点小小的变调，也就是将黄色往橙色的位置调剂，这时黄色的色彩就变得更重一点，画面的份量感也会增加。

STEP 05

这时还需要明白的一点是画面傍边除了应用这三个色彩之外，还有其他的色彩，这些色彩都是围绕这三个色彩而展开的，比如肉粉色作为皮肤的色彩，它就会偏红一点，属于红色系这个色彩中。一样头发的部分也是偏红的棕色，也是属于红色系这个色彩的范围。

应用钢笔工具和外形工具画出人物的面部、帽子和头发部分。

STEP 06

接下继续绘制人物的衣服部分，衣服部分相对复杂一点，我们可以把衣服分为衣身和衣袖两个部分来画，而衣袖也分左右两只手，所以一共是三块外形，都同一应用红色。

第一块外形画好后，置于头发这个图层之下，然后再画第二块外形，将两个外形拼在一路，可是不需要合并为一个外形，由于它们的条理纷歧样。

STEP 07

接下绘制另一只衣袖，留意两只手臂隐藏的照应关系，虽然另一只衣袖被身材遮挡，仍然不能疏忽这类潜伏的位置，否则手臂轻易错位，画出来的结果也不太好。

虽然草图部分我们已经表示了一部分，可是不够精准，根本形就是要控制精准的表达。

STEP 08

绘制好衣袖便可以起头绘制人的手以及手中拿着的千里镜，手的画法是个难点，难就难在对手的结构不清楚。这时除了要仔细研讨一动手的结构之外，就是需方法会下面几点：

1）手分为手掌和手指，虽然它们看起来是一个外形，所以可以分隔画了再组合。

2）先画千里镜再画手，这样就轻易摆好千里镜的位置。

STEP 09

绘制腿部的时辰，两条腿的色彩可以稍微纷歧样，比如左腿的色彩更亮一点，右腿更暗一点，这里可以了解为是光芒的明暗深浅分歧酿成的，而不是人物自己穿了一条左右两条腿纷歧样色彩的裤子。

这点出格提出来是由于之前看到网上的插画作品有表示左右两条腿色彩纷歧样的，实在都是由于光芒场景需要大概一种夸张表达，可是很多初学者并不晓得缘由，而在一切的插画中都用这类方式，就形成了视觉上的困扰和不调和。

腿部描画需要留意的点就是表面要表达出来，比如小腿的弧线、臀部的线条弧度，膝盖的笼统化……这些都不是用两条矩形随随意便拼出来的。特别两条腿的粗细是非要均匀。

STEP 10

绘制出人物的鞋子和脚踝，以及身材其他部分的细节。在画鞋子脚踝部分的时辰也要留意身材左右双方的平衡。

到这一步，初步的细节描画就竣事了，之所所以初步就是接下到PS傍边再停止更深入的细节描画。

配色小结：这里我们用到的三个原色，别离是以红色为主色，蓝色为帮助色，而黄色作为点睛色，虽然分派面积比例上大致相当，可是留意它们之间内部也有一定的次序。在我们观察人物的时辰，人物的衣服部分是位于主视觉的，是以上衣的色彩很是重要，填上红色，更可以增加这部分的视觉向心力。

根本大形——第二小我物

在画第二小我物的时辰，留意和第一小我物在色彩上的照应关系。

STEP 11

画出这小我物的面部、颈部和头发部分。在头发的部分，弧度的线条需要很是邃密的勾画出来。皮肤的色彩可以和别的一小我物相比有小小的变化。

扁平插画在表示弧度表面上需要一种比力多少化的气概，接近法则的海浪线，但又要表示出随机感，这是这类插画和其他传统写实类插画的分歧点。所以用AI外型的上风就是操纵矢量精准控制弧度的表示力。

STEP 12

接下绘制人物身材，绘制身材之前由于草图表示出了人物是扛着一支庞大的笔的外型，所以这支笔在画身材之前就最好能画出来。

STEP 13

身材的结构最好能分隔肩臂和主躯干，一般人物穿了衣服的部分先画，比如这时就先画好衣袖再来画主躯干。

温馨小纸条：这时能够很多人城市有疑问，既然都是同一个外形，为什么不间接一笔勾出这个外形，而要分红两个分歧的外形，然后组合在一路实在又看不出第一个外形的表面。这就是我为什么要分步会演示的目标，由于这样很是合适初学者去了解内部的结构，练习的目标就是为了记忆，最好的记忆就是画过一次就多一次记忆。比如这个肩部外型的这块外形，在这里不止是构建肩膀的外形题目，接下你还会看到其他的感化。

STEP 14

先画手臂再画手部，人物由于手臂外型稍微复杂一点，其中左手臂被铅笔盖住了一部分，可是内部的结构仍然需要留意公道性。特别手指的细节也要表达清楚。

插画虽然并不需要太切确的人物比例，但假如气概不是出格夸张的表示，都不能偏离现实太远。特别是初学者在学插画的时辰很是轻易走入的就是期待一步登顶的坑，夸张的不讲外型比例的气概都是一个熟悉了比例、玩比例玩腻了的大神才能表示好的，初学者做起来虽然差不多，可是终极结果必定是有很大差异的。

STEP 15

把下半身画出来，留意主结构是裙子和腿部。

STEP 16

再完善人物的腿部，比如鞋子。留意这里的鞋子和第一小我物从视觉上有关联，是以就需要从整体去给鞋子上色。比如这里的鞋子色彩就是按照左右平衡的原则，左侧的人物已经有三个色彩了，右侧的有人至今还没有用到黄色，虽然下半身的裙子是红色，可是仍然不够暖和，整体偏冷。是以就从鞋子上给出黄色。

STEP 17

进一步绘制细节，比如经过线条让人物穿上条纹衫。条纹的做法这时就要斟酌到两个偏向，还记得刚刚我们画过肩部阿谁外形吗？在阿谁肩膀的外形上条纹的偏向就不能和主躯干的偏向分歧。

STEP 18

为整小我物外型增加纸飞机，纸飞机的色彩是三色的，是以会让画面更丰富。纸飞机作为整碎视觉原则中的碎的那部分，能和全部大块的外形作对照。所以这里可以把纸飞机替换成任何你能想到的元素。

STEP 19

最初增加笔的细节部分，然后完成全部根本外型部分的创作。

配色小结：在AI里，由于配色是可以经过【重新着色图稿】来调理色彩，是以根本用色在这一步还能做进一步精准的控制和调理，这是我会比力偏向用AI做根本形的一个很大的缘由，常常优异的配色城市不竭尝试的进程，这也是一个进修的机遇，是以在AI中操纵重新着色图稿就能快速改变色彩，这是PS里的调色很难做到的（固然也不是不成以，只是会更复杂而已）

PS细节手绘

操纵PS增加手绘细节，固然条件是搬运到PS傍边，翻开PS新建好你所需要的新文档，然后在AI中复制粘贴曩昔便可以了。由于AI所绘的是矢量图，是以不用担忧巨细尺寸，粘贴为智能工具，就能肆意伸缩。这里我的PS文档是2000px*2000px,你可以按照自己的情况停止设备。

STEP 20

由于我们的画面没有布景，那只需要一个图层便可以了，然后再新建一个图层。把这个包括了主体工具的图层停止【气概化>分散】，分散的时辰有四个选项，凡是你可以看看预览结果来挑选，比如我在这里就挑选了“变亮优先”。

为什么要这一步操纵呢，大师也许发现了分散后表面线变得比力疏松和随意了，更像墨水排泄的感受。AI画矢量有个题目就是线条边沿太硬，偶然辰看上去显得随意感不够，这是PS里能帮手处理的题目，所以我都是AI+PS，即是人的左右脑并用，一个负责艺术一个负责逻辑，配合着用的。

STEP 21

这时起头在新建图层起头插上手绘板停止描画了，我在这里用的是根本默许画笔中的“干介质画笔-欢畅HB”，这个画笔就是自在安闲欢畅涂抹的，你可以用线增加阴影，用小外形点窜今朝已有的外型，增加更丰富的风趣的细节……好了，话不多说，我们起头吧。

首先从人物的头面部分隔始，接下就是躯干手脚以及其他的配件细节。留意用深色线条表示阴影、红色线条表示高光，而其他的细节则可以肆意用任何色彩，只是色彩都不要跨越我们根本三色的范围。

STEP 22

再进一步绘制人物的腿部裤子的图案，这里应用的是kyle的画笔傍边的“kyle`s Screentones-Skinny Hexagons”，整套画笔的下载地址我分享在文章末端。

固然你也可以用其他的图案，图案的色彩、涂抹的方式和表示的外型都是随心创作的。我的文章就像一个填色书一样，你画到这里就随意涂涂画画，找到创作中审美的感受，这比看什么理论书和文章都对你有帮助。

再给人物的鞋子也增加上丰富的细节，多去某宝上走走鞋子，找到自己喜好的想买的鞋子然后画出来，插画中的灵感就是这样来的。

STEP 23

继续画，这一步来到另一小我物，画法类似，都是用画笔，只是此次可以不用图案画笔。这里大师能够会留意，我们有的图案可以用AI，有的图案可以用PS，完全可以不用范围。所以文章就演示了两种分歧的工具。

到这一步，我们的人物部分根基完成以下。

配色小结：在刻画细节这一步实在色彩的增加原则就是围绕主色不偏离偏向，例如我们用红、黄、蓝，所以画面中看不到一点绿色、紫色这类色彩。我在插画课的学员的作品中就发现，这是很多小伙伴都轻易犯的毛病：以为色彩多是丰富。实在丰富不止来自色彩，还来自外型，特别是当画面主色很有偏向性的时辰，忽然来一个个此外色彩，就有点格格不入，和其他色彩也没有照应。这里的细节虽然也用了很多小色彩，但都是和其他色彩有照应的。

STEP 24

最初，可以挑选增加一些颗粒，新建一个图层，将这个图层建立为剪贴蒙版，操纵颗粒质感的画笔轻点其上，就能制造一品种似旧墙壁的比力斑驳的结果，不外这都不是必须的，所需要的画笔我也会一并分享到末端。

插画利用

插画的利用可以放在两个场景中，一个是印刷物料类，还有一个就是虚拟的UI界面里。

以上，在各类分歧的利用处景下，还可以增加和削减元素，比如在网页里便可以增加布景的云朵形的图案，而印刷类制品中则可以不必每个画面都显现完全图，而是部分截取的方式，这就是素材的意义，画好一个素材图，便可以为所欲为的利用，而不再担忧去网上找的素材会有版权题目，大概图片不够大，图片没法子改变的题目啦。

后记：画笔下载地址

Klye`s 画笔套装.zip (682 MB, 下载次数: 804)

颗粒画笔套装.zip (6.3 MB, 下载次数: 818)

2021-4-9 14:47 上传

点击文件名下载附件