逐帧动画与夸张表情动画

夸张表情动画的制作(1)   (转之ET动画学堂)

 

夸张表情动画在网络上应用非常广泛，最 常见的莫过于qq和msn的自定义表情， 这种表情动画是最初级的逐帧动画，使用常见的flash、easytoon、ImageReady等软件都可以 制作，而且只需要使用最简单的工具，非常方便。专业动画的学习，尤其是人物的逐帧动画，在传闻中是件很难搞定的事。今天，我们就先来试着从比较简单的逐帧 动画开始，教你按步骤完成一些既放松又有趣的[表情动画]，逐步带你走进高级动画学习的殿堂。

 

 

      在动画人的学习成长过程中，初学阶段一般比较关注“大”的动作，通常我们只要通过学习运动规律，就可以完成这些比如行走、跳跃等标准的“大”动作，但是这 一阶段的动画作品往往存在这样一种毛病，就是人物木讷呆板，在人物的神态、情感刻画方面非常薄弱。这其中最重要的一个原因就是缺少对表情动画的学习和研 究。

 

 

·从观察开始

 

      看看我们的脸，能够传达出如此多的情感和意味，它在动画表演中无时不在！与行走等肢体动作的规律动画不同，表情动画一般不需要去“数循环”，也不用深入了 解人体结构，因为表情是我们早就熟悉的，自降生以来就一直在欣赏、揣摩的，我们所要做的只是尽量发挥、发挥、发挥……再加上一点儿幽默和BT精神： ） 你的想象能走多远，表情就能有多夸张。      让我们笔下动画人物的脸蛋儿马上神气活现起来吧！

 

（一）　圆圈上的小表情

 

第一步：一般的表情

 

      简单的事物往往容易切入本质，无论是人物还是动物，一般我们可以识别的表情都可以抽象到一个圆圈脸蛋上。现在我们就从圆圈上的小表情入手：省略了头发、耳 朵、肌肉组织，只留下最能传达情绪的眉毛、眼睛、嘴巴。

 

图01　　角色表情可以抽象为圆圈上的表情

 

最常用的表情有哪些呢？

 

图02　　常用表情一览

 

联系我们日常生活里的观察，把这些表情简单地动画化一般来说只要两帧就够了。例如“乐”，你仅需要通过上下抖动就可以做出效果，因 为人在高兴地笑时一般会伴随身体的抖动。又比如“惊”，人被吓到时眼睛会不由自主地睁大，嘴角也会往两边拉，这些特征在第二帧里稍加区别就可以实现出来， 如【图03】所示。

 

 

图03　　两帧实现简单表情动画

 

 

第二步：用圆圈脸蛋制作夸张连贯的表情

 

      动画是一门艺术，它源于生活，但又必须高于生活。仅仅把表情做到与生活完全一样是不够的，表现不出动画的特色。为了得到令人印象更深刻、更加生动的效果， 需要把表情夸张和强化。想把表情做得更“动画化”，与之前的原理同样通用，不过我们可以适当深入一些：同样是“乐” 和“惊”，把它做成了3帧以上的动画。

 

图04　　夸张的喜怒哀乐表情

 

如【图05】在高兴时表示满意和赞同，点起了头，所以在之前上下抖动的基础上加上脸部的一点透视；而受惊时则让两只眼睛一大一小， 另外嘴巴拉长的的程度更大了。

 

 

图05　　夸张的喜怒哀乐表情

 

 

好，到这里，我们从基本上了解了表情的常用类型和归纳表情特点的一些方式，下一节里，我们将告诉大家怎 样把这种概括的圆脸儿表情更细腻的应用，从而创造出富有独特个性的人物形象。

 

 

练习：用逐帧动画完成“喜”“怒”“哀”“惊”四种表情动画

 

夸张表情动画的制作(2)

 

      上 一篇里，我们从最基础上了解了人物的 常用表情，并且知道了怎样制作最概括的圆脸儿表情，现在，我们来看一下怎样更细腻的运用他。

 

·把圆圈替换成更详细、可爱的脸

 

      在这一步里，上一节中讲到的的动画原理同样适用。当然，要想画出夸张的人物表情，除了了解表情规律外，也要增加一些符合角色性格的内容以及角色的习惯性动 作。

 

 

 

 

图06、07、08、09  附加到角色面部的表情

 

 

上面四个人物，都是出自亿动能工作室原创无纸动画《et 学院大乱斗—王子之吻》 中的3个主要人物，看过原作的人就会比较深切的体会到这几个人物的个性了。猫王（左蒙） 的狡诈和恶作剧心态，狗（夏逝）的背后抢便宜未果后被迫亲吻猫爪子时的战战兢兢，熊猫（番薯）面对惊吓和惊喜时的瞬间反应，都是通过最符合人物个性的表情 来表现出来的，这些细节已经不止于眉目的造型变化来表现，还可以通过“五官衍生品”（眼泪、鼻涕）和“拟物化”的五官来表现，图09熊猫（番薯）的这种表 情处理方式就是欧美动画中经常采用的五官“拟物化”手段。

 

 

