极简像素画小猫动画步骤
文本概览：全文约 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/
热门跟贴