利用Photoshop生成Sprite sheet

在unity开发或其他项目中，往往希望把帧动画的每一帧、或者是同一场景中用到的素材，存在同一张Sprite图中，避免引擎反复读取素材而降低效率。但是Photoshop并不原生支持生成素材图，其他的软件例如TexturePacker也不是免费的。为了减轻美工的工作量，找到了两个自定义的photoshop脚本，在此记录一下使用方法。

插件下载

1. Sprite Sheet Generator 0.6.0
2. Layer2SpriteSheet

插件安装

将插件下载后解压，将所有文件（包括.jsx文件）复制到photoshop安装路径：x盘:\安装目录\Presets\Scripts

启动photoshop，在菜单栏可以看到相关的插件选项

生成sprite图的流程

方法1

先将所有帧（或者不同大小的素材）整合到同一个文件，不同帧为不同的图层。也可以使用脚本中的将文件载入堆栈，把独立的素材直接导入到不同的图层。

然后使用Sprite Sheet Generator 0.6.0，会打开下面的面板。在Width和Height设置最终生成的素材的宽高，Sprite Source选Document root layers将会把不同图层作为不同帧导出，也可以选择Frame animation（在ps里直接制作帧动画时可以用这个快速导出），或者选择specific layer set自定义要导出的图层。点击确定后就会按照帧的顺序导出素材图的psd文件。

方法1的好处在于导出的素材图中，每个素材都以相同的间距排列，以及可以直接在photoshop的帧动画制作模式中导出。这在制作帧动画的时候非常方便。劣势在于不如方法2的自定义选项多。

方法2

还是先将要导出的素材放置到不同的图层，然后使用export layers to sprite sheet。这个插件的设置选项更多一点，默认的生成算法中不会按照固定的距离排列，更适合生成不用作动画帧的素材（比如杂物）。在Texture中设置最终素材的宽高，取消勾选allow rotation，否则素材会被生成算法自动旋转。如果希望导出的素材按照图层的顺序排列，在Output Format选项中选择Array。

方法2的好处在于自定义的选项多，支持多种排列算法、自动旋转、非2的次方的生成素材大小。劣势在于生成的素材图并不能保证等间距按行列排列，不便于制作帧动画。