Aseprite入门:第一个gif动图

前言:Aseprite入门教程html

一、新建图片:工具

  

  选择新建文件,而后选定宽高和颜色及背景类型,点击OK进行图片的建立:动画

  

二、绘制一个基础图形,为了方便仍是选用球形:spa

  

  填充上颜色:3d

  

  美化(添加阴影增长小球光暗效果):htm

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

  

  用工具进行处理,涂抹差别色的边缘,效果以下:教程

  

三、作出多个连续图,导出gif:游戏

  按下tab键调出关键帧界面:图片

  

  Alt+N建立多个新帧:

  

  绘制每一个帧的图片,从前日后依次将图片上移4像素,3像素,2像素,1像素,作出相似于自由落体的真实效果,以后则是降低1像素,2像素,3像素,4像素:

  

  

  

  点击播放能够看到效果:

  

  效果图:

  

四、丰富一下:

  相似于上面经过调节球的位置同样,能够在小球弹跳时进行竖向和横向拉伸,仿照挤压效果,使小球弹跳更逼真。

  在第一帧后加两帧:

  

  加上以后的效果以下:

  

   有了一些震颤感受,比较真实。

五、导出图片:

  (1)导出GIF,发布到网上:使用Aseprite保存的话,默认格式为.ase,可使用File> Export …命令将图像保存为 .gif。

  (2)导出到游戏中使用时,须要保存为 .png:要将动画保存为图像序列,可使用File>Save as…,选择文件格式为.png,软件会自动提示是否保存全部帧。

  (3)某些游戏引擎须要精灵表格式的文件:不须要手动执行此操做,只需选中File>Export Sprite Sheet,而后设置相应的参数便可。

  

  

  

  

  图片:

  

  (4)纯粹须要.gif时:save as...选择gif格式,会提示是否保存全部帧。