PS一鍵切圖神器

在開發中,UI把設計稿交付給前端后,前端會把這些設計出來的頁面切成一個個小圖。那麼為什麼不用整張圖呢?因為一張大圖的文件太大,會讓H5載入速度很慢,而且做成一張大圖的話,就無法實現H5各種絢麗的動畫了。

當然PS CC2015較之前的版本新加入了「快速導出為PNG」功能。大家可自行嘗試下,但是始終不太方便。至於為什麼,你看完這篇就知道了。

點擊查看大圖

1.今天帶來的是PS一款小插件 —— cutterman,去官網(http://www.cutterman.cn)下載安裝后,點擊擴展功能,選擇Cutterman調出調節面板。

點擊查看大圖

2.選擇對應的圖層,提前設置好輸出目錄,點擊「導出選中圖層」,導出成功后查看輸出目錄。

Advertisements

點擊查看大圖

下圖素材來自Cutterman官網

現在你應該知道自帶的「快速導出為PNG」為啥不好用了吧?我並不是工具狂,工具不是目的,主要是方便就好。更多關於產品小猴的故事,請關注微信「猴哥」公眾號(imonkey99)來訂閱。

Advertisements

你可能會喜歡