JPEG、PNG、GIF 或 SVG 图像资源可以从 PSD 文件图层或图层组中的内容生成。将受支持的图像格式扩展添加到图层名称或图层组名称时,会自动生成资源。(可选)您也可以指定所生成图像资源的品质和大小参数。
从 PSD 文件生成图像资源对于多设备 Web 设计来说尤其有用。
有关如何创建和导出 Web 图形,请参阅如何从 Photoshop 导出各种格式的文件。
要更好地了解图像资源生成器,请考虑具有以下图层层次结构的简单 PSD 文件(从此链接下载):
此文件的图层层次结构具有两个图层组:Rounded_rectangles 和 Ellipses。每个图层组均包含 5 个图层。
按照以下步骤从此 PSD 文件生成图像资源:
图层名称不支持特殊字符 : 和 *。
Photoshop 生成图像资源并将它们与源 PSD 文件一起保存在子文件夹中。如果源 PSD 文件尚未保存,Photoshop 会将生成的资源保存在桌面上的新文件夹中。
图像资源生成功能针对当前文档启用。启用后,无论何时再次打开该文档,功能仍然可用。要禁用当前文档的图像资源生成功能,请取消选择“文件”>“生成”>“图像资源”。
如果您使用的是云文档,则资源将保存在“Photoshop Cloud Associates”目录中:
若要从一个图层/图层组生成多个资源,请用半角逗号分隔资源名称。例如,以下图层名称生成三个资源:
Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png
您可以选择将特定图层/图层组生成的图像资源直接保存在资源文件夹下的子文件夹中。包括图层/图层组名称下的子文件夹名称;例如:
[子文件夹]/Ellipse_4.jpg
从 PSD 文件生成图像资源对于多设备 Web 设计来说尤其有用。考虑以下 Web 设计及其图层结构:
将顶部的图标和“全球热点”图像网格的顶行提取为图像资源:
为适当的图层/图层组重命名
将从图层/图层组的内容中生成一个图像资源。例如,上面屏幕抓图中的 AdventureCo Logo 图层组包含一个形状图层和一个活动文本图层。当从图层组生成图像资源时,这些图层会进行拼合。
Photoshop 生成资源,并将它们保存在与源 PSD 文件相同的位置。
默认情况下,JPEG 资源会以 90% 品质生成。默认情况下,PGN 资源会以 32 位图像生成。GIF 资源会以基本 Alpha 透明度生成。
当重命名图层或图层组以便为资源生成做准备时,您可以自定品质和大小。
注:请记得在前缀和资源名称之间添加一个空格字符。如果要指定像素大小,则可以省略单位。例如,300 x 200。
根据说明,当指定所需输出图像大小时,可以混合使用不同的单位和像素。例如,4in x 100 Rounded_rectangle_3.jpg 是资源生成的有效图层名称。
注:请记得在前缀和资源名称之间添加一个空格字符。如果要指定像素大小,则可以省略单位。例如,300 x 200。
根据说明,当指定所需输出图像大小时,可以混合使用不同的单位和像素。例如,4in x 100 Rounded_rectangle_3.png 是资源生成的有效图层名称。
注:请记得在前缀和资源名称之间添加一个空格字符。如果要指定像素大小,则可以省略单位。例如,300 x 200。
根据说明,当指定所需输出图像大小时,可以混合使用不同的单位和像素。例如,4in x 100 Rounded_rectangle_3.gif 是资源生成的有效图层名称。
品质参数对 GIF 资源不可用。
为资源生成命名图层时,您可以使用参数指定多个资源名称。例如:
120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif
Photoshop 从该图层生成以下资源:
100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif 生成三个文件(忽略“100% Delicious”字符串,因为它不是文件名):
可以为生成的资源指定文件默认设置。请按以下步骤进行操作:
默认 hi-res/
在名为 hi-res 的子文件夹中生成所有图像资源。例如,[asset_folder]/hi-res/Delicious.jpg。
默认 hi-res/@2x
在名为 hi-res 的子文件夹中生成所有图像资源。此外,资源名称在后缀为 @2x。例如,[asset_folder]/hi-res/Delicious@2x.jpg。
默认 50% lo-res/
将缩小 50% 的图像资源保存在文档资源文件夹下的子文件夹 lo-res 中
默认 hi-res/@2x + 50% lo-res/
从图层生成两个图像资源:
默认缩放系数由各个图层指定的缩放系数覆盖。
您可以通过修改“首选项”,在全局范围禁用所有 Photoshop 文档的图像资源生成。
当您在“首选项”中禁用图像资源生成时,“文件”>“生成”菜单命令不可用。该功能仅能在“首选项”对话框中再次启用。
资源名称在文档级别必须唯一。
默认情况下,JPG 资源会以 90% 品质生成。默认情况下,PGN 资源会以 32 位图像生成。GIF 资源会以基本 Alpha 透明度生成。
是。应用到图层的透明度和其他效果会反映在从该图层生成的资源中。但是,这些效果可能在生成的资源中拼合。
资源会被剪辑至文档边界。如果图像位于文档边界之外,则生成器不会创建与之相关的图像资源。
除了逗号 (,) 之外,您还可以使用加号 (+) 作为图像资源名称之间的分隔符。例如:
42% Rounded_rectangle_1.png24 + 100x100 Rounded_rectangle_1.jpg90%
等同于:
42% Rounded_rectangle_1.png24, 100x100 Rounded_rectangle_1.jpg90%
登录到您的帐户