ps怎么生成图像资源,ps通过图层创建图像资源怎么做
小编:海玉 1094阅读 2020.08.11
JPEG、PNG 或 GIF 图像资源可以从 PSD 文件图层或图层组中的内容生成。将受支持的图像格式扩展添加到图层名称或图层组名称时,会自动生成资源。(可选)您也可以指定所生成图像资源的品质和大小参数。
从 PSD 文件生成图像资源对于多设备 Web 设计来说尤其有用。
从图层或图层组生成图像资源
要更好地了解图像资源生成器,请考虑具有以下图层层次结构的简单 PSD 文件(从此链接下载):
示例 PSD 文件及其图层层次结构
此文件的图层层次结构具有两个图层组:Rounded_rectangles 和 Ellipses。每个图层组均包含 5 个图层。
按照以下步骤从此 PSD 文件生成图像资源:
打开 PSD 文件后,选择“文件”>“生成”>“图像资源”。将适当的文件格式扩展名(.jpg、.png 或 .gif)添加到您要从中生成图像资源的图层或图层组的名称中。例如,将图层组 Rounded_rectangles 和 Ellipses 重命名为 Rounded_rectangles.jpg 和 Ellipses.png;将图层 Ellipse_4 重命名为 Ellipse_4.gif。
注意:
图层名称不支持特殊字符 : 和 *。
Photoshop 生成图像资源并将它们与源 PSD 文件一起保存在子文件夹中。如果源 PSD 文件尚未保存,Photoshop 会将生成的资源保存在桌面上的新文件夹中。
图像资源名称从图层名称/图层组名称中生成。
注意:
图像资源生成功能针对当前文档启用。启用后,无论何时再次打开该文档,功能仍然可用。要禁用当前文档的图像资源生成功能,请取消选择“文件”>“生成”>“图像资源”。
从一个图层或图层组生成多个资源
若要从一个图层/图层组生成多个资源,请用半角逗号分隔资源名称。例如,以下图层名称生成三个资源:
Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png
将资产保存在子文件夹中
您可以选择将特定图层/图层组生成的图像资源直接保存在资源文件夹下的子文件夹中。包括图层/图层组名称下的子文件夹名称;例如:
[子文件夹]/Ellipse_4.jpg?
Web 设计使用案例
从 PSD 文件生成图像资源对于多设备 Web 设计来说尤其有用。考虑以下 Web 设计及其图层结构:
Web 设计及其图层层次结构
将顶部的图标和“全球热点”图像网格的顶行提取为图像资源:
将图像格式扩展名添加到适当的图层名称中。
为适当的图层/图层组重命名
注意:
将从图层/图层组的内容中生成一个图像资源。例如,上面屏幕抓图中的 AdventureCo Logo 图层组包含一个形状图层和一个活动文本图层。当从图层组生成图像资源时,这些图层会进行拼合。
Photoshop 生成资源,并将它们保存在与源 PSD 文件相同的位置。
生成的图像资源
默认情况下,JPEG 资源会以 90% 品质生成。默认情况下,PGN 资源会以 32 位图像生成。GIF 资源会以基本 Alpha 透明度生成。
当重命名图层或图层组以便为资源生成做准备时,您可以自定品质和大小。
JPEG 资源的参数
添加所需的输出品质作为该资源名称后缀:jpg(1-10) 或 jpg(1-100%)。例如:Ellipse_4.jpg5
Ellipse_4.jpg50%
添加所需的输出图像大小(相对大小或以支持的格式:px、in、cm 和 mm)作为该资源名称前缀。Photoshop 会相应地缩放图像。例如:200% Ellipse_4.jpg
300 x 200 Rounded_rectangle_3.jpg
10in x 200mm Rounded_rectangle_3.jpg
注:请记得在前缀和资源名称之间添加一个空格字符。如果要指定像素大小,则可以省略单位。例如,300 x 200。
注意:
根据说明,当指定所需输出图像大小时,可以混合使用不同的单位和像素。例如,4in x 100 Rounded_rectangle_3.jpg 是资源生成的有效图层名称。
PNG 资源的参数
添加所需的输出品质作为该资源名称后缀:8、24 或 32。例如:Ellipse_4.png24
添加所需的输出图像大小(相对大小或以支持的格式:px、in、cm 和 mm)作为该资源名称前缀。Photoshop 会相应地缩放图像。例如:42% Ellipse_4.png
300mm x 20cm Rounded_rectangle_3.png
10in x 50cm Rounded_rectangle_3.png
注:请记得在前缀和资源名称之间添加一个空格字符。如果要指定像素大小,则可以省略单位。例如,300 x 200。
注意:
根据说明,当指定所需输出图像大小时,可以混合使用不同的单位和像素。例如,4in x 100 Rounded_rectangle_3.png 是资源生成的有效图层名称。
GIF 资源的参数
添加所需的输出图像大小(相对大小或以支持的格式:px、in、cm 和 mm)作为该资源名称前缀。例如:42% Ellipse_4.gif
300mm x 20cm Rounded_rectangle_3.gif
20in x 50cm Rounded_rectangle_3.gif
注:请记得在前缀和资源名称之间添加一个空格字符。如果要指定像素大小,则可以省略单位。例如,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 从该图层生成以下资源:
Delicious.jpg(缩放 120% 的 8 品质 JPG 图像)Delicious.png(缩放 42% 的 24 位 PNG 图像)
Delicious_2.jpg(100x100 像素绝对大小的 90% 品质 JPG 图像)
Delicious.gif(缩放 250% 的 GIF 图像)
为资源指定默认设置
可以为生成的资源指定文件默认设置。请按以下步骤进行操作:
创建空图层。图层的名称以默认的关键字开始。现在,输入您将应用于从文档生成的所有图像资源的设置。例如:
默认 hi-res/
在名为 hi-res 的子文件夹中生成所有图像资源。例如,[asset_folder]/hi-res/Delicious.jpg。
默认 hi-res/@2x
在名为 hi-res 的子文件夹中生成所有图像资源。此外,资源名称在后缀为 @2x。例如,[asset_folder]/hi-res/[email protected]。
默认 50% lo-res/
将缩小 50% 的图像资源保存在文档资源文件夹下的子文件夹 lo-res 中
默认 hi-res/@2x + 50% lo-res/
从图层生成两个图像资源:
在 hi-res 子文件夹中,图像资源名称的后缀为 @2x在 lo-res 子文件夹中,图像资源缩小 50%
注意:
默认缩放系数由各个图层指定的缩放系数覆盖。
禁用所有文档的图像资源生成
您可以通过修改“首选项”,在全局范围禁用所有 Photoshop 文档的图像资源生成。
选择“编辑”>“首选项”>“增效工具”。
取消选择“启用生成器”。
单击确定。
注意:
当您在“首选项”中禁用图像资源生成时,“文件”>“生成”菜单命令不可用。该功能仅能在“首选项”对话框中再次启用。
常见问题解答
是否需要指定唯一资源名称?
资源名称在文档级别必须唯一。
图像资源生成的默认品质级别是什么?
默认情况下,JPG 资源会以 90% 品质生成。默认情况下,PGN 资源会以 32 位图像生成。GIF 资源会以基本 Alpha 透明度生成。
Photoshop 是否从具有透明度和其他效果的图层生成图像资源?
是。应用到图层的透明度和其他效果会反映在从该图层生成的资源中。但是,这些效果可能在生成的资源中拼合。
如何从画布上的出血图层生成图像资源?
资源会被剪辑至文档边界。如果图像位于文档边界之外,则生成器不会创建与之相关的图像资源。
逗号是否是唯一允许的图像资源名称分隔符?
除了逗号 (,) 之外,您还可以使用加号 (+) 作为图像资源名称之间的分隔符。例如:
42% Rounded_rectangle_1.png24 + 100x100 Rounded_rectangle_1.jpg90%
等同于:
42% Rounded_rectangle_1.png24, 100x100 Rounded_rectangle_1.jpg90%
相关推荐
- ps怎么创建图框,ps如何将图像置入图框 创建占位符图框 您可以通过以下任一方法,为图像创建占位符图框:使用图框工具 ,在画布上绘制空白的矩形图框或椭圆形图框。将现有的任意形状或文本转换为图框。利用画布上现有的图像,在该图像的所需区域上通过图框工具进行绘制。使用“图框工具”创建图框 从…
- 如何使用ps创建图像堆栈,ps创建图像堆栈的方法技巧 注意:在 Photoshop CS6 中,3D 功能是 Photoshop Extended 的一部分。Photoshop Extended 中的所有功能是 Photoshop 的一部分。Photoshop 不提供单独的 Extended 版本。关于图像堆栈 图像堆栈将一组参考帧相似、但品质或内容不同的图像组合在一起。将多个图像组…
- ps怎么显示图像,ps如何隐藏图像 显示或隐藏额外内容 参考线、网格、选区边缘、切片和文本基线都是帮助您选择、移动或编辑对象的非打印额外内容的示例。您可以启用或禁用任何额外内容的组合而不影响图像。还可以显示或隐藏已启用的额外内容以清理工作区。执行下列操作之一: 要显示或隐藏所有已…
- 3DMAX脚本测试 通过“脚本测试”可以使用 MAXScript 脚本测试粒子条件。该脚本可以使用对于 MAXScript 可用的任何程序功能。默认的测试脚本测试所有粒子是否在半径为 20 的球形体积内。界面 该用户界面出现在“粒子视图”对话框右侧的“参数”面板中。编辑脚本 单击该按钮可以…
- 怎么用PS做渐变色,ps怎么拉渐变色 现在已打开PS,当前的是主界面。比如,现在,为下图中的黑色长方形设置,从灰色到黑色的渐变设置。我们先点下左侧的工具箱的渐变工具。然后,再在界面上方的编辑渐变的按钮点下。显示出渐变编辑器可以看到,在色标下方的选项是呈灰色状态的。我们用鼠标点下左边…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…