DragonBones(附教程)

　　DragonBones是一款功能非常强大的移动游戏的骨骼动画解决方案软件；这款软件还是免费的，支持对游戏的骨骼进行快速的设计，编辑，还可以运行库的加载，即可快速的帮助用户进行游戏的渲染的那个；而且软件还可以进行直接的访问您的游戏骨骼，选择喜欢的皮肤，不知道的情况还可以进行附件的操作，快捷的将游戏的骨骼进行组合在一起，效果等也是非常的出众等，需要的朋友赶快将DragonBones下载来使用试试吧！

软件功能

　　轻松动态换装

　　动画角色中的任何图片,

　　都是可以通过一行代码在运行时替换的，

　　轻松实现动态换装的功能。

　　美术需求更少

　　只保存各部分切图组成的纹理集和动画数据，

　　只需要极少的原画，便可完成千变万化的动作动画组合。

　　在动画制作时，只需要完成对关键帧的编辑，通过动画补间，

　　便可自动生成流畅的动画动作。

　　动态漫画

　　更为生动形象的漫画展示，以及用户与动漫间的多感官交互。

　　丰富的动效

　　预设丰富的动画特效,为你的条漫创意之路提供充沛的灵感。

　　所见即所得

　　在软件环境中提供真实的模拟动画效果预览，所见即所得。

软件特色

　　骨骼操作为图片绑定骨骼制作动画，制作角色动作更方便，动作更逼真，动画更流畅。

　　基本动画项目基本动画适合制作广告营销类的动画，支持补间动画和序列帧动画，操作简单，所见即所得。

　　时间轴时间轴是动画制作的核心，这里可以宏观的调节各个元件动画的关键帧，调节播放速度、动画补间等细节。

　　网格和自由变形在图片矩形边界内自定义多边形，提高纹理集的空间使用率。通过移动网格点来变形图片，实现网格的扭曲，拉伸，转面等伪3D效果。

　　IK骨骼约束在骨骼动画中可以通过反向动力学的方式为角色摆姿势，建立反向动力学约束，使得动作的编辑操控更方便，生成的动作更自然更逼真。

　　骨骼权重和蒙皮动画将网格中的点绑定骨骼权重，骨骼的运动带动网格变形，产生图片整体的弯曲，飘动等效果。

　　曲线编辑器在曲线编辑器中可以通过调整贝塞尔曲线来控制两帧之间的差值，以实现栩栩如生的动画效果。

　　洋葱皮工具使用洋葱皮功能可以同时看到前后若干帧的影图，方便更加精准的调节动画细节。

　　元件嵌套项目中可以创建多个动画元件并进行任意的嵌套重用。

　　导入可以导入PS生成的分层图、DragonBonesPro和FlashPro导出的龙骨数据格式、Spine和Cocos等第三方动画格式。

　　导出和纹理集打包支持纹理集打包和JSON、XML格式的动画数据导出。支持序列图导出和Egret的MovieClip格式的动画数据导出。

　　预览和发布

　　在真实的运行环境预览动画效果，所见及所得。一键发布H5动画，无需编码控制，动画即可在终端设备运行。

快捷键

　　功能主快捷键副快捷键

　　撤销Ctrl + Z

　　重做Ctrl + YCtrl + Shift + Z

　　删除骨骼/插槽/图片/关键帧DeleteBackspace

　　选择工具V

　　Pose工具P

　　移动工具H

　　创建骨骼工具N

　　插槽上移一层

　　插槽下移一层

　　新建项目Ctrl + N

　　打开项目Ctrl + O

　　保存项目Ctrl + S

　　导入Ctrl + I

　　导出Ctrl + E

　　播放动画Enter

　　预览

　　Ctrl + Enter

　　添加/更新关键帧K

　　复制关键帧Ctrl + C

　　粘贴关键帧Ctrl + V

　　左移时间轴播放指针，

　　右移时间轴播放指针.

安装方法

　　1、下载文件找到"DragonBonesPro-v5.1.0.exe"双击运行，进入软件安装向导界面；

　　2、进入DragonBones软件的安装向导界面，点击立即安装；

