像素画弹跳史莱姆待机动画教程

打开网易新闻 查看精彩图片

文本概览:全文约 821 字,阅读约 3 分钟。

跟完这篇,你能在 32×32 画布上画出一颗史莱姆,再用 4 帧挤压拉伸让它弹起来。

打开网易新闻 查看精彩图片

4 帧循环:扁下去,再往上弹。

画布先开 32×32

新手常把走路循环当第一课,帧还没画完体积就散了。弹跳只守 4 帧,更适合把挤压拉伸练熟。工具用 Aseprite,新建精灵,宽高都填 32。

打开网易新闻 查看精彩图片

左下角确认是 32 32;放大到 800% 再下笔。

打开水平对称

史莱姆左右对称。打开水平对称尺,只画一半,另一半自动跟上。

打开网易新闻 查看精彩图片

工具栏里这条竖虚线:Toggle Horizontal Symmetry。

找不到按钮时,去“查看”里把对称选项勾上。

打开网易新闻 查看精彩图片

对称尺不出现,多半是这里没开。

先画圆边再填色

用铅笔沿中线画出圆滚滚的外轮廓。对称尺会把右边补齐,轮廓歪一点马上看得见。

打开网易新闻 查看精彩图片

关键在这一圈:底边略平,顶边像水滴。

到这停一下:轮廓是不是已经左右对上了?

G用油漆桶填主体色。

打开网易新闻 查看精彩图片

先铺一块干净底色,明暗下一步再加。

明暗和外轮廓

底部加一截更深的蓝,左上留高光。果冻感靠这几笔就够,别往身上堆走路循环那种复杂体积。

打开网易新闻 查看精彩图片

底暗、顶亮,高光点在左上。

外轮廓再涂一圈比内部更暗的色。史莱姆和背景会糊在一起,所以把史莱姆单独放一层,背景另开一层。

打开网易新闻 查看精彩图片

注意:轮廓比体内还要暗一档;图层已经拆开。

四帧做出弹跳

时间轴上新建帧,一共 4 帧。快捷键Alt+N会复制当前帧,比空帧好改。

打开网易新闻 查看精彩图片

右键帧号 → 新建帧(Alt+N)。

第 2 帧:左右两侧和顶部往里压,身体变扁。这是落地那一下。

打开网易新闻 查看精彩图片

扁下去时,左右轮廓一起收。

第 4 帧:往上拉长,像刚离地。第 1、3 帧保持接近静止的圆身,当起落之间的过渡。

打开网易新闻 查看精彩图片

拉高时宽度略收,体积才站得住。

把速度调慢

4 帧默认会闪得太快。拖选这几帧,右键打开帧属性。

打开网易新闻 查看精彩图片

先圈住 1–4 帧,再右键。

持续时间填 150~200 毫秒。数字越大越慢。先别点播放:4 帧是不是都改到同一时长了?

打开网易新闻 查看精彩图片

1…4 一起改成 150,循环才像在弹,而不是在闪。

播放看一眼:扁 → 圆 → 拉高 → 圆。对上了就收工。

打开网易新闻 查看精彩图片

同一颗史莱姆,4 帧已经够用。

参考资料

통통 튀는 슬라임을 만들어보자! + 애니메이션: https://eb-pixel.tistory.com/15