看上去微不足道的小標(biāo)尺，卻是做動畫的關(guān)鍵

看上去微不足道的小標(biāo)尺，卻是做動畫的關(guān)鍵

今天的教程來自Toniko Pantoja的The StringBing Workshop，由魔力石賢沐翻譯，馬小褂校對。（文末有完整視頻，請勿錯(cuò)過）

Toniko Pantoja 是誰？

一名畢業(yè)于著名學(xué)院加州藝術(shù)學(xué)院的洛杉磯動畫人，曾為夢工廠、CARTOON NETWORK等多家業(yè)內(nèi)知名公司工作，學(xué)生時(shí)期獨(dú)立制作的《狼之頌歌》更是顯露出他對于二維動畫爐火純青的掌握。Toniko Pantoja 除了創(chuàng)作二維動畫，會經(jīng)常做一些動畫制作教程，他做動畫教程都曾在網(wǎng)絡(luò)上刷屏哦。以下是他的部分原動畫：

今天，他將給我們介紹中間張的藝術(shù)——標(biāo)尺。

幾個(gè)動畫專有名詞：

標(biāo)尺（軌目）Timing Chart

關(guān)鍵張 Key

極端張（原畫） Extreme 

細(xì)分張（小原畫）Breakdown

中間張（中割）Inbetween

在傳統(tǒng)動畫中，中間張可謂司空見慣。那么到底什么是中間張，中間張又起到什么作用呢？

沒有中間張，只有關(guān)鍵張和小原畫

有中間張，帶著新重音

沒有中間張，只有關(guān)鍵張動畫

有中間張，帶著新起伏

繪制中間張是在關(guān)鍵張和細(xì)分張（小原畫）之間添加繪畫張的過程。它的主要作用是讓動畫更流暢，并在播放時(shí)添加更多細(xì)微的視覺信息。

在讓動畫看上去有更高制作水準(zhǔn)的同時(shí)，它也是創(chuàng)造有帶入感、可信、清晰的好動畫的關(guān)鍵。由于本來就要有更多的圖來填補(bǔ)間隔，這是個(gè)體力活，但體力活不意味著你就不會搞砸了。

話雖如此，還是有很多方法來做中間張的，也有動畫師們用以互相溝通的共同語言。

在手繪動畫中，你會留意到繪畫中的某個(gè)地方有個(gè)小刻度或網(wǎng)格。這些叫做標(biāo)尺（軌目指示）。

標(biāo)尺有多種不同類型

有簡單的也有復(fù)雜的標(biāo)尺

根據(jù)標(biāo)尺做出動畫，整體效果豐富細(xì)膩

每個(gè)動畫師在做這個(gè)的時(shí)候都有不同方式，但這些標(biāo)尺所起的作用是相似的。當(dāng)一個(gè)動畫師完成了原畫和小原畫之后，就把它們交給一位清稿人員，或一位填充間隔的中間張人員。被安排做中間張的人員會以動畫師給的標(biāo)尺為指示。

標(biāo)尺會提示需要多少張圖來做中間張、每張之間間隔多大、有沒有偏割、運(yùn)動是漸入還是漸出。

對于不做數(shù)碼手繪的人來說，標(biāo)尺是特別重要的指南。因?yàn)樗麄冃枰孪劝才藕脛赢嬤\(yùn)動，最終才能夠從電腦上看到播放結(jié)果。而且通過標(biāo)尺來學(xué)習(xí)中間張也非常重要。

我們來說標(biāo)尺的基本構(gòu)造。

鑒于每個(gè)動畫師都有不同途徑繪制標(biāo)尺，我想給大家展示我是怎樣繪制標(biāo)尺的。還有你可以怎樣熟悉類似的標(biāo)尺。通常你會從上往下讀，這是時(shí)間軸上運(yùn)動的順序。由于我們還沒有用到幀，我就只用字母A和B 來代表我的幀。

有些動畫師有不同偏好并修改順序，但通常還是從上往下讀。

我在A和B 之間加一張圖畫，起名為C。

當(dāng)動畫師給一張圖或一個(gè)幀號畫圈，他們就是在說這一張為“關(guān)鍵張”。最基本來說，關(guān)鍵張是畫處于最極端的時(shí)候。有些動畫師還會以對比、變化、或者故事與演出感的不同為基礎(chǔ)，來做關(guān)鍵張。也有人管他們叫作“關(guān)鍵敘事張”。

我把圖畫B也當(dāng)作一個(gè)關(guān)鍵張。

有的動畫師給幀加雙下劃線來標(biāo)注關(guān)鍵張，但我們就用圓圈好了，因?yàn)閳A圈更好懂。

