如何在不了解人體結構的情況下製作基礎像素行走循環動畫
如果您對人體結構仍感到陌生,不妨將行走分解為簡單體塊的循環以及四個可重複的姿勢。從側面視角的人物開始,用對比色塊勾勒出腿部和軀幹,並製作八個畫面的動畫:接觸(contact)、下沈(down)、交疊過渡(passing)和升起(up),接著以另一條腿向前重複相同的序列。在添加衣物、陰影或細節之前,先在小尺寸下檢查循環效果。這樣做可以讓您專注於動作的辨識度,而非繁複精細的繪畫細節。
設定一個小而固定的起點
選擇一個適合您現有人物大小的畫布;32 × 32 像素是像素藝術行走循環教學中常用的實用範例,但並非強制規格。請確保畫布以及人物的整體寬度與高度在各個畫面之間保持一致。在腳下放置一條水平地面參考線,並標記一個穩定的錨點,例如軀幹中心。這些參考線能讓您更容易發現非預期的位移漂移。
在第一遍起草時,將頭部表現為橢圓形或方塊,軀幹為緊湊的形狀,每隻手臂和腿則表現為粗線或狹長形狀。對近處和遠處的肢體使用不同的臨時顏色,以便在重疊時區分它們。這只是一張工作輔助圖,並非精確的比例要求。像素藝術家 Raymond Schlitter 曾描述過,在精修更大的角色精靈(sprite)之前,會使用帶有顏色編碼的人體模型來區分頭部、頸部、軀幹、手臂和腿部。SLYNYRD: “Pixelblog - 50 - Human Walk Cycle”
在繪製細節前先規劃好四個姿勢
一個實用的行走循環框架包含四個姿勢:接觸(contact)、下沈(down)、交疊過渡(passing)和升起(up)。先繪製單步的這四個姿勢,然後以另一條腿為先導重複此模式。在接觸姿勢中,邁向前方的腳向前伸,後方的腳向後伸。在下沈姿勢中,前腳承受身體的重量,身體位置降低。在交疊過渡姿勢中,隨著後腳向前邁出,雙腿在投影中交叉,身體隨之抬高。在升起姿勢中,邁步的腿向前擺動,準備進入下一次接觸。
對於八格畫面(8-frame)的循環,請按以下順序排列圖稿:左腳接觸、下沈、交疊過渡、升起,接著是右腳接觸、下沈、交疊過渡、升起。後半部分反轉了引導腿;它應該讓人感覺是前半部分的對應動作,而不是簡單複製貼上的圖像。一個詳細的像素藝術範例標記了這些關鍵時刻,並使用八格畫面作為經濟性與流暢度之間的平衡點;其他幀數也可以適用於不同風格的角色精靈。SLYNYRD: “Pixelblog - 50 - Human Walk Cycle”
將腿部構建為簡單形狀
繪製第一個接觸姿勢時,雙腿要分開得足夠清晰,以便在角色精靈的實際顯示尺寸下易於辨認。讓雙腳保持在地面參考線上。在下一畫面上,稍微彎曲承重腿,並將軀幹稍微降低一點。在交疊過渡姿勢中,拉近雙腳的距離,將擺動中的腳移至身體下方。在升起姿勢中,抬起向前移動的腳後跟或整隻腳,同時另一條腿支撐身體。接著完成相反方向的接觸姿勢,並依序繼續循環。
將每個肢體視為從臀部到腳部的連貫形狀。您不需要將每一塊骨骼都對應到像素上:大致保持腿長一致,並透過方向或輪廓的改變來表現膝蓋的彎曲。在極小的角色精靈上,這可能只意味著一兩個像素的位移。如果雙腿變成難以辨識的一整團色塊,請加大它們的間距,或使用臨時的近/遠顏色來釐清哪一條腿在前。一份低解析度角色精靈教學指出,四格畫面的行走適合小型角色,而交替變換腿部陰影可幫助四格循環區分兩條引導腿。Manning Leonard Krull: “Tutorial: Walking animation for low-res sprites”
保持軀幹和手臂的辨識度
在各畫面間,將軀幹和頭部固定在大致相同的中心位置。讓身體在下沈姿勢時降低,在邁步的交疊過渡或升起階段上升,但起伏幅度要克制:在小畫布上,僅僅一個像素的變動就可能非常明顯。手臂方面,可以嘗試與前邁腿相反方向擺動。如果右腿在前,左臂可以向前擺動;在下一次接觸時則顛倒配對。手和腳要保持足夠簡潔,以便與四肢區分開來。
這些只是用於測試的基礎形狀,並非通用標準。穿著厚重衣物的人物、極小的角色精靈或風格強烈的設計,可能需要縮小肢體間隔或減小手臂擺動幅度。同樣,一份實用的像素藝術教學建議簡化手和腳、改變後肢的色調以表現深度,並根據人物預期的風格來選擇比例。Clip Studio Tips: “Tips and Configuration for Creating a Walking Cycle - PixelArt”
動作協調後再添加像素細節
在添加臉部、衣褶、高光或配件之前,先播放草稿循環。檢查兩個接觸姿勢之間是否有明確的變化、雙腿在軀幹下方的移動是否清晰易辨,以及頭部是否保持對齊而非左右跳動。如果角色精靈看起來像原地踏步或踢腿,請先調整肢體的粗略形狀。細節會掩蓋動作問題,同時讓後續的每次修改變得更加費時。
一旦剪影效果理想,即可恢復角色的調色盤,並一次精修一個特徵。保持修改的局部性:如果只是遠側的腿切換了前後深度,只需改變其顏色或重疊關係,而不要移動頭部和軀幹。頭髮、寬鬆的袖子或小配件可以隨著身體輕微擺動,但這些都是可選的。在一個四格像素藝術練習中,Pinnguaq 展示了在建立基本循環後,如何為頭髮和帽子裝飾等輕量細節添加微小動態。Pinnguaq: “Pixel Art 4A: Animation Basics In GraphicsGale”
檢查循環,然後調整節奏
連續預覽動畫,並逐格檢查。首先比較第八幀與第一幀:軀幹、頭部、地面位置和整體剪影應能無縫銜接,不出現突兀的跳躍。接著檢查兩個接觸姿勢是否為相反的邁步動作,以及著地的腳是否出現跳至不同高度的情況。如果人物看起來上下起伏過大,請減少垂直位移;如果雙腿模糊混雜在一起,請改善它們的分離度或重疊效果。
每次修改只針對一處,然後重新播放檢查。時間軸的幀延遲控制著每張圖稿在螢幕上停留的時間,因此請在動態播放中測試速度,而不是僅將圖稿當作靜態圖像來評判。Pinnguaq 的教學建議同時檢查動畫預覽和單個畫面,並透過更改幀延遲來調整速度。Pinnguaq: “Pixel Art 4A: Animation Basics In GraphicsGale”
何時使用更少或更多的畫面格數
八格畫面能為展現雙側的四個主要姿勢提供足夠空間。如果角色精靈極小,兩格或四格的循環可能辨識度更高,因為需要繪製的微小變化較少;如果過渡顯得突兀且畫布有足夠空間,可以在關鍵姿勢之間添加中間格。沒有適用於所有精靈的單一格數標準。Adafruit 的指南介紹了使用大約六格的簡單遊戲行走,以及多達約十二格的更流暢版本;而低解析度教學則討論了兩格、四格和八格的選項。Adafruit: “Pixel Art for LED Matrix Displays”,Manning Leonard Krull: “Tutorial: Walking animation for low-res sprites”
當行動作在其目標尺寸下清晰易辨,且從最後一幀到第一幀的過渡顯得自然連貫時,即可大功告成。在添加額外格數或次要動態之前,請先儲存該草稿版本;若後續添加的細節導致動作辨識度下降,它能為您提供一個清晰的基準以便復原。