　　3、点击自定义，可以进行选择您需要进行使用的语言，包括了软件的快捷方式，选择文件安装的位置，默认位置“D:/Program Files/Egret/”；

　　4、点击用户协议可以进行观看用户的许可协议等；

　　5、正在进行安装中，请耐心等待..........

　　6、软件已经安装完成，点击立即体验；

使用方法

　　进入DragonBones软件的主界面，出现下图界面，如下图；

　　主界面

　　主场景。 装配骨架和制作动画的主要操作区域。

　　系统工具栏。 项目操作的工具栏。

　　主场景工具栏。 鼠标模式切换的工具栏。

　　编辑模式切换。 切换骨架装配和动画制作。

　　显示/可选/继承 开关面板。 骨架和插槽的显示/可选/继承的开关面板。

　　其他面板。 包括场景树、层级、变换、动画、属性和资源面板。

　　时间轴面板。模式切换工具编辑模式切换工具

　　编辑模式切换控件用于切换骨架装配和动画制作。显示继承工具

　　显示/可选/继承工具用于打开和关闭骨骼和插槽的显示，可选，继承关系。

　　显示: 打开时，骨骼或插槽在主场景中可见。关闭时，骨骼或插槽在主场景中不可见。

　　可选：打开时，骨骼或插槽在主场景中可以被选中。关闭时，骨骼或插槽在主场景中不可以被选中。

　　继承：打开时，骨骼或插槽会继承父骨骼的动作。关闭时，骨骼或插槽不会继承父骨骼的动作。

　　特性：

　　骨骼和插槽的显示在骨架装配和动画制作下均可用。

　　骨骼和插槽的可选在动画制作下，骨骼默认为可选且可修改，插槽默认为不可选且不可修改。

　　骨骼和插槽的继承在动画制作下默认为继承且不可修改。

　　层级面板

　　层级面板用于显示和编辑主场景中插槽的上下层级关系。可以通过拖拽改变插槽间的层级关系。选中插槽后，也可以点击右上角的向上一层和向下一层按钮或快捷键[]来改变层级关系。此面板只出现在骨架装配模式下。

　　资源面板

　　右上角按钮依次为：导入资源按钮，打开库文件夹按钮和刷新按钮。此面板只可以在骨架装配模式下显示。

　　项目所使用的所有图片都保存在资源面板中。DragonBones Professional每个项目的资源库都对应一个系统中实际存在的文件夹，文件夹中DragonBones Professional所支持的PNG图片都会被显示在资源面板中。

　　可以通过由系统其他文件夹向DragonBones Professional 的资源面板中拖拽PNG文件的方法，向资源库里添加图片，相应的PNG文件也会被拷贝到对应的资源库文件夹中。也可以点击“导入资源”按钮，在弹出的系统窗口中指定要添加的资源PNG文件。

　　时间轴面板

　　时间轴面板用于动画剪辑的编辑。此面板只能在动画制作下显示。

　　a ). 播放控制工具

　　时间轴面板上的播放控制工具，用于控制动画剪辑的播放。由左向右依次为：回到首帧按钮，前一帧按钮，倒放按钮，播放按钮，下一帧按钮，最后一帧按钮，播放速度控制滑块，当前帧，当前时间，帧率。

　　播放速度控制滑块的控制范围是0.1x ~ 10x。

　　当前帧：可编辑，输入具体的帧数，绿色播放指针便会跳转到相应的帧数。拖动绿色指针或播放动画，当前帧的数值也会跟着相应的变化。

　　当前时间：不可编辑，基于当前帧和帧率计算得出。

　　帧率：可编辑，默认为24fps。设定每一秒钟的动画有多少帧。

　　b ). 帧编辑工具栏

　　帧编辑工具栏，由左向右依次为：洋葱皮按钮，复制帧按钮，剪切帧按钮，粘贴帧按钮，删除帧按钮。

　　洋葱皮按钮：开关洋葱皮功能。

　　复制帧按钮：选中关键帧后点击，帧的参数便被复制到剪切板中。

　　剪切帧按钮：选中关键帧后点击，帧的参数便被剪切到剪切板中。

