静电
管理员
管理员
  • UID1
  • 发帖数851
  • 威望21029点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 喜欢达人
  • 优秀斑竹
  • 原创写手
阅读:8785回复:22

[教程]用Sketch绘制《疯狂动物城》中的朱迪和尼克

楼主#
更多 发布于:2016-03-08 14:51
静电说:各位好久不见,最近不管是静电的微信还是微博,统统被Zootopia-《疯狂动物城》这部逆天神作刷爆了屏幕。话说静电对卡通片也是天然没有抗拒力,找了个早场欣赏了IMAX版本的《疯狂动物城》。嗯,瞬间成了这部片子的脑残粉。

说说感受吧,首先,不同于传统意义好莱坞的合家欢影片,这部片静电认为并不适合小孩子来观看,因为从头至尾,这部电影都传达出了深深的“恶意”。动物世界就是美好的乌托邦?那还真是大错特错。影片从头到尾贯穿着我们现实生活中能感受到的种种现象,政治,毒品,种族/性别歧视,以及我们所经历过的各种生活的残酷。独具创新的剧本成为这部剧成功的关键。 不过话说回来,帅气的Nick和呆萌的Juddy到底发生了什么故事,那么大家还是去影院先睹为快吧。

图片:013.png



原文地址: www.sketchchina.com  
作者:静电@静design  
微信公众号:jingdesign91  
转载请保留以上版权信息,本站拒绝sketch中x无良网站转载本站任何内容。

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

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

图片:002.png


第一次的拆解为狐狸,兔子,一只胡萝卜和名为Zootopia的Logo。接下来我们分别对每一个物件来做拆解。这次的绘制难点主要是两个卡通人物,期间涉及大量的钢笔勾线及少量的布尔运算内容(要了解更多sketch软件的使用和技巧,除了关注公众号jingdesign91,也欢迎大家在各大电商网站购买《Sketch+Xcode双剑合璧》这本书,在www.sketchchina.com同时提供600分钟教学视频内容)。先看兔子朱迪吧!
对于拟人化的卡通形象,拆解无非会根据各个部位来单独处理。比如头部,耳朵,身子,腿部,脚,手(好吧是爪子),以及附加的信息(如朱迪的警官证)。

图片:003.png


图片:004.png


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

STEP TWO-耳朵部分绘制思路

图片:005.png


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

图片:006.png


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

图片:007.png


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

图片:008.png


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

图片:009.png



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

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

图片:010.png


当然,我们也可以通过布尔运算,来一个咬了一口的胡萝卜(静电说:电影里的一个梗,大家注意到了吗?)。

图片:011.png



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

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

图片:012.png


为什么不使用sketch的阴影工具呢,因为经过静电测试,发现这样的阴影效果并不理想,因此这种变通的思路可以供大家参考。

写在最后
将画面中的所有元素摆放到合适的位置,我们疯狂的作品就这样完成了,源文件在文章末尾提供下载,有兴趣的朋友可以继续深入研究。

图片:013.png


其实这篇文章主要让我们了解整个绘制思路,练习钢笔工具的用法以及如何运用现有的图形绘制新的图形的方法。喜欢这部电影的朋友,赶紧打开Sketch,来一次有趣又疯狂的钢笔绘制练习吧!更多的原创教程和Sketch文章,欢迎访问www.sketchchina.com以及关注静电的微信公众号:jingdesign91

sketch源文件下载地址(文件基于sketch3.6.1生成):
疯狂动物城卡通角色源文件.sketch

原文地址: www.sketchchina.com  
作者:静电@静design  
微信公众号:jingdesign91  
转载请保留以上版权信息,本站拒绝sketch中x无良网站转载本站任何内容。

第一手原创设计文章及内容
尽在静design(微信扫描关注)
觉得本文涨姿势
赐个赞并在下方发表评论
Vmozhang
初来乍到
初来乍到
  • UID4208
  • 发帖数1
  • 威望13点
沙发#
发布于:2016-03-08 22:02
厉害,思路值得学习!
CAlan
VIP读者
VIP读者
  • UID3384
  • 发帖数39
  • 威望1844点
  • 社区居民
  • 忠实会员
  • VIP会员
板凳#
发布于:2016-03-10 13:45
Nice
kkoib
VIP读者
VIP读者
  • UID446
  • 发帖数8
  • 威望560点
  • VIP会员
地板#
发布于:2016-03-10 14:14
我也试试
同样用sketch画疯狂动物城中的朱迪和尼克,外加闪电
iamsmallk
VIP读者
VIP读者
  • UID2133
  • 发帖数2
  • 威望35点
4楼#
发布于:2016-03-11 11:10
棒啊!!!!!
luci
VIP读者
VIP读者
  • UID904
  • 发帖数5
  • 威望47点
  • 社区居民
  • VIP会员
5楼#
发布于:2016-03-16 10:29
学习了
乱灰灰
VIP读者
VIP读者
  • UID4466
  • 发帖数4
  • 威望83点
6楼#
发布于:2016-03-18 12:26
kkoib:同样用sketch画疯狂动物城中的朱迪和尼克,外加闪电回到原帖
这个也很赞啊
歌加的雪
VIP读者
VIP读者
  • UID916
  • 发帖数9
  • 威望203点
7楼#
发布于:2016-03-22 10:52
kkoib:同样用sketch画疯狂动物城中的朱迪和尼克,外加闪电回到原帖
好棒啊,跪求源文件176292346@qq.com
sqbz25
VIP读者
VIP读者
  • UID4475
  • 发帖数5
  • 威望45点
8楼#
发布于:2016-03-23 14:54
学习了
effy
Sketch大侠客
Sketch大侠客
  • UID4573
  • 发帖数6
  • 威望110点
  • 社区居民
9楼#
发布于:2016-03-23 18:45
交作业!只画了JUDDY....

描述:Juddy

图片:juddy.png

Juddy
zoem11
Sketch大侠客
Sketch大侠客
  • UID4833
  • 发帖数4
  • 威望105点
10楼#
发布于:2016-04-06 16:22
好赞的感觉!!要练起来了
zoem11
Sketch大侠客
Sketch大侠客
  • UID4833
  • 发帖数4
  • 威望105点
11楼#
发布于:2016-04-07 09:47
好赞!
矢量的咖啡
VIP读者
VIP读者
  • UID4851
  • 发帖数4
  • 威望165点
  • 社区居民
12楼#
发布于:2016-04-07 11:02
挺好,感谢
kaila
VIP读者
VIP读者
  • UID4937
  • 发帖数5
  • 威望335点
13楼#
发布于:2016-04-11 08:56
hao 棒
你把猫粮藏哪了
VIP读者
VIP读者
  • UID2332
  • 发帖数3
  • 威望57点
14楼#
发布于:2016-04-13 17:13

描述:学习学习

图片:Group.png

学习学习
画得不好见谅了
上一页
游客

返回顶部