PhotoShop生成圖像資源

PhotoShop CC版增加了一個非常好用的功能生成圖像資源撰豺,開啟此功能后,PhotoShop會自動把指定的圖層和圖層組(為了方便表達(dá),以后把圖層或者圖層組統(tǒng)稱層組)導(dǎo)出成指定的規(guī)格的圖片闸拿;
注意:
圖像資源生成功能的配置有特定格式空盼,由于網(wǎng)上關(guān)于這些格式的描述很雜亂,而且不規(guī)范新荤,所以為了更嚴(yán)謹(jǐn)?shù)孛枋鲞@些語法格式揽趾,我便總結(jié)并采用ABNF語法范式來描述語法規(guī)則,對于不熟悉ABNF語法范式的同學(xué)苛骨,可以參考《語法格式描述規(guī)范BNF和ABNF

目錄

  1. 語法總覽
  2. 配置圖像資源生成功能
  3. 從一個圖層或圖層組生成多個資源
  4. 指定資源的路徑
  5. 尺寸參數(shù)
  6. 品質(zhì)參數(shù)
  7. 總結(jié):層組名的語法規(guī)則
  8. 配置默認(rèn)參數(shù)
  9. 禁用所有文檔的圖像資源生成功能

內(nèi)容


1. 語法總覽

先給出層組名的全部語法篱瞎,以方便大家查閱,后文會詳細(xì)講解痒芝,如下:

  • 層組名的語法規(guī)則

    層組名 = <資源項列表>
    資源項列表 = <資源項>{","<資源項>}
    資源項 = [尺寸參數(shù)] [<路徑參數(shù)>"/"]<資源名>[縮放參數(shù)]"."<后綴名>[品質(zhì)參數(shù)]
    尺寸參數(shù) = (<寬>[單位] "x" <高>[單位]) | (<數(shù)字>%)
    單位 = px | in | cm | mm
    縮放參數(shù) = "@"<數(shù)字>"x"
    后綴名 = ".jpg" | ".png" | ".gif" | ...
    品質(zhì)參數(shù) = <JPG品質(zhì)參數(shù)> | <PNG品質(zhì)參數(shù)>
    JPG品質(zhì)參數(shù) = (1-10) | (0-100%)
    PNG品質(zhì)參數(shù) = 8 | 24 | 32
    
  • 默認(rèn)參數(shù)配置語法
    在PhotoShop中為圖像資源指定默認(rèn)的配置參數(shù)俐筋,方法如下:

    1. 創(chuàng)建空圖層;
    2. 把該圖層的名字更改為:以default二字開頭严衬,并跟眷默認(rèn)參數(shù)列表澄者;語法為:
      默認(rèn)配置層組名 = "default" [默認(rèn)參數(shù)組列表]
      默認(rèn)參數(shù)組列表 = <默認(rèn)參數(shù)組> *["+" <默認(rèn)參數(shù)組>]
      默認(rèn)參數(shù)組 = [尺寸參數(shù)] [路徑參數(shù)] [縮放參數(shù)]
      路徑參數(shù) = <路徑>"/"
      縮放參數(shù) = "@"<數(shù)字>"x"
      

2. 配置圖像資源生成功能

圖像資源生成功能的使用方式如下:

  1. 啟用生成器

    1. 打開:編輯/首選項/增效工具
    2. 選擇:啟用生成器
    3. 單擊:確定
  2. 勾選圖像資源菜單:文件/生成/圖像資源

  3. 配置圖層或圖層組的名字;
    若想讓PhotoShop自動把某個層組導(dǎo)出為指定的規(guī)格的圖片请琳,則必須在該層組的名字中添加相應(yīng)格式的后綴名(如:.jpg粱挡、.png.gif等等)俄精,并按照一定的格式給該層組的名字配置規(guī)格參數(shù)询筏;

    層組名的配置語法:

    層組名 = <資源項列表>
    資源項列表 = <資源項>{","<資源項>}
    

    ** 資源項 最簡單的語法為:**

    資源項 = <資源名>"."<后綴名>
    

    如下圖:

    添加后綴名.png

    導(dǎo)出的圖片如下圖所示:

    導(dǎo)出效果.png

