DragonBones简单动画制作实例

筅森魡賤 提交于 2020-04-27 18:31:31

DragonBones简单动画制作实例

  • 软件名称:DragonBonesPro
  • 软件版本:5.6
  • 软件介绍:DragonBones是一套开源的 2D骨骼动画框架和工具,它包含了基于Flash Pro的骨骼动画编辑面板Skeleton Animation Design Panel及骨骼动画ActionScript框架,它可以让开发者运用熟悉的Flash Pro元件及时间轴编辑方式,快速创建2D骨骼动画,并运用到Flash或其他技术的应用中。

1.小球滚动动画

在60帧插入关键帧,会自动添加补间动画,在第一帧上加入旋转效果,可自行在曲线编辑器上添加淡入淡出效果。

2.开场动画

新建逐帧动画,将素材全部导入到舞台,在1、9、11帧上排列好所有对象的位置,并创建关键帧,调整大小、位置、旋转等参数。

3.小丑盒子动画

新建骨骼动画,将素材全部导入到舞台,在骨架配装页面排列好小丑的位置,并在各个部位上添加骨骼,在层级页面排列好位置防止对象遮挡,切换到动画制作页面,创建关键帧并移动骨骼位置让小丑出现左右摇晃的效果。

4.跑步的人、跳跃的人动画

新建骨骼动画,将素材先从photoshop中加载,在龙骨中选择添加数据到项目,导入素材到舞台,在骨架配装页面中制作骨骼,这里注意在添加骨骼时可以先隐藏别的对象,如图可以先添加手脚的骨骼并设置子骨骼和父骨骼,全部添加完如下图,并进行父骨骼测试。 打开动画制作页面,在动画页面新创建一个run的动画,按照参考移动每一帧各个骨骼的位置并建立关键帧,达到实验人物奔跑的效果。新创建jump和idle动画,操作同上制作出跳跃眨眼等动画效果

5.跳跃的🐏动画

新建动画,将素材先从photoshop中加载,在龙骨中选择添加数据到项目,在骨架配装页面中制作骨骼,同时在羊毛对象上选择勾选网格,进项添加边线和添加顶点的选项,此步骤为了在制作动画时将无骨骼仅图片的羊毛进行变换操作,如图加入顶点边线,并在身体、腿、头上添加骨骼。转到动画制作页面,在动画页面新创建一个jumpsheep的动画,按照参考移动每一帧各个骨骼的位置并建立关键帧,达到跳跃的效果。在位置移动调整完成之后,选择羊毛可以进行拖动顶点进行变形。在对应的帧上改变羊毛的形状实现跳跃后羊毛抖动的效果




预览效果如下:






易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!