看上去微不足道的小标尺，却是做动画的关键

2017-08-25 学术趴翻译馆 动画学术趴

今天的教程来自Toniko Pantoja的The StringBing Workshop，由魔力石贤沐翻译，马小褂校对。（文末有完整视频，请勿错过）

Toniko Pantoja 是谁？

一名毕业于著名学院加州艺术学院的洛杉矶动画人，曾为梦工厂、CARTOON NETWORK等多家业内知名公司工作，学生时期独立制作的《狼之颂歌》更是显露出他对于二维动画炉火纯青的掌握。Toniko Pantoja 除了创作二维动画，会经常做一些动画教程，他做动画教程都曾在网络上刷屏哦。以下是他的部分原动画：

今天，他将给我们介绍中间张的艺术——标尺。

几个动画专有名词：
标尺（轨目）Timing Chart
关键张 Key
极端张（原画） Extreme
细分张（小原画）Breakdown
中间张（中割）Inbetween

在传统动画中，中间张可谓司空见惯。那么到底什么是中间张，中间张又起到什么作用呢？

没有中间张，只有关键张和小原画

有中间张，带着新重音

没有中间张，只有关键张动画

有中间张，带着新起伏

绘制中间张是在关键张和细分张（小原画）之间添加绘画张的过程。它的主要作用是让动画更流畅，并在播放时添加更多细微的视觉信息。

在让动画看上去有更高制作水准的同时，它也是创造有带入感、可信、清晰的好动画的关键。由于本来就要有更多的图来填补间隔，这是个体力活，但体力活不意味着你就不会搞砸了。

话虽如此，还是有很多方法来做中间张的，也有动画师们用以互相沟通的共同语言。

在手绘动画中，你会留意到绘画中的某个地方有个小刻度或网格。这些叫做标尺（轨目指示）。

标尺有多种不同类型

有简单的也有复杂的标尺

根据标尺做出动画，整体效果丰富细腻

每个动画师在做这个的时候都有不同方式，但这些标尺所起的作用是相似的。当一个动画师完成了原画和小原画之后，就把它们交给一位清稿人员，或一位填充间隔的中间张人员。被安排做中间张的人员会以动画师给的标尺为指示。

标尺会提示需要多少张图来做中间张、每张之间间隔多大、有没有偏割、运动是渐入还是渐出。

对于不做数码手绘的人来说，标尺是特别重要的指南。因为他们需要事先安排好动画运动，最终才能够从电脑上看到播放结果。而且通过标尺来学习中间张也非常重要。

我们来说标尺的基本构造。

鉴于每个动画师都有不同途径绘制标尺，我想给大家展示我是怎样绘制标尺的。还有你可以怎样熟悉类似的标尺。通常你会从上往下读，这是时间轴上运动的顺序。由于我们还没有用到帧，我就只用字母A和B 来代表我的帧。

有些动画师有不同偏好并修改顺序，但通常还是从上往下读。

我在A和B 之间加一张图画，起名为C。

当动画师给一张图或一个帧号画圈，他们就是在说这一张为“关键张”。最基本来说，关键张是画处于最极端的时候。有些动画师还会以对比、变化、或者故事与演出感的不同为基础，来做关键张。也有人管他们叫作“关键叙事张”。

我把图画B也当作一个关键张。

有的动画师给帧加双下划线来标注关键张，但我们就用圆圈好了，因为圆圈更好懂。

单下划线意味着你把一张图或一帧转为小原画。对我而言，一张小原画是另一个将关键张链接到一起的极端张。严格来说，它不是中间张，但根据情境，它也可以当成中间张来用。

但你看到像这样连接的2条曲线——曲线交汇在中间的小原画位置上，就表明C是A和B之间相等的一半。这两个曲线代表着平均的两半。因而C帧中的线条必须距离A和B相等的间距。

我在A和C之间画另一张图，现在画上这两条曲线，意味着D距离A和C相等的间距。我给大家的问题是，你能不能在画好A和C之前就画D呢？

答案是否定的。由于D是在A和C中间平分，我们需要事先把该有的画完成。因为这两张图画有我们画D时需要的信息。

我对下面一半做同样的操作。

现在这个标尺表示我们把动画都平均分开，平均的数字，平均的曲线，每张之间的间隔也是平均地隔开。这就是说动画会匀速运动。

现在如果我们这么做，就会给上方添加更多的张信息。留意一下帧之间是如何从上往下越来越大。这就叫“渐出”。动画会慢速开始，然后逐渐加速。

如果我们在另一端这么做，这个标尺图就叫“渐入”。与之前相反，动画会快速开始，然后慢慢减速。

除了二分曲线，还有三分曲线。有三个汇合点，这种曲线意味着C不会在A和B之间平分。实际上会偏向于某一关键张。你会看到曲线的一点与C汇合而另一个点并没有帧。这要靠想象了。这在强调C比B更偏向A。

由于C更靠近A ，C与A的间隔会更小一些。

你也可以让C更偏向B。我只在做又长又慢的场景时，或当环境很特殊的时候，用三分割曲线。

谈到特殊性，我们再来说说最后一个例子——偏割。

尽管没有任何曲线，很明显C基本上与A几乎相似，注意例子中C基本就和A一样，其本身的影响非常有限，B在下面垂着。当然这只是我夸张了的偏割例子。我通常在一小段，或者快速运动时用偏割，能带给动画一种爽快的能量。