注意:

  • 層組的名稱不支持特殊字符:*
  • 圖層組生成的圖像資源是該圖層組內(nèi)的所有可見圖層的合并效果竖慧;
  • PhotoShop會自動把生成的圖片放在PSD所在目錄下的./<PSD名>-assets/目錄下嫌套;
  • 生成的圖片的名字、格式圾旨、及尺寸是根據(jù)相應(yīng)的圖層或圖層組的名稱而得的踱讨;
  • 圖像資源生成功能的開關(guān)參數(shù)是記錄在PSD中,所以碳胳,某個PSD文件開啟圖像資源生成功能后勇蝙,無論何時再次打開該文檔,圖像資源生成功能仍然保持開啟挨约;要關(guān)閉該功能味混,另需取消勾選圖像資源菜單:文件/生成/圖像資源,然后保存诫惭;
  • PhotoShop會實時更新生成的圖像資源翁锡,并且便生成的圖像資源與配置保存同步,即夕土,如果配置中刪除了一個資源名馆衔,則PhotoShop也會刪除相應(yīng)生成的圖像資源瘟判;

3. 從一個圖層或圖層組生成多個資源

要從一個圖層或圖層組生成多個資源,需要在層組的名字中設(shè)置多個資源名角溃,并且用用逗號,分隔各個資源名拷获;
語法為:

層組名 = <資源項列表>
資源項列表 = <資源項>{","<資源項>}
資源項 = <資源名>"."<后綴名>

示例:

證件照1.jpg,證件照2.png
多個資源名.png

示例效果:

多個資源名效果.png

4. 指定資源的路徑

在配置層組的名字時减细,也可以指定生成的資源的路徑;
語法為:

資源項 = [<路徑>/]<資源名>"."<后綴名>

示例:

證件/證件照.jpg
指定資源路徑示例.png

示例效果:

指定資源路徑效果.png

5. 尺寸參數(shù)

可以通過圖層或圖層組的名字配置生成的圖像資源的尺寸匆瓜,具體如下:
語法為:

資源項 = [尺寸參數(shù)] <資源名>"."<后綴名>
尺寸參數(shù) = (<寬>[單位] "x" <高>[單位]) | (<數(shù)字>%)
單位 = px | in | cm | mm

說明:
尺寸參數(shù) 的格式是:<寬>[單位] "x" <高>[單位]<數(shù)字>%
尺寸參數(shù) 和 資源名 之間必須有空格未蝌;
寬 和 高 后面可以帶 單位 :px驮吱、in、cm萧吠、mm左冬;
如果 單位 是像素,則可以省略纸型;
寬 和 高 可以帶不同的單位拇砰;

6. 品質(zhì)參數(shù)

語法:

資源項 = <資源名>"."<后綴名>[品質(zhì)參數(shù)]
品質(zhì)參數(shù) = <JPG品質(zhì)參數(shù)> | <PNG品質(zhì)參數(shù)>
JPG品質(zhì)參數(shù) = (1-10) | (0-100%)
PNG品質(zhì)參數(shù) = 8 | 24 | 32

說明:

  • 在不指定 品質(zhì)參數(shù) 的情況下, JPG品質(zhì)參數(shù) 的默認(rèn)值是90%绊袋, PNG品質(zhì)參數(shù) 的默認(rèn)值是32毕匀,gif資源會以基本Alpha透明度生成铸鹰;
  • gif格式?jīng)]有品質(zhì)參數(shù)癌别;

7. 總結(jié):層組名的語法規(guī)則

以上分別介紹了在層組名中設(shè)置各種參數(shù)的單獨(dú)語法,下面給出層組名的全部語法蹋笼,如下:

層組名 = <資源項列表>
資源項列表 = <資源項>{","<資源項>}
資源項 = [尺寸參數(shù)] [<路徑參數(shù)>"/"]<資源名>[縮放參數(shù)]"."<后綴名>[品質(zhì)參數(shù)]
尺寸參數(shù) = (<寬>[單位] "x" <高>[單位]) | (<數(shù)字>%)
單位 = px | in | cm | mm
縮放參數(shù) = "@"<數(shù)字>"x"
后綴名 = ".jpg" | ".png" | ".gif" | ...
品質(zhì)參數(shù) = <JPG品質(zhì)參數(shù)> | <PNG品質(zhì)參數(shù)>
JPG品質(zhì)參數(shù) = (1-10) | (0-100%)
PNG品質(zhì)參數(shù) = 8 | 24 | 32

8. 配置默認(rèn)參數(shù)

