ps cc中怎么生成圖像資源?
如何使用PhotoshopCC生成圖像資源新功能,看PS怎么自動導出自定義大小、格式、名稱的文件。web設計圖片分層導出的有效工具!我們可以讓Photoshop自己隨時導出我們設置大小、格式、壓縮品質(zhì)的圖像,web設計的一大亮點。
一、生成圖像資源功能啟用和導出位置
1、在Photoshop中點擊“編輯”>“首選項”>“增效工具”,選擇啟用生成器

2、“文件”>“生成”>“圖像資源可用(如果設置首選項中沒有在啟用生成器上打鉤,此功能將不可用)

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

4、制作3個按鈕,分別為默認狀態(tài),鼠標經(jīng)過,鼠標點擊

5、怎么導出呀,把圖層名稱加上格式后綴,再點擊菜單“文件“>”生成”>”“圖像資源“,就能自動同步導出。


6、默認導出的文件位置為本文檔的存儲位置,如果本文件沒有存儲,會自動導出到桌面,文件名為,“本文檔名稱“+ ”-assets“!

7、查看導出的內(nèi)容

二、生成的圖像資源的方式
1、層組將合并組內(nèi)的圖像生成一個文件,將上面3個按鈕建一個圖層組導出效果如下:


2、如果圖層組內(nèi)的圖層也有名稱,圖層組將導出一個文件,圖層組內(nèi)的圖層也分別導出文件。


三、圖像資源導出的大小
1、要導出不同的格式,只需把圖層名稱的后綴改成相應的格式后綴就可以了。默認jpg格式以90%品質(zhì)生成,png格式以32為圖像生成,gif以alpha透明度生成。

2、要導出不同的大?。涸O置大小參數(shù),大小要和名稱之間加一個空格。百分比單位加上百分號。


3、像素單位需要設置長度和寬度,不用加單位


四、圖像導出的壓縮比例
1、Jpg格式在后綴后面加上1-10或者1-100%


2、png格式輸出品質(zhì)設置分別為8,24,32


相關(guān)推薦:
相關(guān)文章
這篇教程是向腳本之家的朋友分享Photoshop CC中無損裁剪圖片技巧,教程比較基礎(chǔ),但很實用,推薦到腳本之家,喜歡的朋友可以參考本文,來看看吧2017-01-03
photoshop cc2015右側(cè)選框欄該怎么設置?
photoshop cc2015右側(cè)選框欄該怎么設置?photoshop cc2015中想要在右側(cè)添加一些工具窗口,該怎么添加呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-12-18
下面這篇文章為大家?guī)砹薖hotoshop CC精準切圖教程,需要的朋友趕緊看看吧2016-11-28- Photoshop CC 2015中怎么使用畫板功能?Photoshop CC 2015中對畫板做了改進,該怎么使用這個功能呢?下面我們就來看看ps中畫板工具的使用教程,需要的朋友可以參考下2016-07-18
- 這篇教程是向腳本之家的朋友分享Photoshop新版CC2016高效易上手的新功能,教程真的很實用,對于正在學習PS學習者來說,真的很值得大家學習,來看看吧2016-07-07
- 這篇教程是向腳本之家的朋友分享PhotoshopCC2016液化濾鏡黑科技實例教程,教程真的很不錯,值得大家學習,推薦到腳本之家,一起來學習吧2016-06-22
- 油畫濾鏡在PS CS6推出的官方濾鏡中,不過最后因為種種原因,消失在Photoshop CC最初的版本中,今天小編就帶來了Photoshop CC油畫濾鏡實例講解,來看看吧2016-05-03
- 這篇教程是向腳本之家的朋友分享photoshop cc 2015 制作一個屬于自己的印章方法,教程制作出來的印章效果非常不錯,難度不是很大,值得大家學習,一起來看看看吧2016-04-17
PhotoShop CC的3D功能制作一款產(chǎn)品包裝盒立體效果
這篇教程是向腳本之家的朋友分享PhotoShop CC的3D功能制作一款產(chǎn)品包裝盒立體效果方法,教程制作出來的效果非常不錯,難度不是很大,值得大家學習,好了,下面我們一起來看2016-04-12Photoshop CC2015繪制超逼真的蘋果iPhone SE
這篇教程是向腳本之家的朋友分享Photoshop CC2015繪制超逼真的蘋果iPhone SE方法,教程繪制出來的效果非常逼真,過程不是很難,教程介紹地也很詳細,推薦過來,一起來學習2016-03-25





