美文网首页像素画研究
像素画:绘画工具Aseprite->尝试绘制跑马灯动图

像素画:绘画工具Aseprite->尝试绘制跑马灯动图

作者: 苹果王子刘泽庆 | 来源:发表于2021-07-25 22:34 被阅读0次
    light48.gif

    为了验证动态像素图制作过程,我按照前面所说的尺寸,新建了一个256×64像素的图像(横向4帧,每帧64×64)。

    image.png

    建成后的效果是这样的。


    image.png

    我们现在开始考虑一个可能的动画角色,然后绘制四帧变换的图像。
    为了测试,我绘制了四个不同位置、不同颜色的灯。然后将这个画布存储为png格式。我们存储为light48.png。


    image.png

    我们利用File->Import Sprite Sheet 菜单来实现刚才这个png脚本的导入。

    然后在弹出的对话框内,调整瓦片(实际上是每一帧的大小),

    image.png

    参数设置:
    X:0
    Y:0
    宽度:64px
    高度:64px
    然后我们点击导入(import)按钮看效果。

    image.png

    这时我们看到图中只是展示了第一帧,我们点击播放就能看到连续的动画效果。


    image.png

    我们将文件另存为gif格式,这是我们常用的动图格式。


    image.png

    在弹出的对话框中点选完成(上面的常规选项默认就是“动画循环”)。


    image.png

    我们看最后效果:


    light48.gif

    相关文章

      网友评论

        本文标题:像素画:绘画工具Aseprite->尝试绘制跑马灯动图

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