《photoshop cc 新功能 生成圖像資源》智能切圖逆天啦！

做爲一個前端工程師切圖這個步驟是必不可少的，方式多種多樣，有和切圖工具的，也有是把要切的圖層元素或者組直接新建保存成文件的，如今photoshop cc2015，可讓你輕鬆切圖，擺脫繁瑣的切圖步驟。

如何使用PhotoshopCC生成圖像資源新功能，看PS怎麼自動導出自定義大小、格式、名稱的文件。web設計圖片分層導出的有效工具！咱們可讓Photoshop本身隨時導出咱們設置大小、格式、壓縮品質的圖像，web設計的一大亮點。

生成圖像資源功能啓用和導出位置

一、在Photoshop中點擊「編輯」>「首選項」>「增效工具」，選擇啓用生成器

二、文件」>「生成」>「圖像資源可用（若是設置首選項中沒有在啓用生成器上打鉤，此功能將不可用

 

三、新建一個圖像資源生成案例文件

四、製做3個按鈕，分別爲默認狀態，鼠標通過，鼠標點擊

五、怎麼導出呀，把圖層名稱加上格式後綴，再點擊菜單「文件「>」生成」>」「圖像資源「，就能自動同步導出。

六、默認導出的文件位置爲本文檔的存儲位置，若是本文件沒有存儲，會自動導出到桌面，文件名爲，「本文檔名稱「+  」-assets「！

七、查看導出的內容

生成的圖像資源的方式

一、層組將合併組內的圖像生成一個文件，將上面3個按鈕建一個圖層組導出效果以下：

二、若是圖層組內的圖層也有名稱，圖層組將導出一個文件，圖層組內的圖層也分別導出文件。

圖像資源導出的大小

一、要導出不一樣的格式，只需把圖層名稱的後綴改爲相應的格式後綴就能夠了。默認jpg格式以90%品質生成，png格式以32爲圖像生成，gif以alpha透明度生成。

二、要導出不一樣的大小：設置大小參數，大小要和名稱之間加一個空格。百分比單位加上百分號。

三、像素單位須要設置長度和寬度，不用加單位

圖像導出的壓縮比例

一、Jpg格式在後綴後面加上1-10或者1-100%

二、png格式輸出品質設置分別爲8，24，32

注意事項

這是PhotoshopCC 14.1的一個新功能
原文地址：http://jingyan.baidu.com/article/67508eb4e720ee9cca1ce42c.html

 

下載連接

Adobe Photoshop CC 2015(ps cc下載)16.0.0.88官方中文版

Adobe Photoshop CC 2015 64位版(photoshop下載)16.0.0.88中文版