百木园教程作者：村口蓝贵莲（胡晓波工作室出品）
交作业：#优设每日作业#
大家好，我是最近沉迷于麻辣王子的村口蓝贵莲，因为工作室的小米锅巴已经被我们吃光了。
上次我们插画部小伙伴亲身示范，给大家上了一个「复古扁平几何风」的才艺展示，这次我们再给大家来一个「粗描边线性插画」的才艺展示。
这种粗描边线性风格的插画，难度虽小但适用范围很广，最主要的是，没有手绘基础的同学，只要动动你的小鼠标，也能完成下面的效果，是不是很酷？快点放下你手上的赤鸡和农药，跟我一起动起来吧，再学不会我就要打人了！
这种风格这几年都比较流行，经常会被应用在卡片、海报，H5活动页面…等商业场景中：
* 图片来自网络，滑动可查看更多
按照国际惯例，在开始学习之前，我们需要先分析一下这种插画的风格特点：
场景：以人物为主体，通过辅助元素装饰；
色彩：丰富明快，具有很强的氛围感；
人物：造型简洁，有趣可爱，独具一格。
这种风格的代表人物应该是国外插画师Rami Niemi，我们百度一下就可以查到他的很多作品。这次我们可以吸收他在人物造型和色彩上的优点，进行二次创作尝试，做出一点点不一样的感觉。
* 图片来自网络，滑动可查看更多
知识重点：人物造型归纳及装饰图案的使用
操作工具：数位板 | Photoshop
操作难度：毫无难度
在开始之前我们要想好画什么样的场景，然后再去搜索相关的图片素材。大家在前期尝试的时候，完全可以画一些生活场景或者是剧照。
这次使用的素材就是一张剧照，其实一些影视剧照很适合去当作绘画素材，因为影视剧的构图配色元素大都是经过精心设计的，我们平时可以多收集，建立自己的素材库，画画时思路会更开阔。
如果画面元素比较少的话要进行头脑风暴增加一些场景元素，以你打算画的主题进行头脑风暴。
例如我选的这个场景，是有明确的主题关于旅行，画面中己经有了行李箱这些相关的元素，我们就添加一些车票、人物装饰物件、背景植物、树云鸟等元素丰富画面突出主题。如果画面中只有主人物，主题不明确的时候，我们就选定一些主题去联想，比如学习、健身或者烹饪等等，并以此为主题进行发散关键元素。
TIPS：确定了主题，画面就会有故事感，然后进行头脑风暴，确定插画主题内容。
由于这次的画面主要以人物为主，所以我们先分析插画师Rami Niemi的人物特点。我们可以发现，这种风格的人物通常会将人物关节归纳为几何形态。
可以看出头部基本是一个圆，脖子是矩形，身体和胳膊就是带圆角的矩形，腿是矩形，鞋子是梯形，胖一点人物脖子几乎没有。手掌梯形，五根手指也是圆角矩形。
TIPS：在这些特点上我们再根据每个人进行调整，有的肩膀宽，有的圆弧度比较大，这些都可以进行变化。身体调整后五官去简化，眼睛鼻子耳朵，也可以加嘴巴。根据人物特点可以添加胡子、眼镜等。女性及瘦点的人脖子可以长，儿童脖子要短。
① 先用长直线在照片上勾勒这个男子的外形，确定一个大体的造型；
② 在这个轮廓型的基础上我们给他进行拉伸变形。将头部轮廓改的更圆一些，选取上半身拉伸加宽，裤腿拉短加宽，画出梯形的鞋子，将头身比改为5:5，以此来区分真人的比例。
③ 人物的大型勾勒出来后，我们画出西装的衣领，衬衣领及露出的袖边，还有腰带的位置，肩膀转折处可以圆滑一些。
④ 增加人物五官及装饰：由于参考的人物造型比较简单，所以我们可以一些小装饰，例如领带。人的帽子直接用几何形态概括即可，发型简化，添加五官。
TIPS：我们参考人物时只是需要画出大概的动态，一定不要所有细节都照着画，注意头身比、头的大小和身体的宽度，整体画出轮廓再加入细节。
接下来我们来画中间坐着的女性。
① 同样的先用长直线在照片上勾勒这个女子的外形，确定一个大体的造型。根据上一个的方法转化人物风格，将身体拉宽，胳膊和脖子变宽。
② 去掉原图，将身体转折的地方改成圆角，并添加服装细节：画出西装的衣领，衬衣领及露出的袖边。箱子按照原来的形状画即可。
③ 增加人物五官及装饰：可以加上丝巾，加上帽子，上衣加上格子花纹。发型简化可以直接用圆形表示卷发，添加与第一个人物相同的五官。
然后每个人物都是这样的转化，根据这几步画出草图：
TIPS：为了保证人物风格的统一，所有人物的五官相同，可以适当加入表情或者修改鼻子的大小。
接下来，我们添加元素来丰富画面。先画背景：加入植物、云和鸟，这些都可以用几何去概括，例如树就是圆形/三角形加入矩形，有点像小时候的简笔画。
加完背景之后还需要丰富一下前景。照片中前景是有一只狗狗可以画上。但是依然有点空，那么可以加上前面发散出来的元素：例如车票、盆栽和小狗玩的球等等。
草图确定之后，开始用钢笔工具把草图勾勒出来。
TIPS：前期勾线时统一描边粗细，填充为白色。后期再直接修改填充颜色就可以。
首先勾出头部的形，像脸和耳朵就直接用圆形工具画出来，再用钢笔工具勾出帽子和头发五官的部分：
接着勾出身体的轮廓。在开始勾线之前先分析图层的前后关系：衬衫是最底部的先勾，外套是最顶部的后勾线，细节的部分，比如领带，袖口最后勾。
最后勾出脚的形状，脚的形状相对来说更不规则。要注意钢笔锚点不要加太多，保证几何形的平滑度。
这样我们就把人物勾完了。如果哪里觉得不舒服再进行微调。
TIPS：前每一步完成后都可以进行微调，不要太依赖之前的草图。草图只是为了让我们绘制更加容易，还要看最终效果的呈现。
现在我们这个男士就画完了，为了增加趣味性，我们就给他加上腿毛、鞋带及腰带扣，使人物更加丰富完整。
剩下的人物和背景都按照之前的步骤勾完，再进行大小调整，增加元素和细节，线稿就完成了。
然后就非常重要的一步——上色。
在配色之前，我们需要给画面定下基调。一般来说，一副插画的主色除了黑白灰之外，不要超过3种，如果想要色彩更加丰富，尽量添加同类色和黑白灰。
TIPS：
插画配色六大技巧
1. 单色搭配（色环15度以内）：和谐统一
2. 同类色搭配（色环60度以内）：低对比和谐美
3. 邻近色搭配（色环90度以内）：和谐，不会冲突
4. 互补色搭配（色环180度以）：有冲击力，较强的视觉效果
5. 三原色搭配（色环三角对立颜色）：有冲突效果也好
6. 分裂补色（色环180度邻近的两个色）：画面丰富
* 图片来自网络
我们今天学习的这个风格配色很百搭，各种配色方法都适用。这张插画我用的是对比色配色：红色和绿色，再加上绿色的邻近色蓝色和红色的邻近色黄色（蓝色黄色是互补色）。主色红要占最大面积，直接用作背景，然后再加入点缀色。
首先先将主色和人物肤色铺上去，最好不要每个人服饰颜色一样，所以我各选一个人物用红色和绿色：
两个年纪稍大的男士用重色，可以平衡画面中的色彩，使画面不会眼花缭乱。然后再加邻近色蓝色，最后加黄色，点亮画面：
TIPS：为了让画面丰富的同时又不会眼花缭乱，红色、绿色、黄色和蓝色色值基本都在拾色器的右上处（红框内）。
最后，给画面其他元素上色。背景直接用接近于白色的米色去填充大部分的建筑，其他物品，例如树和电线杆等可以直接用人物服装的颜色填充即可。前景同理。
接下来我们只要添加一些纹理画面就大功告成了。我们先来看一下细节绘制的笔刷。
选择【波点一（中）】笔刷，选择小朋友衣服图层，在上面新建一个图层并做剪切蒙版，用画笔直接涂抹铺满衣服。接着锁定波点图层像素，将其中的一些波点改为黄色，让衣服细节更加丰富。
接着，我们使用笔刷【虚线（方格衣服）】给左边的男人的西装加入虚线花纹。
其他的人物都以这种形式使用不同的笔刷绘制服装花纹即可。
TIPS：每个人物只需要一处花纹即可，不然会让花纹强掉人物的视觉焦点，并且会让画面十分凌乱。并且，人物与人物之间的花纹也要隔开，例如小男孩的上衣使用了波点花纹，所以旁边的蓝色上衣的女人，花纹就添加在了裤子上。
最后，我们给背景和前景的物品加入一些花纹。由于背景和前景本身只是点缀，所以花纹只需要选择一两处添加即可。
加完前景及背景的花纹之后，今天的教程也就完成啦~
我们来看一下这种插画的应用效果，不管是海报、杂志封面、还是网页展示，想怎么用就怎么用，翻车是不可能翻车的。
展示完毕，那本次插画教程就到这里结束吧，想尝试的小伙伴，可以在文章底部下载笔刷练习哦～
来源：https://uiiiuiii.com/photoshop/1212315439.html
图文来源于网络，如有侵权请联系删除。