另一些例图：

 

 

同样的小杠杠，用在熊猫脸上和河马脸上效果完全不一样，不同的夸张度裂嘴造型表现不同的人物性格。

 

以上例图来自 《et学院大乱斗——王子之吻》 [亿动能工作室2006年6月出品]

通过五官的夸张设计，泼猴的性格一览无余。 
 
以上例图来自 《乱游纪》 [亿动能工作室2004年至2006年系列作品]

上图来自 《S号圣诞行动》    [火神培训中心一期学员作品2005年12月]

 

（二）　小表情之间的切换

 

      单个孤立的表情是不够的，我们在上一刻还很快乐，下一刻可能显得很悲伤，这就涉及到表情的一种状态过渡到另一种状态。

 

·以“乐”过渡到“哀”为例

 

      首先，我们不能从“乐”直接跳转到“哀”的表情，因为动画也要讲求“合理性”，试想一个人前面还是欢天喜地，后面突然又开始哭，这种行为大概够格直接拖送 到非正常人研究中心了。所以，在“乐”与“哀”之间，要让它们的转变合理，最常见的可能性是插入一个“惊”，这样一来就解释通啦：本来正高兴着呢，突然听 到一件很糟糕的事，于是变得很悲伤。

 

      除了用“惊”，中间还可插入“疑”、“呆”等表情，不过 “惊”表现得足够夸张。

 

      我们先把最关键的三个表情画出来：乐、惊、哀。这三个最重要、最关键的状态就是关键帧，或称之为原画，它们界定了这段动画表演的动作和情绪的主要方向，是 这段动画表演的灵魂所在。

 

图10　　表情的关键帧

 

  意识问题解决了，其次才到这段动画究竟怎样做的问题。

 

 

A.时间长度：

      一定要让观众充分留意到各个表情，所以为它们分别留出的表演时间一定要足够。我们假定第一个表情“乐”笑上1秒钟，然后用1秒时间表演“惊”，最后用1秒 时间表演“哀”；再加上中间的反应时间，整个动画长度在4秒左右。

 

 

B.表情的停留：

      既然三个表情分别有1秒钟停留时间，它们在停留时就应该各有所表演。原理仍然与圆圈上的简易表情相同：“乐”的时候人笑得抖动，现在把它深入一点，在上下 抖动的同时，让脸部整个仰起，加入透视的变化：

 

 

图11　　“球脸儿”的透视

     

 

关于辅助线， 大家可能注意到了，我们的表情制作例图里面都会加入2条辅助线，这是你制 作任何动画都需要养成的一个好习惯，辅助线会帮助你直观和精确的定位形象位置，以免你制作一个动画时因为记不清前面的动作而手忙脚乱，以至于浪费时间，降 低效率。

 

      好，下一节里，我们会更详细的讲述表情之间的切换秘诀，告诉你怎样让动作更顺畅和更有节奏。

 

 

夸张表情动画的制作（3 ） ：

 

    上 一讲里，我们说到怎样不生硬的让一个表情 过渡到另一个表情，现在，我们来看看如何让这种过渡更顺畅。

 

 

表情的切换：

 

      我们需要在“乐”与“惊”之间补帧，也就是补上它们二者的中间状态，使动画看上去更流畅。那么，这里我们得注意一个动画基本原理，它叫做“预备与残留”。

 

      一个击球手要挥棒将球击出去，在击打之前得将球棒向上、向后蓄力，打出去力量才够。这个向反方向蓄力、做准备的过程，就叫做“动作的预备”，颇有点欲前先 后，欲扬先抑的意思。已经把球打出去了，但因为力量太大一时刹不住，会有一个逐步减慢动作，直到停止的过程，这叫做“动作的残留”，如下图：

 

图12　　动作预备与残留示意图

 

 

同理，在要向前、向上的“惊”之前，反其道行之，为了让“惊”更明显，加上先向下、向内的动作：

 

 

图13　　由笑到惊的表情关键帧

 

 

再根据播放节奏，把帧补全，直到感觉满意为止：

 

 

图14

 

 

后面 “惊”到“哀”的过渡，因为情绪低落，所以动作范围小：

 

 

图15　

 

 

最后效果：

 

 

图16

 

 

3、动作配合表情

仅仅是表情不够的，身体配合表情做出相应的动作，就越发生动了许多：

 

图17
    

图18　　加上背景效果的完成品

        

成品效果

 

 

在背景和人物周围加上一些效果，就更完整了。

 

      以上的例子是偏向日式的简化卡通，其他风格的制作思路也和上面的例子相似，以美式风格的表情制作为例，美式动画弹性更足，表情更夸张，动作的预备和残留更 加突出，也更容易理解，以下是一个简单的例子，其中的表情过渡核心原理是一样的。

 

图19　　美式动画表情的小 例子

成品效果