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格式,会提示是否保存所有帧。

  • 7
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Duilib是一个轻量级、高效的UI布局库,它提供了一系列丰富的控件和样式,可以快速地创建各种UI界面。 Duilib的例子中包含了许多有趣的实现,比如气泡、gif动图、菜单、消息响应、光滑圆形贴等。 气泡可以用来提示用户或展示某些信息,Duilib提供了BubbleControl控件,可以快速地创建一个气泡。改变气泡的颜色、大小以及箭头位置等都可以很容易地实现。 GIF动图是一种有趣且生动的像展示方式,Duilib提供了GifAnimControl控件,可以快速地加载并显示GIF动图。通过设置帧间隔、播放次数等参数,可以实现更多自定义效果。 菜单是一个常用的控件,Duilib提供了很多种菜单控件,包括简单的弹出菜单、复杂的多级菜单等。通过设置控件样式、添加菜单项及响应函数等,可以轻松实现一个完整的菜单系统。 消息响应是Duilib控件的重要特性之一,可以通过设置控件的回调函数来实现消息的监听和响应。控件可以监听鼠标点击事件、按键事件、鼠标移动事件等,让用户与UI界面实现更多类型交互。 光滑圆形贴是一种美观的界面设计,用于美化UI界面和增加趣味性。Duilib提供了EllipseControl控件可以创建圆形控件,并通过设置背景、控件大小等参数,实现圆形贴的效果。 综上所述,Duilib的例子运用了多种控件和样式,演示了如何在UI界面实现各种有趣的功能。Duilib的好处还在于它的易用性和开放性,可以轻松地扩展、定制和优化界面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值