Unity 好用小工具 整合Photoshop 的 Psd Importer 教學

Unity 大約2019版開始有內建官方PSD importer，只要在photoshop裡把檔案轉存為PSB格式，就可以直接拉到Unity裡並保留圖層關係。

注意是PSB格式才有效，不是PSD，雖然它叫做PSD importer...

官方說明 或搜尋 unity package psd importer

https://docs.unity3d.com/Packages/com.unity.2d.psdimporter@4.0/manual/index.html

===以下是舊版文章的備份 僅供參考======



youtube教學影片
https://youtu.be/0FcfV_DLn6c

Unity PSD匯入器  Unity PSD importer

簡介：
可保留Photoshop的PSD檔圖層階層關係並且匯入Unity裡面，省下大量重新排列與對齊圖檔的時間

測試用的PSD檔下載
https://drive.google.com/drive/folders/0B9pF8Hbq-lgVaTByaU0wTmVjVHc


注意：
Photoshop 的PSD檔不能有混合選項或調整圖層之類的附加效果
目前測試可以支援形狀圖層與智慧型圖層

轉換混合選項或圖層樣式為一般圖層：
在Photoshop裡存檔以後點擊影像-->複製，只複製合併圖層不要打勾，按確定， 原版檔案就可以關掉了（避免不小心覆蓋到原始檔案）

按住Ctrl不放可跳著點選想要合併的圖層，再按Ctrl + E 合併圖層
按住Shift不放可連線點選想要合併的圖層，再按Ctrl + E 合併圖層

（此時範例PSD檔裡可以整理愛心與箭頭圖層）


下載 PSD importer：
（網路上有另一個同名的插件，為了避免抓錯檔，可以從這裡下載）
下載（ChemiKhazi版）
https://github.com/ChemiKhazi/UnityPsdImporter

安裝 PSD importer：
開啟一個新的Unity專案，Assets 裡新建一個Editor資料夾(名稱要一樣)，把剛下載好的Unity PSD importer壓縮檔裡，bin資料夾底下的PhotoShopImporter.dll放到Editor資料夾裡
（若無法直接丟進Editor資料夾，可先解縮放到桌面上以後再丟進去）

匯入整理好的PSD：
把整理好的PSD先丟到Assets裡，再點滑鼠右鍵，選擇PSD Importer




A.轉換為一般物件
選擇爸爸資料夾，等同於Photoshop PSD檔裡的爸爸群組，點擊 Sprite Creation 裡的 Create 2D Sprites按鈕，爸爸會變成父物件，底下的各個圖層會變成子物件，同時保留位置與階層關係


B.轉換為Canvas UI物件
功能表：GameObject-->UI新建一個Canvas物件，Assets裡在要轉換的PSD檔點滑鼠右鍵，選擇PSD Importer，選擇爸爸資料夾，等同於Photoshop PSD檔裡的爸爸群組，點擊場景裡的Canvas物件，再點擊Sprite Creation裡的Create UI Images按鈕，爸爸群組會變成Canvas底下的物件，同時保留位置與階層關係

轉成UI之前要新建一個Canvas物件

「Kevin MacLeod」創作的「Cold Funk - Funkorama」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/by/4.0/) 授權使用

來源：http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100499

演出者：http://incompetech.com/

「Kevin MacLeod」創作的「Hackbeat」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/by/4.0/) 授權使用

來源：http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100805

演出者：http://incompetech.com/

影片縮圖的素材：Designed by Freepik