PhotoShop生成图像资源

PhotoShop CC版增加了一个非常好用的功能生成图像资源,开启此功能后,PhotoShop会自动把指定的图层和图层组(为了方便表达,以后把图层或者图层组统称层组)导出成指定的规格的图片;
注意:
图像资源生成功能的配置有特定格式,由于网上关于这些格式的描述很杂乱,而且不规范,所以为了更严谨地描述这些语法格式,我便总结并采用ABNF语法范式来描述语法规则,对于不熟悉ABNF语法范式的同学,可以参考《语法格式描述规范BNF和ABNF

目录

  1. 语法总览
  2. 配置图像资源生成功能
  3. 从一个图层或图层组生成多个资源
  4. 指定资源的路径
  5. 尺寸参数
  6. 品质参数
  7. 总结:层组名的语法规则
  8. 配置默认参数
  9. 禁用所有文档的图像资源生成功能

内容


1. 语法总览

先给出层组名的全部语法,以方便大家查阅,后文会详细讲解,如下:

  • 层组名的语法规则

    层组名 = <资源项列表>
    资源项列表 = <资源项>{","<资源项>}
    资源项 = [尺寸参数] [<路径参数>"/"]<资源名>[缩放参数]"."<后缀名>[品质参数]
    尺寸参数 = (<宽>[单位] "x" <高>[单位]) | (<数字>%)
    单位 = px | in | cm | mm
    缩放参数 = "@"<数字>"x"
    后缀名 = ".jpg" | ".png" | ".gif" | ...
    品质参数 = <JPG品质参数> | <PNG品质参数>
    JPG品质参数 = (1-10) | (0-100%)
    PNG品质参数 = 8 | 24 | 32
    
  • 默认参数配置语法
    在PhotoShop中为图像资源指定默认的配置参数,方法如下:

    1. 创建空图层;
    2. 把该图层的名字更改为:以default二字开头,并跟眷默认参数列表;语法为:
      默认配置层组名 = "default" [默认参数组列表]
      默认参数组列表 = <默认参数组> *["+" <默认参数组>]
      默认参数组 = [尺寸参数] [路径参数] [缩放参数]
      路径参数 = <路径>"/"
      缩放参数 = "@"<数字>"x"
      

2. 配置图像资源生成功能

图像资源生成功能的使用方式如下:

  1. 启用生成器

    1. 打开:编辑/首选项/增效工具
    2. 选择:启用生成器
    3. 单击:确定
  2. 勾选图像资源菜单:文件/生成/图像资源

  3. 配置图层或图层组的名字;
    若想让PhotoShop自动把某个层组导出为指定的规格的图片,则必须在该层组的名字中添加相应格式的后缀名(如:.jpg.png.gif等等),并按照一定的格式给该层组的名字配置规格参数;

    层组名的配置语法:

    层组名 = <资源项列表>
    资源项列表 = <资源项>{","<资源项>}
    

    ** 资源项 最简单的语法为:**

    资源项 = <资源名>"."<后缀名>
    

    如下图:

    添加后缀名.png

    导出的图片如下图所示:

    导出效果.png

注意:

  • 层组的名称不支持特殊字符:*
  • 图层组生成的图像资源是该图层组内的所有可见图层的合并效果;
  • PhotoShop会自动把生成的图片放在PSD所在目录下的./<PSD名>-assets/目录下;
  • 生成的图片的名字、格式、及尺寸是根据相应的图层或图层组的名称而得的;
  • 图像资源生成功能的开关参数是记录在PSD中,所以,某个PSD文件开启图像资源生成功能后,无论何时再次打开该文档,图像资源生成功能仍然保持开启;要关闭该功能,另需取消勾选图像资源菜单:文件/生成/图像资源,然后保存;
  • PhotoShop会实时更新生成的图像资源,并且便生成的图像资源与配置保存同步,即,如果配置中删除了一个资源名,则PhotoShop也会删除相应生成的图像资源;

3. 从一个图层或图层组生成多个资源

要从一个图层或图层组生成多个资源,需要在层组的名字中设置多个资源名,并且用用逗号,分隔各个资源名;
语法为:

层组名 = <资源项列表>
资源项列表 = <资源项>{","<资源项>}
资源项 = <资源名>"."<后缀名>

