• 首先需要先下載一個外掛－"LayersToPNG.jsx"。

(在官網提供的github可以載到最新的版本，包括其他軟體的)

• 他是Photoshop的一個外掛，用於將所有圖層輸出成可用於Spine的骨骼Json檔與已切邊的png，Json檔的用意就是匯入spine後，圖層位置、順序與命名都與PS檔案一樣，捨去動畫師自行拼圖、對位的工作。

• 放置路徑為： C:\Program Files\Adobe\Adobe Photoshop CC 2019\Presets\Scripts (每個人安裝地點與版本不一樣，需要找一下)

※注意：檔名結尾需為.jsx，有些地方載下來的外掛可能會是.txt之類的，再更改名稱就好。

• 若放置成功，開啟PS之後會出現在 檔案>指令碼 裡。

• 在輸出之前需要先將PSD保存進的資料夾，否則若是剛新建的未儲存會出現找不到路徑，以及確保後續輸出的檔案尋找難易度上升(例如：下載資料夾、桌面)。

※注意：不管是圖層、檔案、資料夾或路徑，都避免出現中文與全形符號。

• 按下後會跳出設定視窗，可選擇詳細設定，如右圖。通常寫出JSON檔與修剪會勾上，邊緣保留可依照後續習慣調整。

• 輸出位址預設為PSD所在資料夾，且圖檔會另外自動生成images的資料夾，並且匯入Spine後圖片路徑也會自動設定，所以事先建立好製作檔案的資料夾，且位置與資料夾名稱基本不改動為佳。

(曾多次發生自行選定輸出位置後出現錯誤的問題，建議還是照預設的去跑。)

• 成功輸出後若在資料夾有images資料夾與.json檔，就成功輸出了。(如右圖1)

• 這時候可以檢查圖檔是否有輸出成功：

1. 圖片有無齊全或多出來。

2. 命名有無正確，例如：若有重複命名的圖層只會輸出一張。

3. 圖是否有切邊成功，如右圖2，若發現留白部分過多，可能是該圖層沒有清理乾淨。

• 在前期盡量發現並做好處裡後再輸出，可避免後續做到一半才發現問題，嚴重一點可能一些設定和動作要重做。

題外話：

若發現輸出不對修改PSD後，想要重新輸出，有機率檔案不會成功蓋過去，必要時還是把JSON與圖檔砍掉後在輸出，較不會出問題。

(經驗談，但不知道問題出在哪就是了，也可能是個人問題)