利用Photoshop生成Sprite sheet

在unity開發或其他項目中，往往希望把幀動畫的每一幀、或者是同一場景中用到的素材，存在同一張Sprite圖中，避免引擎反復讀取素材而降低效率。但是Photoshop并不原生支持生成素材圖，其他的軟件例如TexturePacker也不是免費的。為了減輕美工的工作量，找到了兩個自定義的photoshop腳本，在此記錄一下使用方法。

插件下載

Sprite Sheet Generator 0.6.0

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的次方的生成素材大小。劣勢在于生成的素材圖并不能保證等間距按行列排列，不便于制作幀動畫。

總結

以上是生活随笔為你收集整理的利用Photoshop生成Sprite sheet的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。