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

首页>动画制作学习

动画动画制作

播放:58

发布时间:2019年09月11日

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



今天的教程来自Toniko PantojaThe StringBing Workshop,由魔力石贤沐译,马小褂校对(文末有完整视频,请勿错过)


Toniko Pantoja 是谁?.gif


Toniko Pantoja 是谁?


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


老虎原动画.gif


动画分镜.gif


原画动画.gif


人变怪兽动画分镜.gif


角色动画.gif


好朋友动画分镜.gif


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


几个动画专有名词:

标尺(轨目)Timing Chart

关键张 Key

极端张(原画) Extreme 

细分张(小原画)Breakdown

中间张(中割)Inbetween


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


角色武打动画制作.gif


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


有中间张,带着新重音.gif


有中间张,带着新重音


没有中间张,只有关键张动画.gif


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


有中间张,带着新起伏.gif


有中间张,带着新起伏


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

 

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


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



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


标尺有多种不同类型.gif

标尺有多种不同类型


有简单的也有复杂的标尺.gif

有简单的也有复杂的标尺


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


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


每个动画师在做这个的时候都有不同方式.gif



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




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


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


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



鉴于每个动画师都有不同途径绘制标尺,我想给大家展示我是怎样绘制标尺的。还有你可以怎样熟悉类似的标尺。通常你会从上往下读,这是时间轴上运动的顺序。由于我们还没有用到帧,我就只用字母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在下面垂着。当然这只是我夸张了的偏割例子。我通常在一小段,或者快速运动时用偏割,能带给动画一种爽快的能量。

 

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


这就是一拍二!.gif


这就是一拍二!

 

我们来识记常用的标尺。


我们来识记常用的标尺.gif


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

 

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



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



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

 

蜜蜂画了三张原画.gif


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



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


留下最强烈的视觉印象.gif


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



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


蜜蜂就好像想到了什么喜笑颜开的事.gif


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



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


收缩或扩张.gif


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



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


自然的运动类型.gif


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


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

 


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


这样的角色做动画看起来就很有趣!.gif


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



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

 

运动更加爽快.gif


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


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



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


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


 

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

最近发表
标签列表
手机扫一扫
扫一扫手机观看