万彩骨骼大师(http://bone.animiz.cn/)是一款专门制作2D角色的骨骼动画软件。用最简单的方式让静态图片转换为动态动画物体。用户可通过添加骨骼来控制图片的动作与位置,再把设置的动作连在一起,即可得到所需的动态动画效果。

一、软件效果展示 

【图1▲】静态人物 vs 动态人物效果

 

【图2▲】静态球体 vs 动态球体效果

 二、界面介绍

【图3▲】定义骨骼界面

 

【图4▲】编辑骨骼动画界面

 三、操作步骤 

1.添加图片。直接拖拽或点击添加按钮添加一张PNG透明图片或PSD格式图片进行编辑,还可以先查看示例工程观看骨骼动画效果。  

【图5▲】添加PNG图片

2.定义骨骼。导入图片素材后,开始添加骨头来自定义图片的动画动作。注意:假如添加PSD格式(多图层)的图片,也只需直接添加骨头即可。  

(1)添加骨头。直接点击图片即可添加骨头,按照所需的效果,适当的添加骨骼。假如需要图片的不同部分实现不同的动作(旋转、移动等),则可添加多个骨头到图片不同部分。  

【图6▲】添加骨头

(2)添加曲线骨头:可以让图片的曲线变化更加的自然流畅。这里只是添加骨头,还不能编辑动画。  

【图7▲】添加曲线骨头

例如:图片中的人物,我们想要实现手臂与脚的摆动或移动,则可以通过曲线骨头来实现以下几个动作。  

【图8▲】曲线骨头效果

(3)插入: 添加一个节点也是控制点在某段骨头中。  

【图9▲】插入节点

3.设置好骨头之后,就进入编辑骨骼动画。软件内置多种预设骨骼动画供用户选择,用户只需将预设的骨骼动画应用到图片中即可。

(1)选择合适的时间点(默认是1秒=24帧),点击添加动画帧。  

【图10▲】添加动画帧

(2)接着在选中的动画帧里头,通过骨头和节点来调整图片的位置与变形。在自定义动作时,注意考虑图片的运动轨迹来适当添加动画帧。    

1)通过骨头旋转图片相应的部分。选中任一骨头,以骨骼粗的一端的节点为中心,可任意角度旋转图片的相应部分。  

【图11▲】通过骨骼调整图片动作

 选中骨头还可以设置IK约束与骨头的曲线半径:

IK约束:当一根骨头设置了IK的话,那当它的末节点移动时,会保证骨头的长度不变,而为了保证骨头长度不变,就可能会移动它的始节点,就这样一层层的反馈上去。  

【图12▲】IK约束

弯曲半径:是为了调节两段骨骼连接处的弯曲程度。当曲线骨头不支持IK约束时,则可以通过添加骨头并设置骨头的弯曲半径来实现手臂、腿等部分的弯曲变化效果(比如下蹲,跳跃等)。  

【图13▲】弯曲半径

 

2)通过关节点来移动、旋转图片相应的部分:选中关节点,可移动或任意角度旋转图片的相应部分。

 

【图14▲】通过节点调整图片动作

  比如,人物要跳起来的话,不是一下子就到跳的动作,中间还有一些其他的动作。为了让动画更连贯,可以在帧频内添加多个动画帧。   

(3)预览动画动作效果,可以查看/隐藏图片骨骼和运动轨迹。动画不连贯的情况下,就再调整一下动画帧与动画动作。循环就是指循环播放动画效果;自动关键帧:就是当调整图片动作时自动添加动画帧。  

【图15▲】预览查看图片动画效果

4.输出动画效果

(1)目前提供4种发布格式:透明mov, MP4,多PNG图片,输出GIF。   

(2)除了预设的3种视频大小,还可自定义视频大小。还可以按照需求选择是否发布背景颜色。  

【图16▲】自定义输出设置