像素藝術(shù)動(dòng)畫制作流程：新手指南

嗨大家好！我是 Kyle，今天要帶大家簡(jiǎn)單看看我是如何制作這個(gè)《Ostrich Knight》動(dòng)畫的流程。

本文不會(huì)討論動(dòng)畫中動(dòng)作的細(xì)微差別，而是著重在動(dòng)畫制作過(guò)程本身。

我要做什么？要怎樣開(kāi)始？就讓我們來(lái)看看這些問(wèn)題。

第一步：角色設(shè)計(jì)

先回答一個(gè)常見(jiàn)問(wèn)題：我所有的像素畫和動(dòng)畫都是用 Aseprite 制作的。

首先，你需要一個(gè)角色設(shè)計(jì)。

這是我重新設(shè)計(jì)的鴕鳥(niǎo)騎士，多么英勇的小伙子??！

在這個(gè)階段，我的目標(biāo)是制作一張完整、細(xì)節(jié)豐富的角色精靈圖。

至于怎么做到這一點(diǎn)，之后有機(jī)會(huì)再詳細(xì)講解。從整體設(shè)計(jì)到光照的細(xì)微差別，你最終想要呈現(xiàn)在作品中的所有元素，都應(yīng)該在這里體現(xiàn)出來(lái)。

這會(huì)成為你后續(xù)所有工作的基準(zhǔn)，所以盡情發(fā)揮你的想象力。

不過(guò)要記住，在動(dòng)畫制作過(guò)程中，你可能會(huì)發(fā)現(xiàn)最初設(shè)計(jì)中的某些部分因?yàn)楦鞣N原因行不通，所以隨時(shí)可以回去修改。這很正常，不用擔(dān)心。

一旦你對(duì)角色精靈圖滿意，并且預(yù)期短期內(nèi)不會(huì)再有改動(dòng)，就可以開(kāi)始進(jìn)入動(dòng)畫制作了。

第二步：設(shè)置工作區(qū)

你已經(jīng)準(zhǔn)備好要做動(dòng)畫，但可能不知道從哪里開(kāi)始。

這里我分享一下自己的工作區(qū)初始化方式。相信我，做好充分的準(zhǔn)備對(duì)創(chuàng)作非常有幫助，所以千萬(wàn)不要跳過(guò)這一步。

當(dāng)然，你也可以按照自己的習(xí)慣做調(diào)整，畢竟舒適度才是關(guān)鍵。

我建議把每個(gè)元素都放在單獨(dú)的圖層上，這會(huì)讓后續(xù)工作輕松很多，并且為所有元素加上清晰的標(biāo)簽。

在左側(cè)，我保留角色的原始設(shè)計(jì)圖，并把他的圖層和其他設(shè)定圖層都設(shè)置為「所有幀共享」（也就是我在一幀上做的任何修改，都會(huì)應(yīng)用到所有幀）。

這會(huì)是我在繪制每一幀時(shí)的參考。始終牢牢記住角色的外形非常重要，這樣才能確保角色在動(dòng)畫制作過(guò)程中保持比例和細(xì)節(jié)的一致性。

如果缺少這樣的參考，你很容易在不知不覺(jué)中讓角色「變形」，而你也不想浪費(fèi)大量時(shí)間，一直回頭對(duì)照最初的原始幀。

接著，我在角色腳下畫了一條水平的地面參考線。追蹤地面位置顯然很有用，尤其是對(duì)于包含腳離開(kāi)地面又回到地面的動(dòng)畫來(lái)說(shuō)更是如此。

你也可以根據(jù)需要添加其他參考線。

例如，你可以畫角色頭頂參考線、腰線參考線，或是其他關(guān)鍵部位的參考線；這些都會(huì)隨不同動(dòng)畫而變化。

最后，我會(huì)復(fù)制一份角色設(shè)計(jì)圖，放在畫布中央，這里就是我真正進(jìn)行動(dòng)畫創(chuàng)作的地方。

這樣做有很多好處，最主要的是，它可以作為另一份參考，幫助你記住角色實(shí)際的形狀和體積。

暫時(shí)先不要畫那些模糊的色塊！把中央這份參考的透明度調(diào)低，例如 50% 或更低，這樣你就能很容易地區(qū)分它和正在繪制的內(nèi)容。把這些部分都設(shè)置好之后，就可以進(jìn)入真正的動(dòng)畫制作階段了。

第三步：色塊分割

制作這只美麗小鳥(niǎo)動(dòng)畫的第一步，也是最簡(jiǎn)單的一步，就是「圖形分割」。

這一步的目標(biāo)，是把角色各個(gè)部分拆分成視覺(jué)上清晰可辨、但形狀相對(duì)簡(jiǎn)單的色塊。

一般來(lái)說(shuō)，所有需要獨(dú)立運(yùn)動(dòng)的部分都會(huì)使用不同的顏色來(lái)區(qū)分，并且每種顏色都放在單獨(dú)的圖層上。

在這個(gè)例子中，羽毛和頭部是個(gè)例外，我把它們放在同一個(gè)圖層，因?yàn)檫@樣比較方便一并移動(dòng)，而且它們的動(dòng)畫互不影響；使用不同顏色也能幫助我更好地識(shí)別。

在這個(gè)例子里，我分別為頭部、翅膀、前腿、身體和后腿各建立了一個(gè)圖層。

這些圖層會(huì)一起放進(jìn)一個(gè)圖層組，方便管理和參考。

至于這些色塊要怎么畫，則完全取決于你的個(gè)人習(xí)慣。

