"關注像素大廚,把繁瑣的事情交給我"👆
微信
親愛的小夥伴們好!很久不見。咱們已經放出了打磨許久的「全新PS切圖功能」,切圖嗷嗷快,協做爽歪歪!今後小夥伴們在使用 PxCook 切圖功能時事半功倍。工具
這次的更新,咱們完全摒棄了原有的切圖方式~優化
讓咱們來看看新版PxCook切圖功能優化後帶來的福音吧!插件
切圖功能更穩定設計
切圖過程更快速code
體驗更流暢cdn
協做更便捷blog
涵蓋舊版本優選功能開發
光說不練假把式,咱們上圖來體驗下新版本切圖所帶來的絲滑般感覺文檔
17個圖層切爲1x,2x和3x,總共51個圖標就已經已經順利導出完成啦~
那麼,這麼好用的切圖功能,應該如何使用呢?
全新版本的 PS 切圖,咱們採用了更直接 PS 插件方式,摒棄了舊版本切圖方式所帶來的體驗上的弊端。操做更加專一,且對於新版本PS的兼容性會更好~若是新版本遇到切圖過程障礙,切圖後臺會智能的跳到備選切圖方案中,直到切圖成功爲止。
新版本從切圖外觀上更改成以讀條形式切圖,而且採用PS更加原生的切圖方式,以確保切圖過程PS文檔再也不閃爍,讓速度快了3-5倍左右。
首先保存 Psd,而後點擊切圖面板,選擇所要輸出圖層並【標記爲切圖】便可將畫板附帶切圖導出到PxCook中,將以下的 PS 畫板,按照如圖所示的設置導出到PxCook。只要將須要切圖的圖層標記並保存,即便圖層再多,切圖過程也可一步到位,無需長時間等待,更加提升工做效率!
咱們設計了更簡潔的切圖操做界面,切圖插件也無需手動安裝,而且插件與PxCook更加緊密的鏈接,體驗更流暢,操做更便捷!
該設備和分辨率選項,須要您根據當前設計稿的尺寸來進行選擇(例如:您的設計稿是 iOS 設備且寬度爲 375,那須要您將設備選擇爲iOS,分辨率選擇爲1x)。設備類型和設計稿分辨率的選項,只會決定標記的切圖的生成尺寸,標記的切圖將會根據您設置的設計稿分辨率爲基準,縮放爲當前項目所需的各個尺寸。
設計師完成的切圖可直接導入到PxCook協做項目中,而且可自動適配開發人員所需的尺寸,開發人員只要在協做項目右側邊欄中查看或直接下載到成果圖層,省去至關無用環節,讓開發人員處理更便利!
I. 隨意定義切圖大小尺寸
能夠將你但願輸出的大小尺寸切圖導入到PxCook中,新建一個形狀圖層,將圖層調整爲想要輸出的尺寸,並重命名爲「#」或「@bounds」,而後與所需輸出的圖層一塊兒編組,導入到PxCook中即獲得你想要尺寸的圖層了。
II. 切圖導出到本地
點擊面板右下角【導出當前選中到本地】、【導出全部切圖到本地】便可將當前選中的圖層或組直接導出到本地文件夾中。以後在彈出的對話框中,能夠選擇須要導出的分辨率,默認爲導出所有。
感興趣的童鞋們快來體驗一下吧!爲「產●設●研」而生
來自PxCook 官方團隊 ,專一多年設計研發的效率協做工具
喜歡的小夥伴可搜索
微信關注公衆號:像素大廚PxCook
可獲取更多設計資訊,和各類做圖小技巧