当前位置 > 主页 > 万和大讲堂 >


教你绘制《疯狂动物城》中的狐兔CP 南京UI培训教程

2016-03-30 14:25

  今天南京UI培训要和大家分享的是使用Sketch来绘制《疯狂动物城》的狐兔CP。由于网络上形象很多,这幅图算是半个临摹吧。由于过程复杂,这里通过几个要点为大家分析这幅作品的绘制技巧,其中大部分为Sketch中钢笔工具的使用技巧。


  Step 1:画面拆解

  

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



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

  

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

  

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

  

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

  

  Step 2:耳朵部分绘制思路


  

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

  


  Step 3:警官证绘制思路

  

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

  


  Step 4:Nick眼睛的绘制思路

  

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

  

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

  


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

  

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

  

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

  

  Step 6:绘制背景部分

  

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

 

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

  

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

  

  Step 7:绘制Logo 并合成

  

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

  

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

  

  写在最后

  

  将画面中的所有元素摆放到合适的位置,我们疯狂的作品就这样完成了。


  


  以上就是南京UI培训的整个绘制思路,练习钢笔工具的用法以及如何运用现有的图形绘制新的图形的方法。喜欢这部电影的朋友,赶紧打开Sketch,来一次有趣又疯狂的钢笔绘制练习吧!

最近开班 more>
  • Python基础班
  • Java全栈开发
  • 前端基础班
  • 软件测试
  • 云原生精英班
  • 云网预科班
  • CISP
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • OCM 12C
  • OCP 19C
  • RHCE 9.0
  • 随时开课
  • 12月26日
  • 随时开课
  • 12月4日
  • 12月16日
  • 12月9日
  • 12月21日
  • 1月6日
  • 12月30日
  • 12月16日
  • 12月21日
  • 12月7日
  • 12月7日
  • ——
  • 随时开课
  • 12月16日
    • 姓 名 :
    • 电 话 :
    • 课 程 :

技术交流群

  • Java大数据交流群560819979加入
  • Python技术交流群595083299加入
  • Oracle技术交流群595119011加入
  • Web前端技术交流群604697610加入
  • Huawei技术交流群482919361加入
  • Redhat技术交流群587875348加入
  • UI设计技术交流群511649801加入
  • Cisco技术交流群596886705加入
  • IT运维技术交流群605888381加入