對(duì)這張初始圖像來(lái)說(shuō)，我喜歡直接沿著參考圖的輪廓描一圈，因?yàn)檫@樣更容易掌握要畫出的形狀。一開(kāi)始就畫準(zhǔn)，總比一開(kāi)始就畫得很不準(zhǔn)要好。

當(dāng)然，這并不是絕對(duì)的規(guī)則，如果你更習(xí)慣隨手勾個(gè)大概的形狀也完全沒(méi)問(wèn)題。在下一階段，我們會(huì)更自由地進(jìn)行修改和調(diào)整。

第四步：動(dòng)作建模

接下來(lái)的階段可能是最重要、同時(shí)也是最有趣的部分。

所有的「魔法」都是在這里發(fā)生的。在這個(gè)階段，我們會(huì)設(shè)計(jì)動(dòng)畫真正呈現(xiàn)出來(lái)的動(dòng)作，并繼續(xù)使用剛剛建立好的色塊。

你會(huì)注意到，我在頭部增加了一些顏色變化，用來(lái)幫助更清晰地理解動(dòng)作；這完全取決于你的個(gè)人喜好，只要能讓你更好地看懂自己的作品即可。

使用色塊創(chuàng)作有一個(gè)很大的優(yōu)點(diǎn)：它們應(yīng)該可以以非?？斓乃俣缺焕L制、移動(dòng)和修改。

在這個(gè)階段，我們并不在意細(xì)節(jié)。每一幀，我都會(huì)從頭開(kāi)始，一邊畫一邊粗略勾出形狀，主要關(guān)注的是運(yùn)動(dòng)本身。

根據(jù)我的經(jīng)驗(yàn)，每一幀都重新畫出形狀，而不是復(fù)制、粘貼再移動(dòng)，往往能得到更自然、更生動(dòng)的動(dòng)畫效果。

只有在形狀幾乎不會(huì)發(fā)生變化時(shí)，我才會(huì)用復(fù)制粘貼。

要經(jīng)常利用前面提到的參考圖（以及圖層透明度），確保你的造型不會(huì)逐幀「走樣」。體積保持一致（除非是故意做 squash & stretch 那種夸張變形）非常關(guān)鍵！我也非常推薦在繪制的過(guò)程中開(kāi)啟「洋蔥皮」功能（顯示前一幀和后一幀），這會(huì)讓你的動(dòng)作更順暢。

不要害怕做大幅度的快速修改，這正是使用色塊創(chuàng)作的精髓所在。

隨著動(dòng)作逐漸成型，我們會(huì)慢慢雕刻這些色塊，讓它們?cè)絹?lái)越清晰，最終形成將會(huì)出現(xiàn)在成品動(dòng)畫里的那些真實(shí)形狀。

不過(guò)在這個(gè)階段，只需要把它們細(xì)化到足以讓動(dòng)作看起來(lái)正確、流暢即可。

在工作過(guò)程中，要經(jīng)常播放動(dòng)畫預(yù)覽（或者讓它持續(xù)循環(huán)播放），觀察每次修改對(duì)整體效果的影響。另外，一定要在預(yù)期的觀看尺寸下檢查動(dòng)畫。

如果你在一個(gè)完全不同的縮放比例下查看，很多修改看起來(lái)可能不會(huì)像你預(yù)期的那樣生效。

當(dāng)你確定動(dòng)作已經(jīng)走上正確方向，而且多余的部分都被刪掉之后，就可以進(jìn)入下一步——也是最后一步。

第五步：細(xì)節(jié)刻畫

這個(gè)階段其實(shí)沒(méi)什么復(fù)雜的技巧，但會(huì)非常花時(shí)間，同時(shí)也是讓你的動(dòng)畫真正變漂亮的關(guān)鍵一步。

我會(huì)先在已經(jīng)雕刻完形狀的色塊上直接鋪上顏色，確定大致的色彩范圍，然后再逐幀為每個(gè)部分上色。

在這一階段，你要完成很多「內(nèi)部動(dòng)畫」——也就是那些沒(méi)辦法用單一色塊覆蓋的細(xì)節(jié)變化。

比如鴕鳥(niǎo)騎士的罩袍旋轉(zhuǎn)，就是一個(gè)典型例子。

要經(jīng)常回頭參考角色的原始設(shè)定圖，確保顏色和光照始終保持一致。這個(gè)階段本質(zhì)上是在不斷「重畫」原來(lái)的精靈圖，次數(shù)不限；但因?yàn)榇蟛糠謩?dòng)作早就定好了，你現(xiàn)在主要是在上色和補(bǔ)細(xì)節(jié)。

一定要把這一步留到最后再做。

如果你一邊調(diào)整動(dòng)作、一邊刻畫細(xì)節(jié)，當(dāng)你需要再改動(dòng)作時(shí)，就會(huì)被迫不斷重復(fù)全部細(xì)節(jié)工作，時(shí)間成本會(huì)非常高。

按照這些階段分開(kāi)處理，會(huì)高效得多。效率夠高，你就能留出更多精力去添加一些小巧思，讓動(dòng)畫更有生命力，而不是只是「把它做完」而已。

最后，分享一個(gè)輕松的小故事：大約十年前，我參加了一次游戲創(chuàng)作大賽，當(dāng)時(shí)為鴕鳥(niǎo)騎士做了第一版的奔跑動(dòng)畫，那是我最早的動(dòng)畫作品之一。從那時(shí)候到現(xiàn)在，我和這位騎士都成長(zhǎng)了很多。相信只要你不斷練習(xí)，也一定能取得同樣的進(jìn)步。