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品质参数 = (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所在目录下的./-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品质参数 = (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品质参数 = (1-10) | (0-100%)
PNG品质参数 = 8 | 24 | 32

8. 配置默认参数

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

1. 创建空图层；
2. 把该图层的名字更改为：以default二字开头，并跟眷默认参数列表；语法为：

   默认配置层组名 = "default" [默认参数组列表]
   默认参数组列表 = <默认参数组> *["+" <默认参数组>]
   默认参数组 = [尺寸参数] [路径参数] [缩放参数]
   路径参数 = <路径>"/"
   缩放参数 = "@"<数字>"x"
   

示例

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

default path/to/folder/

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

指定缩放参数:

default @2x

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

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

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

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

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