> 专题文章
如何使用骨骼动画让静态角色图片动起来?
2019-06-08 19:10:23 作者:佚名

万彩骨骼大师(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▲】自定义输出设置

上一篇:镜头、移动动画的变化曲线设置
下一篇:万彩手影大师用户指引
相关文章

234游戏网站地图
游戏中心
手机游戏
app大全
单机游戏
网络游戏
网页游戏
手机网游
新闻中心
网游新闻
手游新闻
单机新闻
原创栏目
综合热点
实用问答
专题文章
图片中心
美女图片
爆笑图
二次元
网游图片
单机图片
手游图片
视频中心
单机视频
手游视频
网游视频
视频综合
游戏赛事
攻略中心
单机攻略
手游攻略
网游攻略
爆料中心
娱乐八卦
新鲜事
国内新闻
评测中心
单机评测
手游评测
网游评测
子站导航
234游戏网
234问答
234游戏论坛
vr频道
问答2
问答3

大家都在搜