作为 Photoshop 中的一项功能，“抽出资源”可在 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 会通知您需要更改图层名称才能继续抽出资源。这是因为，我们使用底层生成器框架通过生成器语法来创建资源。单击“确定”以继续抽出资源。

  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. 您现在可以通过 Creative Cloud 将 PSD 及您创建的资源共享给您希望与之合作的开发人员

常见错误                

图层为空

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

资源名称冲突

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

如果您替代我们的重命名，那么我们会显示此错误来提示您的名称选择，以防您用所选择的名称覆盖现有资源。

有时，资源名称可能包含不允许在文件名中使用的无效字符。在这种情况下，我们也会向您警告此错误。对文件进行重命名，使其不包含无效字符，便可纠正此错误。

图像位于文档边界之外

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

出现未知错误

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

                                   

,