美文网首页像素画研究
像素画:绘画工具Aseprite->绘制金币动态图

像素画:绘画工具Aseprite->绘制金币动态图

作者: 苹果王子刘泽庆 | 来源:发表于2021-07-31 12:16 被阅读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

    相关文章

      网友评论

        本文标题:像素画:绘画工具Aseprite->绘制金币动态图

        本文链接:https://www.haomeiwen.com/subject/jbwhvltx.html