将 PSD 中的单个元素保存为图像

平面设计 adobe-photoshop 网站设计
2022-02-05 17:15:11

我正在开发一个网站并将设计作为 PSD,我的问题是,我可以选择一个单独的元素,比如社交媒体图标,然后将它们保存为图像吗?

到目前为止,我一直在做的是隐藏所有图层,除了包含我的元素的图层,然后调整画布的大小以适应该元素并保存为图像,而对于使用多个图层来获取特定的项目,这是必需的效果对于本质上只是图像的元素来说似乎有点冗长(另一种方法是将所需的图层导出到新的 Photoshop 文件等,但也有点冗长)。

我确实试图寻找答案,但找不到答案,所以如果已经有人问过这个问题,我深表歉意。

如果我正在使用(或尝试使用 :D)Photoshop CS6编辑:在 Windows 7 上有所不同

3个回答

Slice ToolSlice Select Tool允许您跳过图像的多次裁剪。

Slice Tool设置初始裁剪矩形并允许之后调整它们的大小Slice Select Tool双击切片Slice Select Tool将打开一个窗口,您可以在其中设置图像文件的名称。

现在您在使用时File > Save for Web可以单独为每个切片设置格式(JPG/GIF/PNG)和压缩参数,当您最终单击时,Save所有切片将一次批量保存。

添加到 Const'sSlice Tool中,您还可以将元素分组Smart Objects以将它们分开。

这对于具有透明背景的对象特别有用,因为您无需隐藏任何图层即可保存它们。

您可以在此处找到有关智能对象以及如何使用它们的一些信息

我的解决方案有点复杂,因为它涉及 Photoshop Action 脚本,但是一旦您设置了它,该过程将在您必须导出的每个资产的 5 秒内完成,您只需设置一次。

  1. 选择您要在设计中导出的元素(选择由多个分组的层组成的元素)。
  2. 复制图层(我已将 Ctrl + Alt + D 设置为执行此操作的快捷方式),然后选择将其复制到新文档中,如果您愿意,可以命名。
  3. 设置动作脚本:
  4. 打开你的动作面板(窗口->动作)。
  5. 创建一个新操作,将其命名为Save export
  6. 右键单击图层组并选择合并组
  7. 按住 Ctrl 并单击图层缩略图进行选择
  8. 转到图像 -> 裁剪
  9. 转到文件 -> 保存为网络
  10. 关闭文档
  11. 在“操作”面板中停止

现在您已经创建了一个可以自动运行的过程。您现在基本上只需要从要导出的设计中选择元素,复制它(Ctrl + Alt + D),选择一个名称,然后单击“动作”面板中的“播放”按钮。现在元素将被合并、修剪、保存为 PNG 并在一秒钟内关闭文档。

唯一的缺点是,如果您只使用一个图层而不是一个组运行脚本,则会显示一个警报,指出组的合并不可用,因为没有任何组,但是您有一个 Proceed 选项在那个警报中,所以这只是一个小麻烦。