在Photoshop中将单层导出为图像


47

我有很多设计师将他们设计的分层PSD发送给我,我需要细分设计的各个部分以放置在网页上。我可以在Photoshop中做很多事情,但是我效率不高。

我以前只复制图层中的图像并粘贴到新图像中的旧方法似乎永远无法解决,因为我不断地进行裁剪等操作。

我已经有了Photoshop CS5,所以我不需要外部软件就可以做任何事情,但是我只需要弄清楚如何拍摄一个单层(可能包含像图标一样小的东西)并将其导出为PNG或JPG 。

我知道脚本名为“将图层导出到文件”,但是花了大约一个小时,并将所有图层导出到了大量文件中。我不是在寻找广泛的解决方案。

是否有捷径可寻?

Answers:


26

要在Photoshop中导出单个图层或一组图层,您必须仅具有要导出的相关图层可见。(因此,请隐藏所有您不想导出的图层,并使相关图层可见。)然后转到“ 文件”“另存为Web”并保存图像。

要深入了解此过程,请看一下本教程。


4
但是,它不会自动裁剪图层。
Capi Etheriel

3
是的,因此,如果原始图像大于图层,则必须返回所有导出的图像并对其进行裁剪。要解决此问题,请使用智能对象,请参见下面的答案。
reflexiv

55

选择要导出到新文件的图层。

在顶部菜单中,单击“层”->“复制层...”

请注意,有两个选项。一个是新层的名称...

第二个用于新层的目标,即当前文档或新文档。选择“新建”。


6
当您选择“新建”时,是否可以获得与复制图层相同大小的文档?
djromero 2013年

非常有用的提示。希望这能成功。无论哪种方式,这都是一个不错的功能。
Trey Copeland 2013年

特雷(Trey),请参阅以下我的答案,以了解大多数情况下使用自动裁剪的智能对象。
reflexiv

49

barraponto指出,先前的答案不会自动裁剪到图层大小。Smart Objects可以解决此问题,并且效率更高:

  1. 右键单击“图层”面板中的图层,然后选择“ 转换为智能对象”
  2. 再次右键单击图层,然后选择“ 编辑内容”

在转换为智能对象进行分组之前,请按住CTRL键并单击多个图层。


2
到目前为止,这是从交给您的文档中导出单个图像/图层的最简单,最有效的答案。
路加·沙欣

3
应该将其投票作为答案。因为绝对是。谢谢@reflexiv。
Eric MORAND

1
这是Photoshop中当前可用的最有效的方法。另外,我想添加第二步,您只需双击图层缩略图,其效果与右键单击相同,然后选择“编辑内容”,但更简单。
贝蒂

10

我会补充@Daniel Garman的答案。

  1. 复制图层(在右键单击图层的菜单中)->新建(还提供了当时为其命名的选项,因此在进入保存步骤之前不会丢失该图层的名称)
  2. 图片->修剪(将为您提供删除透明像素的选项)
  3. 文件->保存为Web(OSX上为CMD-SHIFT-OPT-S)

这是一种非常快捷的方法。


7

您可以通过 File-> Scripts->Export layers to Files


1
除了问题,他说他已经意识到了这一点,这对他的案子来说是一个糟糕的解决方案……而且它并不总是奏效的。
cregox

1

仅导出层的一部分的传统方法是使用切片:

  1. 隐藏任何包含不想导出的像素的重叠图层(如果它们不与您感兴趣的区域重叠,则可以显示它们)。

  2. 使用“层”菜单:“基于新层的切片”(这是相当自动的),或者使用“切片”工具手动创建切片,以便为您感兴趣的部分创建切片。确保新切片是唯一选中的切片(在同一弹出菜单中,旁边有一个切片选择工具可创建切片)。

  3. 在“另存为Web”对话框中,确保仍选中该切片。(如果需要,该对话框具有其自己的切片选择工具。)

  4. 在保存过程中,会出现一个弹出菜单。确保您选择了“选定切片”,这样就不会保存所有内容。

大多数人不再使用切片,因为它们是为Web的早期而设计的,当时通常将单个图像切成薄片,然后以HTML重新组合-现在很少这样做。但是我仍然发现它们对于此目的很有用。

不幸的是,切片的界面尚未更新,使用起来可能有些尴尬,但是请查看它们是否对您有帮助。


0

老式的传统方式-在这种情况下,CS前版本也可以工作:

  1. 将任何分层的图稿缩小为单层-以后可以撤消此操作
  2. 选项/ alt单击“ LAYER”调色板中的该层-这将为您提供仅该层艺术品而不是周围画布的选择
  3. 复制---编辑>复制或选项/ alt C ====您现在在剪贴板上有此层的副本
  4. 制作一个新文档-当您执行此操作时,您会注意到新文档将达到您复制到剪贴板上的尺寸
  5. 您的新文档将仅包含纯背景....只需单击“粘贴”->编辑>粘贴或optioin / alt V
  6. 此时,您有2个单独的文档-您可以返回到原始文档,并撤消平展到其原始状态的任何图层
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.