java 动画 制作_DragonBones简单动画制作实例

本文通过DragonBonesPro 5.6详细介绍了2D骨骼动画的制作过程,包括小球滚动、开场动画、小丑盒子、跑步与跳跃人物以及跳跃的�动画的制作方法,涉及关键帧、骨骼配装、动画调整等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DragonBones简单动画制作实例

软件名称:DragonBonesPro

软件版本:5.6

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

1.小球滚动动画

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

500979667de2373ea52126a7b7b0a273.png

2.开场动画

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

05e08bff5794e4a1962858d9c32a741a.png

9143b7280ffc33142d126c2d220e4171.png

3.小丑盒子动画

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

b99e706c5b3667980c946a4c19092206.png

506723ebf11f103be391a80829a50364.png

5e734a7ca4d19221a910257f6dd58225.png

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

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

a6f3f16ba7ddc335f3a026c0a07895a2.png

d09402f5e462c60bb901ec0794573406.png

62bfb3735fe1695cf862dff46c5c20c0.png

ad4c312176468e1eb9f2476148c9794a.png

5b35fab1e7beca85d9d1079aa842b46f.png

d2a3cef7f8d02fd43bd917247347cd3b.png

5acd66b8465aa0f87610c48c2878faeb.png

5.跳跃的🐏动画

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

e1387e820eabfac8bec036dddf39414e.png

ba83621ce9a25268d81c236fad6749f1.png

bc46ec226dd574d0fc835a7c20029fbf.png

eb795d824370eb17aac1f1e5813cdea2.png

预览效果如下:

1b1869ff4fdf93eb905e7f1a33c953eb.gif

fb99885ccba29e53131361af5406c60d.gif

4f6ccd1ce1f2cd94d174fb9538f4da29.gif

fe03ae05e574ce3ca60ad2765c37ceae.gif

fa126b1f7429a02f43c00f668b116316.gif

324bce0353f5c96fcc4b70a5ba04cb0e.gif

d8c45e4159d7e7f5aceec3c0c9df05fa.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值