如何自动从Photoshop导出具有不同大小的多个PNG?


18

我有一个96像素×96像素分辨率的PSD文件。现在,我想将其保存为四个分辨率不同的PNG文件,例如36 px×36 px,48 px×48 px,72 px×72 px和96 px×96px。我可以以某种方式自动执行此操作,而不是手动四次调整图像大小并另存为选项?


请尝试@NickBeus给出的答案,并给他绿色的勾号,如果它适合您。这个答案对我有很大帮助。我无法告诉您打开“另存为Web”对话框只是为了一次更改输出大小有多少次。“图像资产”窗口使您可以添加所需的所有大小和文件名后缀,然后将其全部导出。
rgb_life

Answers:


13

这不是一个完整的解决方案,但这可能会对来自Google的人有所帮助。

如果使用文件→保存为Web保存,则可以在保存过程中调整大小,这些选项位于图像大小下的右侧

当我需要几个不同尺寸的图像时,我会经常这样做,尽管正如其他答复所指出的那样,如果您设计图标,使用矢量,它将使您的生活变得更加轻松。


3
我很惊讶。我从没真正注意到“保存为网络”中的调整大小选项:o
Yisela

并且您还可以使用CS6中的Alt+Ctrl+Shift+S启动Save for Web对话框。
穆罕默德·萨奇布

5

使用Photoshop CC,现在有一个称为Photoshop Generator的功能,旨在创建多个图像

您可以在此处阅读有关Generator的信息

摘录:

Generator允许您在工作时实时创建图像资产,从而消除了繁琐的手动复制,切片和导出每个图层的步骤,并节省了时间。只需在您的图层或图层组的名称中添加文件扩展名,Photoshop就会根据该图层的内容自动创建JPG,PNG或GIF。如果更改该层,则文件将立即更新。这意味着您现在拥有的图像文件夹始终与Photoshop设计保持最新。


4

您需要导出多少次图标?如果仅是一个图标,则最好的选择可能是使用矢量和图层样式绘制所有内容,调整文档的大小,进行所需的任何调整并保存PNG(可以选择保留PSD以便将来导出)。

如果您需要重复多次,建议将所有内容设置为带有切片的Sprite表格。

这是我在该主题上写的(包括许多导出技术):从Photoshop导出

设计图标时,通常需要分别手动调整较小的尺寸-在构建所有尺寸时可能需要牢记这一点。


3

如上文Marc所述,您可能最好在文档中缩放矢量并使用Sprite工作表。

您应该避免的一件事就是按照Maxism的建议在Save for Web期间进行扩展。我写了一篇文章,比较了不同技术的结果,并且Save for Web始终用伪影和半像素生成资产:在Photoshop中缩小和导出资产

我还制作了一个Photoshop脚本,该脚本可以自动化导出这些资产的过程:导出到ANDROID PHOTOSHOP SCRIPT

希望这可以帮助。


1

没有好的方法可以自动从96降到36。即使在48岁时,您也会看到您的设计开始崩溃。

唯一的好处是,如果您有很多以这种方式导出的图标,并且打算返回并清理它们。如果您愿意,可以将其记录为操作或使用jsx。

对于您的特定设计,我将尝试逐步执行或从原始96px版本导出每个版本。通常,步进是最好的,但在某些设计上,它会引入渐进的失真量。


1

以mdpi创建图标,并使用此Photoshop Action将其以ldpi,hdpi和xhdpi导出。从mdpi到xhdpi,效果很好,但是ldpi和hdpi看起来有点模糊。

链接到文章
下载 Photoshop操作



1

Photoschop CC 2014中有一个新选项。它称为“生成资产”,位于“文件”下,您可以选择0.25x,0.5x,2x,3x,还可以自行配置尺寸。它将您的图层导出为任何文件格式和不同尺寸(如果需要)。


这个答案很好。首先,您必须转到“文件>生成”并检查“图像资产”。然后转到“文件>导出>导出为”,您将获得我在Photoshop中使用过的最佳菜单,您可以在其中添加尺寸并给它们一个自定义后缀!当然,这是在Adobe Photoshop CC中。我的CS4死于Mac OSX更新,因此除了我现在使用的版本外,我对任何版本都一无所知。
rgb_life



0

在Adobe领域,我发现没有什么简单的方法可以帮助我实现这一目标。如果您已经或愿意安装ImageMagick,并且对命令行感到满意,那么convertCLI工具就是不错的选择

我编写了这个shell脚本,该脚本接受宽度并调整图像的大小,直到您按Enter键而不输入数字:

#!/bin/sh

oot=${1%.*}
while read -p 'width: ' -r && [ "$REPLY" != '' ]; do
    convert "$1" -resize "$REPLY"x "$oot-$REPLY.png"
done

我为我的名字命名multi-resize.sh并放入了它,~/bin/因此它随处可见。

然后,您将在原始分辨率的PNG这样的shell中执行它:

$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width: 
$

您将foo-72.png在同一目录中有,等等。

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.