極簡像素畫小貓動畫步驟
![]()
文本概覽:全文約 1,830 字,閱讀約 5 分鐘。
這個教程最終效果不太好。不過步驟沒問題
把一只貓從“坐著”畫到“趴下”,最容易翻車的地方不是尾巴彎不彎,而是整只貓糊在同一圖層上——你想低頭,身體跟著糊;想前伸,耳朵又歪一格。
先用極簡矩形堆出可讀的形,再用互補色點眼睛,最后把頭、身、尾拆開,讓頭部一格一格向前向下挪,完成坐下到趴下的循環。
![]()
靈感起點:極簡像素貓——大腦會自動補全“這是貓”。
![]()
參考拼貼:同一套形狀語言,換色就能成一窩貓。
老游戲里的貓未必畫得細。
經典 DOS《Alley Cat》幾乎靠剪影和動作讓人認出“貓”——今天練的也是同一條路:先可讀,再動畫。
![]()
《Alley Cat》時代的像素場景:細節少,識別靠輪廓。
![]()
再看一幀游玩畫面:窗戶、房間、動作比毛發紋理更重要。
先畫形狀
從 15 像素寬的頭開始:畫一個5×3的橙色矩形。
左右各加 1 像素暗示臉頰;耳朵用 2 像素 + 1 像素對稱搭,左右互為鏡像。這一步只認輪廓,不急著加陰影。
![]()
頭:5×3 矩形打底。
![]()
頰各加 1 像素;耳朵 2+1,左右鏡像。
眼睛:互補色更管用
主色#f29430在 Color-Hex 上能直接看到互補、單色系鄰居。
眼睛用互補藍#308ef2,小畫布上一眼可讀。
兩眼之間留1 像素間距;想讓貓“看左右”,整組眼睛左右移 1 像素,縫寬不變。
![]()
主橙色卡:后面胸毛、爪墊會用到單色系淺色。
![]()
互補藍眼睛:對比拉開,表情立刻站住。
身子與尾巴
頭下面留 1 像素縫,畫4×5身軀矩形并填實;脖子只加 2 像素高。
身體右側再疊兩行,每行頂部少 1 像素,做出側面厚度。尾巴用兩段 2 像素折線,兩端各點 1 像素把直角收成彎弧。
![]()
身:4×5 矩形,與頭留 1 像素縫。
![]()
脖子:2 像素高,把頭和身連上。
![]()
右側加兩行、逐級收頂,側面厚度出現。
![]()
尾巴:直角折線 + 兩端 1 像素點,彎弧成型。
單色系最淺#f7b978點在爪與胸前絨毛——不用新色相,體積就多一層。
![]()
同色淺階:爪墊 + 小胸毛,靜態貓可以到此收工。
動畫前先拆圖層:頭 / 身 / 尾
坐姿到趴姿時,頭、身、尾的位移不同。
繼續畫在同一層,等于每次改一處牽全身。
在 Aseprite 里建Head、Body、Tail三層,框選剪切粘貼到位;圖層列表出現圓點才算該層有像素。
![]()
動畫前:把會動的部件拆開,別整只貓糊在一層。
![]()
Head / Body / Tail:框選剪切,各歸其層。
![]()
每層有圓點 = 有內容;用眼睛圖標檢查隔離結果。
關鍵幀
新建空幀做“趴下”終點,比一路從坐姿改到趴姿更不容易糊。
把頭從第 1 幀拷到第 2 幀并下移約 4 像素;身體按寬度階梯重畫(底行 14、上 11、再 6、再 4);尾巴單獨層補上,淺色爪與胸毛同步。
![]()
先建空幀當趴姿終點,再回頭填過渡。
![]()
頭拷到第 2 幀并下移約 4 像素。
![]()
趴姿身體:底 14 → 11 → 6 → 4 的寬度階梯。
![]()
頭 + 身合看:趴姿輪廓是否可讀。
![]()
Tail 層補尾巴。
![]()
前爪、后腿、胸前再點淺橙。
關鍵修正:貓趴下時頭是向前向下,不是垂直砸下去。
把第 2 幀整體再左移約 3 像素,軌跡立刻像真貓。
兩幀直切會抖:頭要前移+下移,不是純垂直落。
中間幀
中間幀先拷頭與尾,身體后填。
目標是讓頭從坐姿位置每次約 1 像素挪到趴的姿勢。Sprite Sheet 視圖并排看各幀,比只靠播放更容易發現問題。
![]()
插入中間幀:頭與尾先到位,身體后補。
![]()
Sprite Sheet:并排檢查頭軌跡是否一步一格。
完整循環:坐 → 過渡 → 趴。可再微調弓背與尾巴是否跟著前移。
背景可用色卡里的 triad 紫。只在首尾幀上色,再Link Cels鏈到中間幀——改一處,全序列背景同步。
![]()
Link Cels:背景鏈到多幀,避免逐幀重涂。
參考資料
aussieninja — Pixel Art cats!: https://hive.blog/pixelart/@aussieninja/pixel-art-cats
lifebe.com.au: https://lifebe.com.au/artistic/pixel-art-tutorial-cat-lying-down/
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.