Aseprite入门：第一个gif动图

前言：Aseprite入门教程

1、新建图片：

　　

　　选择新建文件，然后选定宽高和颜色及背景类型，点击OK进行图片的创建：

　　

2、绘制一个基础图形，为了方便还是选用球形：

　　

　　填充上颜色：

　　

　　美化（添加阴影增加小球光暗效果）：

　　（1）先用略浅于原色的颜色点缀一下（2）再用较深色的阴影色绘制边界

　　

　　用工具进行处理，涂抹差异色的边缘，效果如下：

　　

3、做出多个连续图，导出gif:

　　按下tab键调出关键帧界面：

　　

　　Alt+N创建多个新帧：

　　

　　绘制每个帧的图片，从前往后依次将图片上移4像素，3像素，2像素，1像素，做出类似于自由落体的真实效果，之后则是下降1像素，2像素，3像素，4像素：

　　

　　

　　

　　点击播放可以看到效果：

　　

　　效果图：

　　

4、丰富一下：

　　类似于上面通过调节球的位置一样，可以在小球弹跳时进行竖向和横向拉伸，仿照挤压效果，使小球弹跳更逼真。

　　在第一帧后加两帧：

　　

　　加上之后的效果如下：

　　

 　　有了一些震颤感觉，比较真实。

5、导出图片：

　　（1）导出GIF，发布到网上：使用Aseprite保存的话，默认格式为.ase，可以使用File> Export …命令将图像保存为 .gif。

　　（2）导出到游戏中使用时，需要保存为 .png：要将动画保存为图像序列，可以使用File>Save as…，选择文件格式为.png，软件会自动提示是否保存所有帧。

　　（3）某些游戏引擎需要精灵表格式的文件：不需要手动执行此操作，只需选中File>Export Sprite Sheet，然后设置相应的参数即可。

　　

　　

　　

　　

　　图片：

　　

　　（4）纯粹需要.gif时：save as...选择gif格式，会提示是否保存所有帧。

　　后续：Aseprite+Cocos：打包像素画图，导入到cocos里并动起来

__EOF__

本文作者：我命倾尘
本文链接：https://www.cnblogs.com/guobin-/p/10533032.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！