极简像素画小猫动画步骤
![]()
文本概览:全文约 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.