像素位移_PixelLogic像素画教程:高级像素位移

b36bfd672e329cd704d17a43f05a0431.gif

1、曲线次级像素

e33a8933af6b7e33a13a828333326282.gif

这是阿拉丁投掷苹果动画的第7帧和第8帧。第7帧过渡到具有次级像素的第8帧。将AA同时沿垂直和水平方向移动,就可以实现45度方向的动画。在视觉上就实现了手臂弯曲的效果。

12c86240ea177b95cef5f5c1e285ec01.png
8449c0fc1dfdd9b982b33d3c68ab8bdf.gif

上面角色的头发动画一共有6帧,是一个完整的圆周运动。但是我们都知道像素画都是方块,方块只能垂直或水平移动。

0ba691c555097ac02cae99f1d8630f29.png
b916fc36a18300b446688cc874f66b81.gif

2、强烈的次级像素位移

ba0f6623eae9e5daba3f18d0e40ab803.gif

通过研究3D渲染的角色,可以更好地理解高级次级像素。3D渲染角色的像素都是计算机自动生成的。

c08c24c53af8357049d2427203b6901f.gif

某些2D角色的待机动画,看起来非常复杂,几乎不能手工进行次级像素化。但是他们仍然值得学习。

db06a66307ff238ad51b8fd91475f1d5.gif
4b679f8f9acdddd126fb7664228f5e5e.png

找出动画开始和停止的关键帧。剩余的中间帧就是次级像素应用的舞台。

1f44ee1cbc6c61f7ee189c6016ed4ceb.gif
a94768f80d0d3773eabc7dba4d85b00d.png
b59c3814e62c8e4268674d64fada5476.png

3、次级像素微移

f7de308214832f657dd214e30f17c308.gif

次级像素微移,所有的运动都发生在角色内部。这种效果只是移动的像素颜色。

最精细的次级像素对振动效果非常有用,例如:

abef04466a3e72afff1748939cb20e11.gif
a4c681e9da1845bf6a299514f3e2a992.gif

当颜色很少的时候,无法使用AA(次级像素)。相反,在角色内部也可以移动像素,原理与移动次级像素相同。

5ced7ee25f7d967801e3ae331e3aff5d.gif

移动像素之外,也可以使用AA,但请使用角色中已有的颜色。除非绝对必要,否则不要增加新颜色。

待续

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值