zoukankan      html  css  js  c++  java
  • 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里并动起来

  • 相关阅读:
    hover经过放大效果
    TDD
    VisualStudio UnitTest FrameWork
    Rhino Mock
    Unit Test
    GPS坐标转化为百度坐标
    只上传APK而不进行反编译,在服务器集成第三方SDK。是如何实现的
    如何实现滑动scrollview上下隐藏
    Windroy、Windroye、Bluestacks运行Android实现原理
    问个file的问题
  • 原文地址:https://www.cnblogs.com/guobin-/p/10533032.html
Copyright © 2011-2022 走看看