Sketch教程!教你绘制《疯狂动物城》中的朱迪和尼克 - 优设网 - UISDC

Sketch教程!教你绘制《疯狂动物城》中的朱迪和尼克

2016/03/08 26829评论区

sketch-zootropolis-roles-1

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

源文件打包  百度云下载:http://pan.baidu.com/s/1mhrwCkS

Step 1:画面拆解

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

第一次的拆解为狐狸,兔子,一只胡萝卜和名为Zootopia的Logo。

接下来我们分别对每一个物件来做拆解。这次的绘制难点主要是两个卡通人物,期间涉及大量的钢笔勾线及少量的布尔运算内容。先看兔子朱迪吧!

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


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

Step 2:耳朵部分绘制思路

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

Step 3:警官证绘制思路

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

Step 4:Nick眼睛的绘制思路

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

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

Step 5:人物其它部分的绘制思路

人物部分的绘制并无太多的规律可言,当我们发现现有的图形无法通过调整得到新的图形的时候,就需要使用钢笔工具勾出每个节点,并将这些节点一一微调,形成符合人物要求的形状,然后将这些形状加以组合,再次做细节调整。整个过程比较考验我们的耐心,但一旦你完成本作品,会发现自己使用钢笔工具的“感觉”好了不少。

另外,我们可以灵活运用Sketch中的高斯模糊,内阴影,发光等工具,将最终组合起来的人物再次做细节的润色,使其有立体感。

Step 6:绘制背景部分

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

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

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

Step 7:绘制Logo 并合成

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

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

写在最后

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

其实这篇文章主要让我们了解整个绘制思路,练习钢笔工具的用法以及如何运用现有的图形绘制新的图形的方法。喜欢这部电影的朋友,赶紧打开Sketch,来一次有趣又疯狂的钢笔绘制练习吧!

源文件打包  百度云下载:http://pan.baidu.com/s/1mhrwCkS

欢迎关注静电的微信公众号:

jdqr16226

Sketch教程合集持续更新中:

  1. 《SKETCH设计教室!从零开始学APP设计利器SKETCH(一)》
  2. 《SKETCH设计教室!从零开始学APP设计利器SKETCH(二)》
  3. 《SKETCH设计教室!带你了解超好用的SKETCH插件》
  4. 《想要一稿过不加班?SKETCH绝配神器MIRROR抢先体验》
  5. 《超实用!SKETCH大师最常用的3个实战小技巧》
  6. 《前端神器!为网页设计而生的15个优质SKETCH插件》
  7. 《SKETCH新手指南!10个帮你UI设计提速的SKETCH使用技巧》
  8. 《超能陆战队!手把手教你用SKETCH绘制萌萌哒的大白》

uisdc-hao

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/sketch-zootropolis-roles

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 优设大课堂 设计师干货 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里