在PhotoShop中為圖像資源指定默認(rèn)的配置參數(shù)展姐,方法如下:

  1. 創(chuàng)建空圖層;
  2. 把該圖層的名字更改為:以default二字開頭剖毯,并跟眷默認(rèn)參數(shù)列表圾笨;語法為:
    默認(rèn)配置層組名 = "default" [默認(rèn)參數(shù)組列表]
    默認(rèn)參數(shù)組列表 = <默認(rèn)參數(shù)組> *["+" <默認(rèn)參數(shù)組>]
    默認(rèn)參數(shù)組 = [尺寸參數(shù)] [路徑參數(shù)] [縮放參數(shù)]
    路徑參數(shù) = <路徑>"/"
    縮放參數(shù) = "@"<數(shù)字>"x"
    

示例

指定圖像資源的默認(rèn)路徑:

default path/to/folder/

會在./<PSD名>-assets/path/to/folder/下生成所有的圖像資源

指定縮放參數(shù):

default @2x

會為所有生成的圖像資源添加縮放參數(shù),格式為:<資源名>@2x.<后綴名>

9. 禁用所有文檔的圖像資源生成功能

若想對任意PSD文件都禁用PhotoShop的資源生成功能逊谋,則可以通過修改首選項擂达,在全局范圍禁用所有 Photoshop 文檔的圖像資源生成功能;
操作步驟為:

  1. 打開:編輯/首選項/增效工具
  2. 取消選擇:啟用生成器
  3. 單擊:確定

注意:
當(dāng)在首選項中禁用圖像資源生成時胶滋,文件/生成/圖像資源菜單命令不可用板鬓;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市究恤,隨后出現(xiàn)的幾起案子俭令,更是在濱河造成了極大的恐慌,老刑警劉巖部宿,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抄腔,死亡現(xiàn)場離奇詭異瓢湃,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)赫蛇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門绵患,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人悟耘,你說我怎么就攤上這事藏雏。” “怎么了作煌?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵掘殴,是天一觀的道長。 經(jīng)常有香客問我粟誓,道長奏寨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任鹰服,我火速辦了婚禮病瞳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘悲酷。我一直安慰自己套菜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布设易。 她就那樣靜靜地躺著逗柴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪顿肺。 梳的紋絲不亂的頭發(fā)上戏溺,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天,我揣著相機(jī)與錄音屠尊,去河邊找鬼旷祸。 笑死,一個胖子當(dāng)著我的面吹牛讼昆,可吹牛的內(nèi)容都是我干的托享。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼浸赫,長吁一口氣:“原來是場噩夢啊……” “哼闰围!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起掺炭,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤辫诅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后涧狮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體炕矮,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡么夫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了肤视。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片档痪。...
    茶點(diǎn)故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖邢滑,靈堂內(nèi)的尸體忽然破棺而出腐螟,到底是詐尸還是另有隱情,我是刑警寧澤困后,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布乐纸,位于F島的核電站,受9級特大地震影響摇予,放射性物質(zhì)發(fā)生泄漏汽绢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一侧戴、第九天 我趴在偏房一處隱蔽的房頂上張望宁昭。 院中可真熱鬧,春花似錦酗宋、人聲如沸积仗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽寂曹。三九已至,卻和暖如春丹锹,著一層夾襖步出監(jiān)牢的瞬間稀颁,已是汗流浹背芬失。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工楣黍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人棱烂。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓租漂,卻偏偏與公主長得像,于是被迫代替她去往敵國和親颊糜。 傳聞我的和親對象是個殘疾皇子哩治,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)衬鱼,斷路器业筏,智...
    卡卡羅2017閱讀 134,651評論 18 139
  • 我發(fā)現(xiàn)蒜胖,我們生活在一個世界里消别,可是在不同維度。 01. 好朋友去云南旅游台谢,那段時間我就會有意無意的關(guān)注云南的消息寻狂。...
    閑人捷閱讀 1,763評論 10 15
  • 在風(fēng)的背面 是太陽炙烤皮膚的聲音 每一滴掙扎的汗水 都值得安慰 面巾紙的味道 由遠(yuǎn)及近 仿佛看見臉頰感動的畫質(zhì) 這...
    淺得塾心靈文畫閱讀 228評論 2 7
  • 天下萬物生于有,有生于無朋沮。而健康和生命是一切的載體蛇券,如果失去健康,也就意味著失去了一切樊拓。在這個亞健康指數(shù)飆升的年代...
    陳曉依閱讀 419評論 0 2