在 Photoshop CC 2014 和早期版本中抽出资源
从 Photoshop CC 2015 版起,抽出资源功能在本文介绍的表单中不再可用。Photoshop 中已引入更为直观的功能将画板、图层、图层组和文档导出为图像资源。
有关这些新增导出选项的详细信息,请参阅导出画板、图层以及更多内容。
作为 Photoshop CC (2014) 及早期版本中的一项功能,“抽出资源”可在 Adobe 生成器上方提供一个界面,便于用户快速从 Photoshop 文件中抽出资源以用于 Web 和屏幕设计。您可以在 Photoshop 中选择图层或图层组,然后使用图形用户界面将这些图层抽出为 JPG、PNG、SVG 或 GIF 图像资源。
通过“抽出资源”,您可以:
- 将 PSD 中的图层或图层组抽出为一个或多个图像资源
- 创建 PNG、JPG、GIF 或 SVG 类型的图像资源
- 为所有图像资源设置 1x、2x 或更多版本
- 预览每个图像资源
- 轻松将资源抽出至您首选的文件夹
- 确保每当 PSD 发生变化时,被抽出的资源就会更新
抽出图层或图层组
选择多个要抽出的图层或图层组后,您会看到一些选项,这些选项用于通过每个选定的项目生成单独的资源。
- 选择一个或多个图层或图层组。
- 执行下列操作之一:
- 右键单击选定的项目,然后从上下文菜单中选择“抽出资源”。
- 按 Cmd+Opt+Shift+W (Mac) 或 Ctrl+Alt+Shift+W (Windows) 键盘快捷键。
- 选择“文件”>“抽出资源”。
注意:“抽出资源”将采用符合 Photoshop 生成器语法的图层名称。例如,如果您尝试从名为 layer.gif 的图层中抽出资源,则“抽出资源”对话框会将 GIF 显示为图像资源的默认格式。
- 在“抽出资源”对话框中,可以为要生成的每个资源指定以下设置:
资源格式:选择 PNG-8、PNG-24、PNG-32、GIF、JPG 或 SVG。
品质缩放:适用于 JPEG 资源,可指定一个介于 0% 到 100% 之间的值来缩放资源的品质。可朝着相应的方向调整滑块。
- 要抽出资源的多个版本,在“抽出资源”对话框中,单击资源旁边的“+”图标。您可以为每个资源指定不同的格式、品质和缩放参数。
- 单击“抽出”。
- Photoshop 会通知您需要更改图层名称才能继续抽出资源。这是因为 Photoshop 使用底层生成器框架通过生成器语法来创建资源。单击“确定”以继续抽出资源。
- 导航到要用来存储生成的资源的文件夹。
- 单击“抽出”。Photoshop 会创建图像资源并在 Finder (Mac) 或 Windows 资源管理器中打开它们所在的文件夹。在创建资源的过程中,相关图层会根据 Photoshop 生成器语法自动进行重命名。
注意:当您下次调用图像资源抽出功能时,“抽出资源”对话框中会显示作为图像资源抽出的图层/图层组。
指定资源分辨率
通过使用许多预填充的设置组合,您可以出于不同的目的来指定抽出设置并创建资源。例如,您可以生成适用于 Retina 显示屏的资源。您指定的任何设置都会在文档范围内应用。
- 在右侧的“抽出资源”部分中,指定所需的一个或多个分辨率。
- 如果您需要的分辨率没有列出,或者要更改将以不同分辨率抽出的资源的目标子文件夹,请单击“设置”。
- 您既可以对每个分辨率使用默认后缀,也可以添加自己的后缀。
- 您还可以为每个分辨率选择使用默认的子文件夹,或者指定一个您首选的其他子文件夹名称。
- 单击“抽出资源”对话框中的“完成”可将这些设置存储到文档。您下次创建资源时,均会使用相同的设置。当文档在 Photoshop CC 的任何实例中打开时,所有未来创建的资源均会采用您已选择的分辨率。
自动生成资源
如有必要,您可以选择“在更新文档时自动生成资源”选项。此选项与 Photoshop 生成器的“生成”>“图像资源”选项同步。启用“抽出资源”选项时,也会同时自动启用“生成器”选项。
与开发人员共享
- 将 PSD 文件存储至与 Creative Cloud 同步的 Creative Cloud 文件夹。
- 打开“抽出资源”(“文件”>“抽出资源”)并添加您想要的资源。单击“抽出”并选择默认文件夹来保存。
- 现在,当您在 Creative Cloud 中打开该 PSD 时,就可以在查看 Photoshop 文件的同时查看已抽出的资源列表。
- 您现在可以将 PSD 及您创建的资源共享给您希望与之通过 Creative Cloud 合作的开发人员。
常见错误
“抽出资源”对话框中图层为空
空图层或不能渲染图像的图层无法在“抽出资源”对话框中渲染。这些图层可以是剪切蒙版、调整图层或只是没有像素的图层。
资源名称冲突。
如果您有名称相同但分布在不同组中的图层,它们很可能会互相覆盖,因为资源通常会被渲染到一个目录。为避免发生这种情况,在检测到冲突时,Photoshop 会自动重命名图层。
如果您覆盖此重命名,您会收到此错误,以避免您使用您选择的名称覆盖现有的资源。
如果您的资源名称包含无效的字符,您也会收到此错误。使用不包含无效字符的名称对文件重命名可解决此问题。
图像位于文档边界之外
抽出无法渲染图像,因为这样会超出画布的范围。移动图像,使之位于画布范围内。
出现未知错误
如果在“抽出资源”对话框打开时,Adobe 生成器停止响应,则会出现此错误。若要修复该错误,请单击完成以关闭“抽出资源”对话框,保存文件,然后重新启动 Photoshop。
更多此类内容
- “抽出选项”论坛
- 从图层生成图像资源
- 用于将 PSD 转换到 Web 工作流程的“抽出”功能