DragonBones Professional提供脚本文件,可以很方便将Photoshop中的设计图导出成DragonBones Professional支持的,可以导入的项目文件。
在windows系统上,脚本文件的位置是:
{Dragon Bones Professional的安装目录}\PSExportDB.jsx
在Mac系统上,在应用程序中找到DragonBones Pro.app,然后右键单击选择显示包内容,然后在以下位置可以找到脚本文件:
/Contents/Resources/PSExportDB.jsx
在Photoshop中,打开设计图,然后依次在菜单中选择文件->脚本->浏览, 然后在打开的系统定位窗口中找到PSExportDB.jsx文件,选择打开。弹出如下对话框:
Export PNGs 导出图片
Export JSON 导出json文件
Ignore Hidden Layers 忽略隐藏图层
Image Scale 整体缩放比例
依照需求设置好,点击OK。Photoshop便开始导出。导出完成后,在设计图所在的目录下会生成一个 DragonBones/{PSD的文件名}/ 的目录,如果你导出时同时勾选了PNGs和JSON,其下会有和.psd文件同名的一个json文件和一个texture目录。Texture目录下是所有的PNG图片文件。
导入时,在DragonBones Professional的导入窗口选择导出的json文件,纹理类型选择“图片文件”,便可以把设计图导入到DragonBones Professional中了。
导入后,图片的相对位置,大小和相互间的层级关系都和PS中完全相同。