1、打開ps

這里面打開UI設計師發來的psd格式文件可能會出現兩個錯誤提示.

原因：版本過低，一些關鍵組件缺失，得安裝最新版本的ps解決。

這里如果不安裝最新版本的話，直接按保留圖層即可，因為要切出圖中的組件需要留下圖層進行操作。

打開之后如果發現沒有缺失什么關鍵內容，就可以繼續進行之后的內容。

這個是ps字體庫中缺少設計師所使用的字體，但是如果只是圖片的形式的話，
該字體會以像素的形式保留下來。只有當需要對改字體內容進行修改時，ps才會再次提醒你將字體替換掉。

解決方法
1、什么都不用管，切就完事了。
2、安裝最新版的ps（或許就有這些字體了）
3、問設計師要字體文件

2、連接pxcook

1、打開pxcook
2、點擊左上角的裁切刀

接下來會跳轉到切圖工具的小窗口

3、啟動ps和pxcook的源程連接。
ps的遠程連接在：頂部菜單欄->編輯->遠程連接

打開后設置密碼，并勾選遠程連接，然后確定。

之后轉會到切圖工具窗口，輸入密碼并開始使用。

這里就是已經成功連接的狀態。

到這里準備工作已經完成。切圖工具中的選項可以根據自己的需要進行調整。

---

3、正式切圖

每一個頁面都是由很多個小組件組成，在axure上實現點擊等事件的交互時，也需要對每一個小組件單獨進行操作，所以需要將小組件單獨切割出來。

而UI設計師在ps上設計頁面的時候也會對小組件進行分組，所以我們只需要在ps的圖層選擇中將需要的小組件所在圖層進行選中，然后點擊“切所選圖層”即可。

切出來的圖層會在切圖工具設置的路徑中找到。下面以切割導航欄為例。

這是一個畫在ps上的漂亮的tabbar。
里面有背景圖片，圖標×4，選中圖標×4，然后我們需要把一共9個圖片都切出來。

為了辨別哪個圖標對應哪個圖層，我們可以圖層欄左邊的眼睛，不斷地“隱藏”和”顯示“，就可以找到該圖標對應的圖層。

這里是對應當前狀態的圖層欄。
然后我們長按CTRL，再用鼠標將圖層一個一個選上。

選擇完畢之后點擊切圖。 然后我們的ps就會自己跑起來了。不用管他，等他跑完就行了。

之后我們就可以在文件夾中找到切割好的圖片，但是這里似乎少了點什么？？？白色的圖標不見了？？？

這里就發現了一個小問題，如果ps中圖層的命名是相同的話，圖片會發生覆蓋的情況。就相當于

然后切圖工具幫我們點擊了替換。

所以為了避免這種情況，我們將ps中的名字修改一下，再次切圖之后就可以成功獲得白色的圖標了。

另外注意：

如果在ps中直接選擇一個組別進行切圖的話，

就會得到這個組別中所有圖層圖片拼合到一起的的切圖

4、將圖片放到axure上

1、打開axure
2、打開圖標所在文件
3、CTRL+A
4、CTRL+C
5、跳轉回axure
6、CTRL+V
7、拖動圖片擺放到正確位置
8、設置交互

總結

以上是生活随笔為你收集整理的ps +pxcook切图 后转移到 axure上 完整过程的全部內容，希望文章能夠幫你解決所遇到的問題。

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