　　粘贴帧按钮: 剪切板中的帧参数可以被粘贴到时间轴的任意帧数，任意层（骨骼层和插槽层的帧不能互相粘贴，关键帧中记录的参数是与上一个关键帧的相对变动值，0帧的相对变动值均为0），也可以覆盖已存在关键帧。

　　删除帧按钮: 删除当前选中帧。

　　c ). 时间轴工具栏

　　时间轴工具栏，由左向右依次为：折叠列表，展开列表，向右移动帧，向左移动帧，自动关键帧按钮，添加关键帧按钮，曲线图面板按钮。

　　折叠列表：折叠时间轴上所有的层。

　　展开列表：展开时间轴上所有的层。

　　向右移动一帧，向左移动一帧： 点击按钮将整体移动选中关键帧以右的所有关键帧。若左侧的上一帧已有关键帧，则不能再向左移动，向左移动关键帧按钮将灰掉。

　　自动关键帧：具有开关两种状态的按钮，白色为关，红色为开。开启后，对骨骼或插槽的改动将会在绿色播放指针所在帧和相应的骨骼或插槽层上自动添加关键帧。

　　添加关键帧按钮： 三种状态按钮，白色表示无改动，无关键帧。黄色表示有改动未添加或更新关键帧。红色表示无改动已添加或更新关键帧。白色或黄色状态下，点击按钮，将在绿色播放指针所在帧和相应骨骼层或插槽层上添加或更新关键帧。红色状态下点击无效果。红色或白色状态下，改动骨骼或插槽，按钮将变为黄色，表示骨骼或插槽发生改动。无骨骼或插槽选中时，按钮不可用。

　　曲线图面板按钮：开关曲线图面板。

　　d ). 时间轴缩放工具

　　时间轴缩放工具用于控制时间轴的比例缩放。左侧为适合屏幕按钮，-和+按钮控制缩小和放大。拖动滑块也可以控制缩放。

　　e ). 时间轴

　　骨骼层内关键帧为白色，插槽层内关键帧为黄色，事件层内关键帧为红色,含有事件，跳转，声音的骨骼关键帧为粉色。

　　时间轴的第一层为动画剪辑层，不能直接编辑，在其他任意层添加关键帧后，动画剪辑层便会出现菱形方块，表示当前帧下某层或多层存在关键帧。白色表示为骨骼层关键帧，黄色表示插槽层关键帧，红色为事件层关键帧，粉色为存在多种层混合的关键帧。选中菱形方块便选中这一帧数下的所有关键帧。可以进行整体左右平移，拖拽，复制，剪切，粘贴，删除。

　　只要相应帧数下存在关键帧，时间轴标尺上便会出现红线，时间轴标尺不会随时间轴的上下滚动条滚动，始终可见。

　　时间轴的第一级为骨骼层或事件层，第二级为插槽层，插槽层相对骨骼层向右缩进一层。时间轴内不体现父子骨骼的层级关系。事件层只有一层。

　　选中的层会高亮，对应层的骨骼或插槽也会被选中，反之，选中骨骼或插槽，对应的层也会被选中。

　　关键帧可以在时间轴同层内任意拖拽。

　　帧的框选

　　DragonBones Pro 4.2 开始支持时间轴内的帧的框选操作。在时间轴内可以框选所要操作的帧，选中后，可以对帧进行，复制，剪切，删除等操作。

　　框选后，鼠标移动到选框内部，鼠标光标变为十字四向箭头时，点击拖拽，可以左右平移选中帧。

　　平移后效果如下图。

　　框选后，鼠标移动到选框边缘，鼠标光标变为左右箭头时，点击拖拽，可以缩放选中帧的间距，进而改变动画的速度。

　　缩放后，效果如下图。

　　按住Ctrl键可以连续框选帧。

更新日志

　　1. 增加单个动画的导入导出功能

　　2. 增加一键删除动画中不必要的关键帧功能

　　3. 增加修改快捷键设置的功能

　　4. 曲线编辑器支持多段贝塞尔曲线

　　5. 时间轴增加过滤选中层的功能，开启后只显示选中的时间轴

　　6. 导出Egret极速格式用户体验和导出速度全面提升

　　7. 偏好设置中可以修改显示语言