單下劃線意味著你把一張圖或一幀轉(zhuǎn)為小原畫。對我而言，一張小原畫是另一個(gè)將關(guān)鍵張鏈接到一起的極端張。嚴(yán)格來說，它不是中間張，但根據(jù)情境，它也可以當(dāng)成中間張來用。

但你看到像這樣連接的2條曲線——曲線交匯在中間的小原畫位置上，就表明C是A和B之間相等的一半。這兩個(gè)曲線代表著平均的兩半。因而C幀中的線條必須距離A和B相等的間距。

我在A和C之間畫另一張圖，現(xiàn)在畫上這兩條曲線，意味著D距離A和C相等的間距。我給大家的問題是，你能不能在畫好A和C之前就畫D呢？

答案是否定的。由于D是在A和C中間平分，我們需要事先把該有的畫完成。因?yàn)檫@兩張圖畫有我們畫D時(shí)需要的信息。

我對下面一半做同樣的操作。

現(xiàn)在這個(gè)標(biāo)尺表示我們把動畫都平均分開，平均的數(shù)字，平均的曲線，每張之間的間隔也是平均地隔開。這就是說動畫會勻速運(yùn)動。

現(xiàn)在如果我們這么做，就會給上方添加更多的張信息。留意一下幀之間是如何從上往下越來越大。這就叫“漸出”。動畫會慢速開始，然后逐漸加速。

如果我們在另一端這么做，這個(gè)標(biāo)尺圖就叫“漸入”。與之前相反，動畫會快速開始，然后慢慢減速。

除了二分曲線，還有三分曲線。有三個(gè)匯合點(diǎn)，這種曲線意味著C不會在A和B之間平分。實(shí)際上會偏向于某一關(guān)鍵張。你會看到曲線的一點(diǎn)與C匯合而另一個(gè)點(diǎn)并沒有幀。這要靠想象了。這在強(qiáng)調(diào)C比B更偏向A。

由于C更靠近A ，C與A的間隔會更小一些。

你也可以讓C更偏向B。我只在做又長又慢的場景時(shí)，或當(dāng)環(huán)境很特殊的時(shí)候，用三分割曲線。

談到特殊性，我們再來說說最后一個(gè)例子——偏割。

盡管沒有任何曲線，很明顯C基本上與A幾乎相似，注意例子中C基本就和A一樣，其本身的影響非常有限，B在下面垂著。當(dāng)然這只是我夸張了的偏割例子。我通常在一小段，或者快速運(yùn)動時(shí)用偏割，能帶給動畫一種爽快的能量。

恭喜！現(xiàn)在你理解了標(biāo)尺的基本構(gòu)造，你的獎(jiǎng)勵(lì)是將其應(yīng)用到實(shí)際幀號當(dāng)中！

這就是一拍二！

我們來識記常用的標(biāo)尺。

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

我加了小紅點(diǎn)來預(yù)覽每幀，觀察在這些標(biāo)尺中，紅點(diǎn)是如何在幀之間運(yùn)動。這是動畫如何動，以及中間張的記號參考。

我們以一些角色為例。我用的角色是蜜蜂，是我朋友，前同班同學(xué)Thahn Dang 提供的。他是只無憂無慮的，帶有粉黃相間斑紋的蜜蜂。圓滾滾的像泡泡一樣的設(shè)計(jì)讓他看起來很友好。

我給蜜蜂畫了三張?jiān)?，開始張、小原畫和結(jié)束張。我會在接下來的例子中用同樣的這三幅圖。

我給蜜蜂畫了原畫和中間張，來闡述列表中的第一種標(biāo)尺類型——二分漸入（也可叫 a slow in in even halves）。請觀察下，他開始時(shí)很快，到最后張速度慢下來。我通過在小原畫和結(jié)束張之間加很多張畫來達(dá)成這一效果。在開始和小原畫之間沒有中間張。

這種標(biāo)尺最適用于表現(xiàn)劇烈運(yùn)動后慢慢減速的情況。非常好地表現(xiàn)運(yùn)動從慢慢減速到靜止。在鏡頭中結(jié)束張會留下最強(qiáng)烈的視覺印象。

相反的，第二種標(biāo)尺，二分漸出（a slow out in even halves）。開始慢，越靠近結(jié)束張?jiān)较裢蝗伙w起來。在小原畫和結(jié)束張之間沒有中間張。我們在前一半有了更多的中間張。這給我們一種運(yùn)動速度增加的感覺——開始加速運(yùn)動。

我通常在角色吸氣的時(shí)候，或者在角色跳起來之后落地的過程，用這種標(biāo)尺。這個(gè)例子中，蜜蜂就好像想到了什么喜笑顏開的事。