恭喜！现在你理解了标尺的基本构造，你的奖励是将其应用到实际帧号当中！

这就是一拍二！

我们来识记常用的标尺。

从左往右依次是二分割（Halves）、二分渐入（Halves slow in）、二分渐出（Halves slow out）、完全等割（All evens in halves）、三分割（Thirds）、偏割（Favoring）。

我加了小红点来预览每帧，观察在这些标尺中，红点是如何在帧之间运动。这是动画如何动，以及中间张的记号参考。

我们以一些角色为例。我用的角色是蜜蜂，是我朋友，前同班同学Thahn Dang 提供的。他是只无忧无虑的，带有粉黄相间斑纹的蜜蜂。圆滚滚的像泡泡一样的设计让他看起来很友好。

我给蜜蜂画了三张原画，开始张、小原画和结束张。我会在接下来的例子中用同样的这三幅图。

我给蜜蜂画了原画和中间张，来阐述列表中的第一种标尺类型——二分渐入（也可叫 a slow in in even halves）。请观察下，他开始时很快，到最后张速度慢下来。我通过在小原画和结束张之间加很多张画来达成这一效果。在开始和小原画之间没有中间张。

这种标尺最适用于表现剧烈运动后慢慢减速的情况。非常好地表现运动从慢慢减速到静止。在镜头中结束张会留下最强烈的视觉印象。

相反的，第二种标尺，二分渐出（a slow out in even halves）。开始慢，越靠近结束张越像突然飞起来。在小原画和结束张之间没有中间张。我们在前一半有了更多的中间张。这给我们一种运动速度增加的感觉——开始加速运动。

我通常在角色吸气的时候，或者在角色跳起来之后落地的过程，用这种标尺。这个例子中，蜜蜂就好像想到了什么喜笑颜开的事。

我们第三个例子是完全等割匀速运动。每张之间的间隔相等。包括在最开始的三张图之间。每两幅之间再加一幅，之后做出更多幅图进行平均分割。我也把标尺展示出来，方便你看到这些图从上一张到下一张是如何平分的。

不像前面两个例子那样张间距进行收缩或扩张，这种标尺适用于匀速运动的事物。比如跑步、走路、游泳，有时跳舞，或许特定过渡。在这里面，没有单独一张图给人留下印象，因为一切都以平均比率运动。

我们最后的例子，将两种标尺合并到一起。在这个例子里，我用了渐出和渐入。一开始慢，然后加速变快，接着减速。

有人说这是最自然的运动类型，因为物体逐渐加速，然后减速到静止。这种对于惊吓反应、情感回应、A到B姿势转换、进进出出来说，效果极佳。当你考虑组合或者执行标尺时，你思路越开放，选择就越多。

现在，使用标尺的重点来了！一样的图画、一样的关键张、一样的小原画，最重要的是一样时长，但每个却有不一样的感觉。因为这些图都有不一样的标尺。标尺影响如何加中间张的方式。正因如此，它们实现了各不相同的效果。

你从每种标尺中都感受到了什么效果呢？

我们接着看看剩下的标尺，我会用另一个角色来演示它们。这个角色Jake也是由Thahn Dang提供的，Jake是一个科幻主题的牛仔。他的设计看上去像来自某个动作冒险类电视节目，让我感觉非常像八十年代。从他的时尚感，到令人联想起鸟山明《龙珠》中早期设计的风格，还有点儿周六晨间卡通的感觉。给这样的角色做动画看起来就很有趣！

这是我主要用一拍三和一拍四做的动画。快速运动里也用了一点点一拍二。我选择让每张图都保持一定的时间，以便更好地看出用到了三分割。看下标尺并和动画做比对，这是一种经典的渐入和渐出运动，但请注意每张之间是如何更为紧密。

当他伸手下去拿枪的时候，有更多张倾向于前一帧。当他锁定目标时，他已经摆好锁定目标的姿势了，但慢慢地为这个姿势做调整。这种情况下使用三分割极佳，因为能让运动更加爽快，还能让图画给人有维持时间更长和更久的印象。

最后一个例子，我必须得画点新东西。因为像偏割的事物需要一个特殊的内容。在这个图片里面，牛仔开枪了，之后收手。留意一下在枪火上只有很短的时间，但当他向上快速举枪后，却有很长的等待时间。为什么？

这是偏割在他开枪的瞬间起到作用。几乎和第一张是一样的姿势，除了情境中有个射击动作。

像在偏割中，你必须要思考画面中的情境，或是哪个关键张是要给人留下印象的。尽管播放时很快，观众还是能够感受到图画的细微变化。他们看不出来，但能感受得出来。这就是中间张在动画中的作用。

知识点已经列完了，接下来请欣赏完整的教学视频吧：

https://v.qq.com/txp/iframe/player.html?vid=a05429f3c8g&width=500&height=375&auto=0

今天，我们了解了中间张，认识了标尺、几种标尺类型，并学习了如何解读标尺，如何运用到中间张。之后，我们会说加中间张用到的技术和设备、哪些该做的和不该做的，可能还会有一个完整的演示。更多精彩，敬请期待！

———————————————

【近期热文】

纪念今敏重读<千年女优>

1个故事讲19遍脑洞动画