全网流行的线性插画，深度实操详解，手残党也能玩！
给大家上一个「复古扁平几何风」的才艺展示，这次我们再给大家来一个「粗描边线性插画」的才艺展示。
这种粗描边线性风格的插画，难度虽小但适用范围很广，最主要的是，没有手绘基础的同学，只要动动你的小鼠标，也能完成下面的效果，是不是很酷？快点放下你手上的赤鸡和农药，跟我一起动起来吧，再学不会我就要打人了！
这种风格这几年都比较流行，经常会被应用在卡片、海报，H5活动页面...等商业场景中：
_____
https://uba.midea.cn/l/zUFfEz (二维码自动识别)
_____
https://p.damai.cn/wow/act/act/xqfxs (二维码自动识别)
_____
_____
__________* 图片来自网络，滑动可查看更多
按照国际惯例，在开始学习之前，我们需要先分析一下这种插画的风格特点：
场景：以人物为主体，通过辅助元素装饰；色彩：丰富明快，具有很强的氛围感；人物：造型简洁，有趣可爱，独具一格。
这种风格的代表人物应该是国外插画师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:每个人物只需要一处花纹即可，不然会让花纹强掉人物的视觉焦点，并且会让画面十分凌乱。并且，人物与人物之间的花纹也要隔开，例如小男孩的上衣使用了波点花纹，所以旁边的蓝色上衣的女人，花纹就添加在了裤子上。
最后，我们给背景和前景的物品加入一些花纹。由于背景和前景本身只是点缀，所以花纹只需要选择一两处添加即可。
加完前景及背景的花纹之后，今天的教程也就完成啦~
我们来看一下这种插画的应用效果，不管是海报、杂志封面、还是网页展示，想怎么用就怎么用，翻车是不可能翻车的。
展示完毕，那本次插画教程就到这里结束吧，想尝试的小伙伴，可以在后台回复【插画1】，就能领到这篇教程运用到的笔刷了。
最后，很多小伙伴说看不到我们的推文消息，以为我们最近偷懒没有更新。其实是因为公众号消息的排序机制调整了，如果你长期都只是看文章，没有留言过，也没有点过【在看】，那很有可能会和本莲失联，看不到我们的更新。想要找回其实也很简单，在留言板里夸我们真棒，或者点个在看就行了~
文章来源：胡晓波工作室（ID：ziyou-design）
全网流行的线性插画，深度实操详解，手残党也能玩！相关推荐
- python三维图能画地图_Python地图绘制实操详解
网上有很多地图绘制的教程,更多趋向于全国地图或者省级地图,但有时我们需要到县级.闲得慌,今天以贵州省毕节市为例,分享一篇Python县级地图的绘制(遥想当时差点把百度翻了个底朝天),希望对需要的你能有 ...
- 21.ACL 访问控制权限详解,setfacl,getfacl,setfacl -m,setfacl -d,setfacl -k,setfacl -x,mask等实操详解
ACL 访问控制权限详解,setfacl,getfacl,setfacl -m,setfacl -d,setfacl -k,setfacl -x,mask等实操详解 文章目录 ACL (访问控制权限) ...
- gcc编程4步编译、调试c程序实操详解（Linux系统编程）
gcc编译可以执行程序4步骤:预处理.编译.汇编.链接 一.知识储备(想看实战往下翻) 在linux程序种,c程序需要用gcc进行编译,链接用ld程序,ggc编译完成后可自动调用ld程序完成链接. 调 ...
- 月销售额224万美金的Shopify独立站卖家实操详解
Hello 你好,我是项柚,花过1亿美金预算的独立站站长.选什么品和选哪个垂直细分领域切入是做独立站最让人头疼的两大问题,这篇文章,我就帮大家解决这两个问题.我们会按照顺序先讲如何选择垂直细分领域,再 ...
- Pytorch实现手写体识别（基于CNN卷积神经网络）实操详解（附完整代码free）
手写体作为深度学习的"Hello world",几乎所有的课程都会讲到这个,今天带着大家一些看看吧. 如果对你有所帮助,点个赞给个小关注,以后一起交流学习. 前言 首先和大家讲讲我 ...
- Nginx+Tomcat负载均衡和动静分离理论实操详解来袭！
文章目录 一:关于动静分离和负载均衡介绍 1.1:Nginx+Tomcat的动静分离 1.2:Nginx+Tomcat的负载均衡 1.3:Nginx配置反向代理的主要参数 二:Nginx+Tomcat ...
- 干货 | Elasticsearch7.X X-Pack基础安全实操详解
1.调查:你的Elasticsearch怎么做的安全防护? 背景:大家知道elasticsearch早期版本安全部分收费(7.1 & 6.8 版本之前),实际中各个公司6.x,5.x,2.x, ...
- 【iVX 开发 - 入门】UI 组件介绍及实操详解
本文导读 写在前面 iVX 各 UI 组件及属性面板详解 1. 图片组件 2. 图片序列组件 3. 文本组件 4. 输入框组件 5. 富文本/富文本编辑器组件 6. 地图组件 7. 二维码组件 写在前 ...
- ANSYS Workbench项目分析与案例实操详解
最新文章
- 低功耗蓝牙系统结构流程图
- js源码 模仿 jquery的ajax的获取数据（get，post ）的请求封装
- MapTask并行度决定机制、FileInputFormat切片机制、map并行度的经验之谈、ReduceTask并行度的决定、MAPREDUCE程序运行演示（来自学笔记）
- Wordpress上传图片的存储逻辑
- envi插件大津法_IDL打开科学数据集
- c语言限制字符数,C语言中“不受限制”的字符串函数总结.pdf
- java获取cpu使用率_再一次生产 CPU 高负载排查实践
- Hyper-v副本容量规划器
- Nmap扫描机器开放的端口
- 存储数据恢复案例_磁盘阵列数据恢复_raid5磁盘掉线数据恢复方法
- Scratch少儿编程与游戏:圣骑士之魔法森林
- 未来教育二级mysql怎么做题_计算机二级买了未来教育，但是不知道该怎么学习，就是单纯的刷题吗？感觉没有书有点不习惯，怎么办？...
- 真香，50行Java代码爬取妹子套图！
- Unity3D RenderTexture实现3D立绘
- 如何去掉超链接下划线小集锦
- iso硬盘安装 凤凰os_系统之家ISO硬盘安装图解
- SPICE的器件模型
- 【电商数仓】数仓搭建之数据主题（data warehouse topic-- DWT）层（DWT层之首日和每日数据导入脚本）
- 第八章 排序 思维导图
- canvas孙悟空脚踩白云今年是猴年