工欲善其事必先利其器，趁手的工具会让生活美好许多，虽然Cocos2d-x，提供了Cocos Studio 2编辑器，但是在美术人员把美术部分绘制完成后，要在Cocos Studio 2编辑器呈现出来，确是个工作量比较大的体力活，首先美术人员要把美术元素切成小图，然后编辑器使用人员，根据效果图把美术人员提供的小图在编辑器中拼接出来，这几步操作非但没有技术含量，又特别费工时，于是就有了‘PhotoshopLayerToCocosStudioCSD’这个工具，让美术和编辑器使用人员，可以节省大量时间去上上网，聊聊天。

工具介绍

用Photoshop自动创建CocosStudio .csb文件（Scene/Layer/Node）的工具，是：LayersToCSD（cocos3.10）.jsx（点击下载），这是一个photoshop脚本文件，安装和使用非常方便，这个photoshop脚本，改编自Spine的LayersToPNG.jsx脚本，只是修改了里面的文件输出部分和增加了一个.csb类型选择，所以会看到操作界面基本是相同的。

这个工具的调试用的是：Adobe Photoshop CS6，其它版本没测试过。

输出的csd文件格式为Cocos Studio 2的v2.1.5版本，其它版本没测试过。

安装

安装非常简单，只要下载LayersToCSD（cocos3.10）.jsx（点击下载），然后把文件放到photoshop的‘Scripts’目录就可以了。

photoshop的‘Scripts’目录详细路径：photoshop安装盘\photoshop文件夹\Presets\Scripts\

使用

使用非常简单，只要两步：

1. 在photoshop中，打开要输出的文件（psd测试文件），选择photoshop的‘文件’菜单，再选择‘脚本’子菜单就可以看到‘LayersToCSD’这个子菜单，点击，弹出操作窗口，如果没什么修改，直接点‘ok'按钮。
   

   输出文件如下：

   
   

2. 把上一步生成的.csd文件和images文件，拖拽到Cocos Studio 2编辑器已打开的工程。