示例:

证件照1.jpg,证件照2.png
多个资源名.png

示例效果:

多个资源名效果.png

4. 指定资源的路径

在配置层组的名字时,也可以指定生成的资源的路径;
语法为:

资源项 = [<路径>/]<资源名>"."<后缀名>

示例:

证件/证件照.jpg
指定资源路径示例.png

示例效果:

指定资源路径效果.png

5. 尺寸参数

可以通过图层或图层组的名字配置生成的图像资源的尺寸,具体如下:
语法为:

资源项 = [尺寸参数] <资源名>"."<后缀名>
尺寸参数 = (<宽>[单位] "x" <高>[单位]) | (<数字>%)
单位 = px | in | cm | mm

说明:
尺寸参数 的格式是:<宽>[单位] "x" <高>[单位]<数字>%
尺寸参数 和 资源名 之间必须有空格;
宽 和 高 后面可以带 单位 :px、in、cm、mm;
如果 单位 是像素,则可以省略;
宽 和 高 可以带不同的单位;

6. 品质参数

语法:

资源项 = <资源名>"."<后缀名>[品质参数]
品质参数 = <JPG品质参数> | <PNG品质参数>
JPG品质参数 = (1-10) | (0-100%)
PNG品质参数 = 8 | 24 | 32

说明:

  • 在不指定 品质参数 的情况下, JPG品质参数 的默认值是90%, PNG品质参数 的默认值是32,gif资源会以基本Alpha透明度生成;
  • gif格式没有品质参数;

7. 总结:层组名的语法规则

以上分别介绍了在层组名中设置各种参数的单独语法,下面给出层组名的全部语法,如下:

层组名 = <资源项列表>
资源项列表 = <资源项>{","<资源项>}
资源项 = [尺寸参数] [<路径参数>"/"]<资源名>[缩放参数]"."<后缀名>[品质参数]
尺寸参数 = (<宽>[单位] "x" <高>[单位]) | (<数字>%)
单位 = px | in | cm | mm
缩放参数 = "@"<数字>"x"
后缀名 = ".jpg" | ".png" | ".gif" | ...
品质参数 = <JPG品质参数> | <PNG品质参数>
JPG品质参数 = (1-10) | (0-100%)
PNG品质参数 = 8 | 24 | 32

8. 配置默认参数

在PhotoShop中为图像资源指定默认的配置参数,方法如下:

  1. 创建空图层;
  2. 把该图层的名字更改为:以default二字开头,并跟眷默认参数列表;语法为:
    默认配置层组名 = "default" [默认参数组列表]
    默认参数组列表 = <默认参数组> *["+" <默认参数组>]
    默认参数组 = [尺寸参数] [路径参数] [缩放参数]
    路径参数 = <路径>"/"
    缩放参数 = "@"<数字>"x"
    

示例

指定图像资源的默认路径:

default path/to/folder/

会在./<PSD名>-assets/path/to/folder/下生成所有的图像资源

指定缩放参数:

default @2x

会为所有生成的图像资源添加缩放参数,格式为:<资源名>@2x.<后缀名>

9. 禁用所有文档的图像资源生成功能

若想对任意PSD文件都禁用PhotoShop的资源生成功能,则可以通过修改首选项,在全局范围禁用所有 Photoshop 文档的图像资源生成功能;
操作步骤为:

  1. 打开:编辑/首选项/增效工具
  2. 取消选择:启用生成器
  3. 单击:确定

注意:
当在首选项中禁用图像资源生成时,文件/生成/图像资源菜单命令不可用;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,591评论 18 139
  • 我发现,我们生活在一个世界里,可是在不同维度。 01. 好朋友去云南旅游,那段时间我就会有意无意的关注云南的消息。...
    闲人捷阅读 1,743评论 10 15
  • 在风的背面 是太阳炙烤皮肤的声音 每一滴挣扎的汗水 都值得安慰 面巾纸的味道 由远及近 仿佛看见脸颊感动的画质 这...
    浅得塾心灵文画阅读 223评论 2 7
  • 天下万物生于有,有生于无。而健康和生命是一切的载体,如果失去健康,也就意味着失去了一切。在这个亚健康指数飙升的年代...
    陈晓依阅读 412评论 0 2