在 Photoshop CC 2014 和早期版本中抽出资源

优质
小牛编辑
130浏览
2023-12-01

从 Photoshop CC 2015 版起,抽出资源功能在本文介绍的表单中不再可用。Photoshop 中已引入更为直观的功能将画板、图层、图层组和文档导出为图像资源。

有关这些新增导出选项的详细信息,请参阅导出画板、图层以及更多内容。

作为 Photoshop CC (2014) 及早期版本中的一项功能,“抽出资源”可在 Adobe 生成器上方提供一个界面,便于用户快速从 Photoshop 文件中抽出资源以用于 Web 和屏幕设计。您可以在 Photoshop 中选择图层或图层组,然后使用图形用户界面将这些图层抽出为 JPG、PNG、SVG 或 GIF 图像资源。

通过“抽出资源”,您可以:

  • 将 PSD 中的图层或图层组抽出为一个或多个图像资源
  • 创建 PNG、JPG、GIF 或 SVG 类型的图像资源
  • 为所有图像资源设置 1x、2x 或更多版本
  • 预览每个图像资源
  • 轻松将资源抽出至您首选的文件夹
  • 确保每当 PSD 发生变化时,被抽出的资源就会更新

抽出图层或图层组

选择多个要抽出的图层或图层组后,您会看到一些选项,这些选项用于通过每个选定的项目生成单独的资源。

  1. 选择一个或多个图层或图层组。
  2. 执行下列操作之一:
  • 右键单击选定的项目,然后从上下文菜单中选择“抽出资源”。
  • 按 Cmd+Opt+Shift+W (Mac) 或 Ctrl+Alt+Shift+W (Windows) 键盘快捷键。
  • 选择“文件”>“抽出资源”。

注意:“抽出资源”将采用符合 Photoshop 生成器语法的图层名称。例如,如果您尝试从名为 layer.gif 的图层中抽出资源,则“抽出资源”对话框会将 GIF 显示为图像资源的默认格式。

  1. 在“抽出资源”对话框中,可以为要生成的每个资源指定以下设置:

    资源格式:选择 PNG-8、PNG-24、PNG-32、GIF、JPG 或 SVG。
    品质缩放:适用于 JPEG 资源,可指定一个介于 0% 到 100% 之间的值来缩放资源的品质。可朝着相应的方向调整滑块。
  1. 要抽出资源的多个版本,在“抽出资源”对话框中,单击资源旁边的“+”图标。您可以为每个资源指定不同的格式、品质和缩放参数。
  2. 单击“抽出”。
  3. Photoshop 会通知您需要更改图层名称才能继续抽出资源。这是因为 Photoshop 使用底层生成器框架通过生成器语法来创建资源。单击“确定”以继续抽出资源。
  4. 导航到要用来存储生成的资源的文件夹。
  5. 单击“抽出”。Photoshop 会创建图像资源并在 Finder (Mac) 或 Windows 资源管理器中打开它们所在的文件夹。在创建资源的过程中,相关图层会根据 Photoshop 生成器语法自动进行重命名。

注意:当您下次调用图像资源抽出功能时,“抽出资源”对话框中会显示作为图像资源抽出的图层/图层组。

指定资源分辨率

通过使用许多预填充的设置组合,您可以出于不同的目的来指定抽出设置并创建资源。例如,您可以生成适用于 Retina 显示屏的资源。您指定的任何设置都会在文档范围内应用。

  1. 在右侧的“抽出资源”部分中,指定所需的一个或多个分辨率。
  2. 如果您需要的分辨率没有列出,或者要更改将以不同分辨率抽出的资源的目标子文件夹,请单击“设置”。
  3. 您既可以对每个分辨率使用默认后缀,也可以添加自己的后缀。
  4. 您还可以为每个分辨率选择使用默认的子文件夹,或者指定一个您首选的其他子文件夹名称。
  5. 单击“抽出资源”对话框中的“完成”可将这些设置存储到文档。您下次创建资源时,均会使用相同的设置。当文档在 Photoshop CC 的任何实例中打开时,所有未来创建的资源均会采用您已选择的分辨率。

自动生成资源

如有必要,您可以选择“在更新文档时自动生成资源”选项。此选项与 Photoshop 生成器的“生成”>“图像资源”选项同步。启用“抽出资源”选项时,也会同时自动启用“生成器”选项。

与开发人员共享

  1. 将 PSD 文件存储至与 Creative Cloud 同步的 Creative Cloud 文件夹。
  2. 打开“抽出资源”(“文件”>“抽出资源”)并添加您想要的资源。单击“抽出”并选择默认文件夹来保存。
  3. 现在,当您在 Creative Cloud 中打开该 PSD 时,就可以在查看 Photoshop 文件的同时查看已抽出的资源列表。
  4. 您现在可以将 PSD 及您创建的资源共享给您希望与之通过 Creative Cloud 合作的开发人员。

常见错误

“抽出资源”对话框中图层为空

空图层或不能渲染图像的图层无法在“抽出资源”对话框中渲染。这些图层可以是剪切蒙版、调整图层或只是没有像素的图层。

资源名称冲突。

如果您有名称相同但分布在不同组中的图层,它们很可能会互相覆盖,因为资源通常会被渲染到一个目录。为避免发生这种情况,在检测到冲突时,Photoshop 会自动重命名图层。

如果您覆盖此重命名,您会收到此错误,以避免您使用您选择的名称覆盖现有的资源。

如果您的资源名称包含无效的字符,您也会收到此错误。使用不包含无效字符的名称对文件重命名可解决此问题。

图像位于文档边界之外

抽出无法渲染图像,因为这样会超出画布的范围。移动图像,使之位于画布范围内。

出现未知错误

如果在“抽出资源”对话框打开时,Adobe 生成器停止响应,则会出现此错误。若要修复该错误,请单击完成以关闭“抽出资源”对话框,保存文件,然后重新启动 Photoshop。

更多此类内容

  • “抽出选项”论坛
  • 从图层生成图像资源
  • 用于将 PSD 转换到 Web 工作流程的“抽出”功能