静电说：各位好久不见，最近不管是静电的微信还是微博，统统被Zootopia-《疯狂动物城》这部逆天神作刷爆了屏幕。话说静电对卡通片也是天然没有抗拒力，找了个早场欣赏了IMAX版本的《疯狂动物城》。嗯，瞬间成了这部片子的脑残粉。说说感受吧，首先，不同于传统意义好莱坞的合家欢影片，这部片静电认为并不适合小孩子来观看，因为从头至尾，这部电影都传达出了深深的“恶意”。动物世界就是美好的乌托邦？那还真是大错特错。影片从头到尾贯穿着我们现实生活中能感受到的种种现象，政治，毒品，种族/性别歧视，以及我们所经历过的各种生活的残酷。独具创新的剧本成为这部剧成功的关键。 不过话说回来，帅气的Nick和呆萌的Juddy到底发生了什么故事，那么大家还是去影院先睹为快吧。

原文地址：

http://www.sketchchina.com/read-360.html

作者：静电@静design 

微信公众号：jingdesign91 

转载请保留以上版权信息

今天我们要使用Sketch来绘制这两位主角。网络上形象很多，这幅图算是半个临摹吧。由于过程复杂，静电通过几个要点为大家分析这幅作品的绘制技巧，其中大部分为Sketch中钢笔工具的使用技巧。

STEP ONE-画面拆解

在绘制任何图案之前，我们都要对这个图案做分析和拆解。首先做大的拆解，看看画面的构成。

第一次的拆解为狐狸，兔子，一只胡萝卜和名为Zootopia的Logo。接下来我们分别对每一个物件来做拆解。这次的绘制难点主要是两个卡通人物，期间涉及大量的钢笔勾线及少量的布尔运算内容（要了解更多sketch软件的使用和技巧，除了关注公众号jingdesign91，也欢迎大家在各大电商网站购买《Sketch+Xcode双剑合璧》这本书，在www.sketchchina.com同时提供600分钟教学视频内容）。先看兔子朱迪吧！

对于拟人化的卡通形象，拆解无非会根据各个部位来单独处理。比如头部，耳朵，身子，腿部，脚，手（好吧是爪子），以及附加的信息（如朱迪的警官证）。

由于篇幅有限，每个人物我们以一到两个例子来为大家讲解。Juddy部分主要讲解耳朵以及警官证警徽的画法。Nick相对简单，主要部分讲解眼睛部分的绘制思路。

STEP TWO-耳朵部分绘制思路

画好一个轮廓后，复制多个轮廓并使用钢笔微调，并填充颜色，调整透明度，最终组合为一个耳朵。接着将耳朵复制一个副本出来，使用菜单Layer>Transform>Flip Horizontal做镜像翻转，形成另一只耳朵。

STEP THREE-警官证绘制思路

当可以利用现成图形来构建扩展图形的时候，我们首选此种方式而非直接用钢笔工具来勾节点。下面为警官证的绘制方法和思路。

STEP FOUR-Nick眼睛的绘制思路

仔细观察，Nick的眼睛部分的构成为圆和半圆。所以我们以基础图形圆形开始绘制。 

将半圆和圆复制多份，调整颜色及微调形状，做组合，形成下图的眼睛部分。

STEP FIVE-人物其它部分的绘制思路

人物部分的绘制并无太多的规律可言，当我们发现现有的图形无法通过调整得到新的图形的时候，就需要使用钢笔工具勾出每个节点，并将这些节点一一微调，形成符合人物要求的形状，然后将这些形状加以组合，再次做细节调整。整个过程比较考验我们的耐心，但一旦你完成本作品，会发现自己使用钢笔工具的“感觉”好了不少。另外，我们可以灵活运用Sketch中的高斯模糊，内阴影，发光等工具，将最终组合起来的人物再次做细节的润色，使其有立体感。

STEP SIX-绘制背景部分

通过背景的烘托，卡通人物将更有灵性。比如此图中，静电使用了纯色背景及铺满背景的胡萝卜。当然，你也可以画个咬了一口的胡萝卜。胡萝卜我们继续使用圆形工具来制作。看下具体的设计思路。

当然，我们也可以通过布尔运算，来一个咬了一口的胡萝卜（静电说：电影里的一个梗，大家注意到了吗？）。

接下来调整胡萝卜的颜色，并将它不规则的铺满背景即可。

STEP SEVEN-绘制logo并合成

最后是logo部分的绘制，思路与上文介绍的方式一样。我们只要来说一下logo下方的阴影部分，因为在人物绘制过程中也会有阴影出现，比如狐狸的衣领部分和袖子部分。静电的处理思路如下：

为什么不使用sketch的阴影工具呢，因为经过静电测试，发现这样的阴影效果并不理想，因此这种变通的思路可以供大家参考。顺便来学习两个英文单词，Zoo-动物园；Utopia-乌托邦；Zootopia-为合成词，字面翻译过来为“动物乌托邦”。

有用的小技巧

在Sketch的钢笔工具模式下，使用数字键1,2,3,4可以快速切换锚点编辑模式。

写在最后

将画面中的所有元素摆放到合适的位置，我们疯狂的作品就这样完成了，Sketch源文件在本文下方提供下载。这篇文章主要让我们了解整个绘制思路，练习钢笔工具的用法以及如何运用现有的图形绘制新的图形的方法。喜欢这部电影的朋友，赶紧打开Sketch，来一次有趣又疯狂的钢笔绘制练习吧！

原文地址：

http://www.sketchchina.com/read-360.html

作者：静电@静design 

微信公众号：jingdesign91 

转载请保留以上版权信息

第一手原创设计文章及内容

尽在静design（长按关注）

觉得本文涨姿势

请赐个赞并在下方发表评论