毫不费力地从 PSD 中提取单个图层

平面设计 adobe-photoshop 照片编辑
2022-02-10 19:23:33

我必须每天处理 iPhone 应用程序的 PSD。这些 PSD 包含应用程序设计,如按钮、文本、背景图像等。

我必须从这些 PSD 中提取每个元素的图像并将其转换为 PNG 图像。

我想知道是否有任何有效的方法可以从 PSD 文件中提取图像。

4个回答

这在很大程度上取决于 .psd 的构建方式以及您需要什么。

例如,如果您有一个始终可见的主图层。它们需要对某些按钮可见但对其他按钮不可见的其他图层,您可能会发现使用图层组合是一个很好的解决方案。您可以简单地切换图层的可见性,然后创建一个新的图层组合。对每个元素执行此操作。然后,您可以将图层组合导出为文件。

如果您有一个 .psd,每个图层都是您需要的单个项目,如前所述,将图层导出为文件的脚本可能会有所帮助。或者您可以设置一个操作——复制图层(新文件)、修剪、保存为 Web。然后为该操作分配一个 F 键。然后,您可以简单地突出显示一个图层并按下相应的 F 键。

有关操作的附加信息....

  1. Option/Alt 单击图层面板中最底层旁边的可见性图标。它应该只使该层可见。

  2. 创建新动作,在新的动作对话窗口中为其分配一个 F 键并开始录制。动作创建

  3. Save for Web(您需要的任何设置)。

  4. 在键盘上的 Save for Web 点击 Option/Alt ](右括号)之后。(这应该突出显示,并使下一层可见)

  5. 停止录制。

  6. 单击操作的“导出”步骤旁边的对话框选项。 对话选项

现在,您需要做的就是按 F1 键(或您指定的任何键),按 Enter 键,然后键入图像标题。然后重复 - F1,输入标题,F1,输入,输入标题,等等,直到保存所有图层。

这并不完美。但如果没有脚本,这是你能做的最好的。也许有人可以帮助编写脚本。应用程序脚本不是我的强项。

Photoshop中有一个自动化命令,不知道它是从哪个版本开始的,我在CS5中使用它。File - Scripts - Layers to files & that 在 Mac 中,再次不确定 Windows 是否提供它。希望您使用我正在使用的东西,否则会回来,我会看看我能否为您提供一些适用于 Windows 的东西......

我有同样的问题。首先,我使用了 Photoshop 本身。我仔细地点击了每一层,并使用菜单中的菜单项Layers来创建一个Slice基于选定层的图层。然后我使用Save to WebFile菜单中的功能。生成的 XHTML 和 CSS 代码很糟糕(我更像是 web 开发人员而不是图形师),但我将大多数图层提取为单独的 PNG 文件。

尽管如此,结果对我来说并不满意,所以我在网上搜索并找到了 psdparse工具。我使用它(带有一些输入参数的命令行),效果比 Photoshop 可以提供的要好得多。

他们有这个工具的在线版本,但我没有测试它,因为命令行对我来说已经足够了。

Adobe 刚刚推出了在 Photoshop CC 中执行此操作的功能。

转到文件-> 生成-> 图像资产。现在组让我们说出您的按钮形状和按钮文本(cmd+g 或 ctrl+g)并命名该组 button.png - 保存文件,现在 Photoshop 会自动将其导出到您的 PSD 之外的文件夹中。

在Adob​​es 视频中了解更多信息