手绘教程！妙趣横生的黑白涂鸦插画

教程作者：蓝贵莲（授权转载自公众号：胡晓波工作室）

交作业：微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

大家好好好好好好好呀！我是专治不会画的蓝贵莲。又到了每月一度的周三插画教程时间！快拿出你们积灰的数位板，和我一起画起来！

今天为你们带来的表演是「黑白涂鸦插画」。接下来，就有请我插画班的助教老师——cici开始她的表演！

大家好，我是cici，本期教程带来的是又潮又酷的黑白涂鸦插画，教你三步快乐涂鸦，创作生动有趣的角色形象，话不多说，涂起来~

知识重点：角色设计、黑白关系

操作工具：Photoshop丨数位板

操作难度：★★★☆☆

本次画风整体以角色设计为主，用黑白涂鸦的方式刻画并进行图案装饰，我们先来欣赏一组黑白涂鸦插画作品，了解下本次的画风特点。

图片来源于网络，仅供赏析

画风分析

1.人物设计：身体框架具有几何感

图片来源于网络，仅供赏析

2.黑白关系：画面黑白关系均衡，运用黑白将画面元素做分区

图片来源于网络，仅供赏析

3.装饰感强：点线面结合进行细节装饰

图片来源于网络，仅供赏析

#01 角色设计

本期主题，我们来结合一些动物的谐音更来完成一系列趣味主题插画，角色设计采用拟人化处理，用动物头+人物身体框架的形式使角色更特别。

身体框架设计

1.绘制几何形：用不同的几何形概括身体各部位

2.几何形组合：将之前概括的几何形组合起来，完成身体框架的雏形

3.雏形升级：对雏形框架进行头身比例的调整，根据不同框架的特点匹配适合的角色。

a.女性角色框架：调整为9头身比例，抓住肩窄腰细胯宽的特点，并做线条的弧度修饰。

ｂ．男性角色框架：调整为9头身比例，身形方正。

ｃ．魁梧型框架：调整为１１头身比例，肩宽腰细，呈倒梯形，手臂粗壮。

ｄ．灵巧型框架: 调整为9头身比例，上身比例小，四肢发达。

TIPS：提取共同点让角色系列化：手臂统一做夸张加长处理，并统一手部形状。

角色绘制

首先我们来绘制一个爱购物的shopping猫，性别：女，时尚性感带点小傲娇，本猫最美的感觉。

1.提取动态：选择照片素材提取动态

2.动态转化：结合身体框架进行动态转化

3.头部绘制：首先几何化概括头部外轮廓，提取动物特征，再绘制五官，注意表情的描绘。

4.头身结合：完成以上三步，就可以来一个换头大法，拟人化动物角色设计初步完成。

5.衣饰绘制：根据他们的角色属性和特点，加入衣服和配饰。

a.头部装饰：加入可爱的花朵及蝴蝶结元素，使头部造型更丰满。

b.衣服绘制：贴合身体曲线，不破坏身体框架的几何感。

c.加入道具：加入购物袋等物品体现它爱购物的属性，还有别忘了画上猫尾巴哦~

同理，完成其他角色的绘制，这里就做一下简单的展示。

配合默契的兔子夫妇

新时代的看门狗大哥

爱好音乐活力满满的chong鸭

角色已经设计完啦，接下来我们结合主题将角色进行构图排布。

#02 构图安排

这一系列的画面采用的是中心式构图，角色主体占满画面中间位置，周围辅助添加其他元素，观众视线聚焦在主体上。

以shopping猫为例，主角在中间，周围添加文字及道具元素，画面整体规整于长方形内，避免杂乱。

道具元素

发散思维，找出相关元素。

1.绘制元素：对照片素材进行图形概括，再进行比例和细节的主观调整。

出租车的绘制

化妆品的绘制

同理绘制完其他元素，并放于画面内，注意元素之间近大远小的透视关系。

文字添加

在画面顶部加入手写字体主题，文字风格与画面风格统一。

1.字体设计

a.找到一组手写字母参考，分析其特点。

b.绘制字体：首先选择标准圆形字体垫底做参考，绘制出字体的基本形。

然后做字体的长宽弧度调整，使其更加紧凑随性。

c.加入动物元素，进行字体装饰，放于画面之上

最后添加一些小的元素装饰，填补留白，画面的线稿就完成了~

同理，绘制其他角色的道具和文字，这一系列的线稿就画完啦。

#03 绘制黑白稿

本次的涂鸦画风只用到了黑色和白色，在不同的画面中可以用黑衬托白，也可以用白突出黑，重点在于主角的突出和画面的平衡，像太极图一样。

1.突出主角的方法

a.背景白，角色黑，以白衬黑

b.背景黑，主角白，以黑衬白

c.主角内部黑白对比强，相互衬托

d.用其他元素衬托主角，如图先用其他元素的黑衬托猫的白，再用黑色块点缀角色，使其更突出。

2.画面黑白的平衡：

以下图为例，首先需要在右下角加入黑色来平衡主角的黑色，使画面稳定。

然后在左上角点缀黑色，让画面更加平衡。

同理，完成所有黑白稿，效果如下

#04 细节刻画

画完黑白稿基本上画面完成90%了，只差最后的细节装饰，本次只用到了一个笔刷，勾线涂色都可以，他就是【村口勾线笔】

线条整理

完成整体画面的勾线和填色后，再用白色勾线，画出黑色色块内的结构线。

丰富角色

1.图案装饰：添加图案装饰，注意图案分布要疏密结合，不能太满。

2.线装饰：用线条绘制更多细节

3.点装饰：用点填补空白，丰富变化

TIPS：点线面元素的分类

面元素：用大的色块或者图案形成装饰面，装饰感强

线元素：用线条绘制更多细节，丰富画面表现形式

点元素：点状装饰，起点缀丰富作用

经过点线面的装饰，人物就更丰富了，这里我们再用另一个角色复习一下。

同理，完成其他角色和元素的装饰，我们这次的系列画面就都完成了，效果展示如下。

#05 知识小结

1. 角色身体框架的设计和夸张处理
2. 动态的提取及转化
3. 明确黑白关系，同时画面要平衡
4. 点线面在画面装饰中的运用

欢迎关注作者的微信公众号：「胡晓波工作室」

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…