像素球怎么做出滚动感? 以橘色球为例

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

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

像素画新手常问:球怎么看起来在滚,而不是在滑?

答案很短:球可以原地不动,靠轮廓偏 1 像素,再加上表面纹理跟着转。下面以橘色球为例。

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

图注:左边循环播,右边是 6 张静帧;上排白球底子,下排橘色成品。

6 帧,原地滚

整段是 6 帧循环。球不在画布上平移,像踩跑步机:脚在动,人还在原地。

向左滚的错觉,来自边缘形状和表面花纹在变,不是整颗球往左挪。

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

图注:左深灰框里是循环动图,右横条是拆开的 6 帧。

白球:轮廓偏 1 像素

上排先画白球剪影。第 1 帧是干净白圆;第 2 到第 6 帧,外缘会出现粉色小点簇,沿周长走一圈:右 → 右上 → 顶 → 左上 → 左。

这些粉点不是整球平移,是告诉你:轮廓要往那个方向偏 1 像素。偏完,球看起来才有厚度;不偏,就像纸片在滑。

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

图注:粉边标出这一帧轮廓该偏哪一侧。

橘色球:纹理转,光不动

下排在同一套位移上画进设计。橘色球表面有眼睛(或标记)。眼睛跟着滚动转;转到边缘会变薄,像被压扁;有一半帧,标记跑到背面,正面看不见。

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

图注:眼睛位置在变,球心大致还在原地。

还有一处新手最容易错:高光和暗部位置要固定。光源没转,阴影就不该跟着球一起转。轮廓和纹理在动,受光关系可以几乎不动。

总结

  1. 先做 6 帧白球:只动轮廓 1 像素,确认原地滚得起来。

  2. 再叠条纹或标记:纹理转,标记允许藏到背面。

  3. 最后把这套位移套到自己的球角色上。