PhotoShop CC版增加了一个非常好用的功能
生成图像资源
,开启此功能后,PhotoShop会自动把指定的图层和图层组(为了方便表达,以后把图层或者图层组
统称层组
)导出成指定的规格的图片;
注意:
图像资源生成功能的配置有特定格式,由于网上关于这些格式的描述很杂乱,而且不规范,所以为了更严谨地描述这些语法格式,我便总结并采用ABNF语法范式来描述语法规则,对于不熟悉ABNF语法范式的同学,可以参考《语法格式描述规范BNF和ABNF》
目录
- 语法总览
- 配置图像资源生成功能
- 从一个图层或图层组生成多个资源
- 指定资源的路径
- 尺寸参数
- 品质参数
- 总结:层组名的语法规则
- 配置默认参数
- 禁用所有文档的图像资源生成功能
内容
1. 语法总览
先给出层组名的全部语法,以方便大家查阅,后文会详细讲解,如下:
-
层组名的语法规则
层组名 = <资源项列表> 资源项列表 = <资源项>{","<资源项>} 资源项 = [尺寸参数] [<路径参数>"/"]<资源名>[缩放参数]"."<后缀名>[品质参数] 尺寸参数 = (<宽>[单位] "x" <高>[单位]) | (<数字>%) 单位 = px | in | cm | mm 缩放参数 = "@"<数字>"x" 后缀名 = ".jpg" | ".png" | ".gif" | ... 品质参数 = <JPG品质参数> | <PNG品质参数> JPG品质参数 = (1-10) | (0-100%) PNG品质参数 = 8 | 24 | 32
-
默认参数配置语法
在PhotoShop中为图像资源指定默认的配置参数,方法如下:- 创建空图层;
- 把该图层的名字更改为:以
default
二字开头,并跟眷默认参数列表;语法为:默认配置层组名 = "default" [默认参数组列表] 默认参数组列表 = <默认参数组> *["+" <默认参数组>] 默认参数组 = [尺寸参数] [路径参数] [缩放参数] 路径参数 = <路径>"/" 缩放参数 = "@"<数字>"x"
2. 配置图像资源生成功能
图像资源生成功能的使用方式如下:
-
启用生成器
- 打开:编辑/首选项/增效工具
- 选择:启用生成器
- 单击:确定
勾选
图像资源
菜单:文件/生成/图像资源-
配置图层或图层组的名字;
若想让PhotoShop自动把某个层组导出为指定的规格的图片,则必须在该层组的名字中添加相应格式的后缀名(如:.jpg
、.png
、.gif
等等),并按照一定的格式给该层组的名字配置规格参数;层组名的配置语法:
层组名 = <资源项列表> 资源项列表 = <资源项>{","<资源项>}
** 资源项 最简单的语法为:**
资源项 = <资源名>"."<后缀名>
如下图:
导出的图片如下图所示:
注意:
- 层组的名称不支持特殊字符
:
和*
; - 图层组生成的图像资源是该图层组内的所有可见图层的合并效果;
- PhotoShop会自动把生成的图片放在PSD所在目录下的
./<PSD名>-assets/
目录下; - 生成的图片的名字、格式、及尺寸是根据相应的图层或图层组的名称而得的;
- 图像资源生成功能的开关参数是记录在PSD中,所以,某个PSD文件开启图像资源生成功能后,无论何时再次打开该文档,图像资源生成功能仍然保持开启;要关闭该功能,另需取消勾选
图像资源
菜单:文件/生成/图像资源,然后保存; - PhotoShop会实时更新生成的图像资源,并且便生成的图像资源与配置保存同步,即,如果配置中删除了一个资源名,则PhotoShop也会删除相应生成的图像资源;
3. 从一个图层或图层组生成多个资源
要从一个图层或图层组生成多个资源,需要在层组的名字中设置多个资源名,并且用用逗号,
分隔各个资源名;
语法为:
层组名 = <资源项列表>
资源项列表 = <资源项>{","<资源项>}
资源项 = <资源名>"."<后缀名>
示例:
证件照1.jpg,证件照2.png
示例效果:
4. 指定资源的路径
在配置层组的名字时,也可以指定生成的资源的路径;
语法为:
资源项 = [<路径>/]<资源名>"."<后缀名>
示例:
证件/证件照.jpg
示例效果:
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中为图像资源指定默认的配置参数,方法如下:
- 创建空图层;
- 把该图层的名字更改为:以
default
二字开头,并跟眷默认参数列表;语法为:默认配置层组名 = "default" [默认参数组列表] 默认参数组列表 = <默认参数组> *["+" <默认参数组>] 默认参数组 = [尺寸参数] [路径参数] [缩放参数] 路径参数 = <路径>"/" 缩放参数 = "@"<数字>"x"
示例
指定图像资源的默认路径:
default path/to/folder/
会在./<PSD名>-assets/path/to/folder/
下生成所有的图像资源
指定缩放参数:
default @2x
会为所有生成的图像资源添加缩放参数,格式为:<资源名>@2x.<后缀名>
9. 禁用所有文档的图像资源生成功能
若想对任意PSD文件都禁用PhotoShop的资源生成功能,则可以通过修改首选项
,在全局范围禁用所有 Photoshop 文档的图像资源生成功能;
操作步骤为:
- 打开:编辑/首选项/增效工具
- 取消选择:启用生成器
- 单击:确定
注意:
当在首选项
中禁用图像资源生成时,文件/生成/图像资源
菜单命令不可用;