像素画：绘画工具Aseprite->绘制金币动态图
2021-07-31 本文已影响0人
苹果王子刘泽庆
之前建立的图像都是每帧64×64像素的，输出后感觉图片非常小，这次将每帧的像素扩大到128×128。然后绘制一个超级马里奥中金币转动的动画。
首先建立一个合适的画布，我选择建立了一个512×128像素的画布。因为经过观察，要实现金币转动的效果，需要4帧动画。每帧的大小为128×128，则四帧的宽度为128×4=512。
image.png
为了方便定位，我打开了网格定位工具。打开方法如下。
image.png
这里每个网格的大小为16×16。当然我们也可以根据实际需要进行调节。
image.png
我从网上找了一张参考图，放大后大概是这样
image.png
其实每个金币大致是一个椭圆形，然后又增加了些细节。
我选择左边和后边各留出32px，上下留出16px，因为综合考量的话这这样金币正好能位于128×128画布的中心位置，如黑色矩形标出的位置。
image.png
我们在这个矩形的基础上，通过删减边角，大概形成椭圆形硬币的基础形状。
如下所示，为了方便，我把网格改成了8×8px.
image.png
这样填充每个网格，就能更方便的定位了。
最后的效果如下
image.png
基本形状有了，我们会看到上面还有细节。我们现在进行添加，并完成四个帧绘制。
image.png
然后，我们将文件保存为png格式。然后以精灵表单方式导入，再导出gif动画。得到效果如下。
con-0001.gif