我們第三個(gè)例子是完全等割勻速運(yùn)動。每張之間的間隔相等。包括在最開始的三張圖之間。每兩幅之間再加一幅，之后做出更多幅圖進(jìn)行平均分割。我也把標(biāo)尺展示出來，方便你看到這些圖從上一張到下一張是如何平分的。

不像前面兩個(gè)例子那樣張間距進(jìn)行收縮或擴(kuò)張，這種標(biāo)尺適用于勻速運(yùn)動的事物。比如跑步、走路、游泳，有時(shí)跳舞，或許特定過渡。在這里面，沒有單獨(dú)一張圖給人留下印象，因?yàn)橐磺卸家云骄嚷蔬\(yùn)動。

我們最后的例子，將兩種標(biāo)尺合并到一起。在這個(gè)例子里，我用了漸出和漸入。一開始慢，然后加速變快，接著減速。

有人說這是最自然的運(yùn)動類型，因?yàn)槲矬w逐漸加速，然后減速到靜止。這種對于驚嚇反應(yīng)、情感回應(yīng)、A到B姿勢轉(zhuǎn)換、進(jìn)進(jìn)出出來說，效果極佳。當(dāng)你考慮組合或者執(zhí)行標(biāo)尺時(shí)，你思路越開放，選擇就越多。

現(xiàn)在，使用標(biāo)尺的重點(diǎn)來了！一樣的圖畫、一樣的關(guān)鍵張、一樣的小原畫，最重要的是一樣時(shí)長，但每個(gè)卻有不一樣的感覺。因?yàn)檫@些圖都有不一樣的標(biāo)尺。標(biāo)尺影響如何加中間張的方式。正因如此，它們實(shí)現(xiàn)了各不相同的效果。

你從每種標(biāo)尺中都感受到了什么效果呢？

我們接著看看剩下的標(biāo)尺，我會用另一個(gè)角色來演示它們。這個(gè)角色Jake也是由Thahn Dang提供的，Jake是一個(gè)科幻主題的牛仔。他的設(shè)計(jì)看上去像來自某個(gè)動作冒險(xiǎn)類電視節(jié)目，讓我感覺非常像八十年代。從他的時(shí)尚感，到令人聯(lián)想起鳥山明《龍珠》中早期設(shè)計(jì)的風(fēng)格，還有點(diǎn)兒周六晨間卡通的感覺。給這樣的角色做動畫看起來就很有趣！

這是我主要用一拍三和一拍四做的動畫?？焖龠\(yùn)動里也用了一點(diǎn)點(diǎn)一拍二。我選擇讓每張圖都保持一定的時(shí)間，以便更好地看出用到了三分割?？聪聵?biāo)尺并和動畫做比對，這是一種經(jīng)典的漸入和漸出運(yùn)動，但請注意每張之間是如何更為緊密。

當(dāng)他伸手下去拿槍的時(shí)候，有更多張傾向于前一幀。當(dāng)他鎖定目標(biāo)時(shí)，他已經(jīng)擺好鎖定目標(biāo)的姿勢了，但慢慢地為這個(gè)姿勢做調(diào)整。這種情況下使用三分割極佳，因?yàn)槟茏屵\(yùn)動更加爽快，還能讓圖畫給人有維持時(shí)間更長和更久的印象。

最后一個(gè)例子，我必須得畫點(diǎn)新東西。因?yàn)橄衿畹氖挛镄枰粋€(gè)特殊的內(nèi)容。在這個(gè)圖片里面，牛仔開槍了，之后收手。留意一下在槍火上只有很短的時(shí)間，但當(dāng)他向上快速舉槍后，卻有很長的等待時(shí)間。為什么？

這是偏割在他開槍的瞬間起到作用。幾乎和第一張是一樣的姿勢，除了情境中有個(gè)射擊動作。

像在偏割中，你必須要思考畫面中的情境，或是哪個(gè)關(guān)鍵張是要給人留下印象的。盡管播放時(shí)很快，觀眾還是能夠感受到圖畫的細(xì)微變化。他們看不出來，但能感受得出來。這就是中間張?jiān)趧赢嬛械淖饔谩?/span>

知識點(diǎn)已經(jīng)列完了，接下來請欣賞完整的教學(xué)視頻吧：

今天，我們了解了中間張，認(rèn)識了標(biāo)尺、幾種標(biāo)尺類型，并學(xué)習(xí)了如何解讀標(biāo)尺，如何運(yùn)用到中間張。之后，我們會說加中間張用到的技術(shù)和設(shè)備、哪些該做的和不該做的，可能還會有一個(gè)完整的演示。更多精彩，敬請期待！