据
UI美工培训老师了解,作为 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) 键盘快捷键。
•选择“文件”>“抽出资源”。
UI美工培训老师提醒同学们注意: “抽出资源”将采用符合 Photoshop 生成器语法的图层名称。例如,如果您尝试从名为 layer.gif 的图层中抽出资源,则“抽出资源”对话框会将 GIF 显示为图像资源的默认格式。
3.在“抽出资源”对话框中,可以为要生成的每个资源指定以下设置:
资源格式:选择 PNG-8、PNG-24、PNG-32、GIF、JPG 或 SVG。
品质缩放:适用于 JPEG 资源,可指定一个介于 0% 到 100% 之间的值来缩放资源的品质。可朝着相应的方向调整滑块。
4.要抽出资源的多个版本,在“抽出资源”对话框中,单击资源旁边的“+”图标。您可以为每个资源指定不同的格式、品质和缩放参数。
5.单击“抽出”。
6.Photoshop 会通知您需要更改图层名称才能继续抽出资源。这是因为 Photoshop 使用底层生成器框架通过生成器语法来创建资源。单击“确定”以继续抽出资源。
7.导航到要用来存储生成的资源的文件夹。
8.单击“抽出”。Photoshop 会创建图像资源并在 Finder (Mac) 或 Windows 资源管理器中打开它们所在的文件夹。在创建资源的过程中,相关图层会根据 Photoshop 生成器语法自动进行重命名。
UI美工培训老师提醒同学们注意: 当您下次调用图像资源抽出功能时,“抽出资源”对话框中会显示作为图像资源抽出的图层/图层组。
指定资源分辨率
通过使用许多预填充的设置组合,您可以出于不同的目的来指定抽出设置并创建资源。例如,您可以生成适用于 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 合作的开发人员。
UI美工培训老师整理了一些
常见错误 “抽出资源”对话框中图层为空
空图层或不能渲染图像的图层无法在“抽出资源”对话框中渲染。这些图层可以是剪切蒙版、调整图层或只是没有像素的图层。
资源名称冲突
如果您有名称相同但分布在不同组中的图层,它们很可能会互相覆盖,因为资源通常会被渲染到一个目录。为避免发生这种情况,在检测到冲突时,Photoshop 会自动重命名图层。
如果您覆盖此重命名,您会收到此错误,以避免您使用您选择的名称覆盖现有的资源。
如果您的资源名称包含无效的字符,您也会收到此错误。使用不包含无效字符的名称对文件重命名可解决此问题。
图像位于文档边界之外
抽出无法渲染图像,因为这样会超出画布的范围。移动图像,使之位于画布范围内。
出现未知错误
如果在“抽出资源”对话框打开时,Adobe 生成器停止响应,则会出现此错误。若要修复该错误,请单击完成以关闭“抽出资源”对话框,保存文件,然后重新启动 Photoshop。
本文来源:网络。整理:
UI美工培训学校。更多资讯【请关注微信号:feifanxueyuan】(版权声明:推送文章和图片我们都会注明作者和来源,除非无法确认。部分文章和图片推送时未能与原作者取得联系,若涉及版权,烦请原作者联系小编更正,谢谢!)