如何从psd自动生成Retina和非视网膜图像

时间:2014-08-12 19:57:46

标签: photoshop

我的App界面的PSD文件专为Retina iPhone设计,分辨率为640 x 1136.我想添加对非视网膜设备的支持,并添加视网膜和非视网膜的所有图像资源版。我发现在photoshop中调整每个ui组件的过程非常繁琐。有谁知道如何从我已导出的Retina图像中自动生成非Retina图像?谢谢

3 个答案:

答案 0 :(得分:2)

如果您有Photoshop CC,则可以使用Adobe Generator(与Russell Brown的免费Layer Namer extension配对时特别好)。 Adobe Generator会自动导出名称以.png结尾的所有图层,并且还可以导出多个分辨率。

Marc Edwards在Bjango blog上也有一些关于这个话题的精彩帖子;具体来说:Exporting from Photoshop。他的文章涉及创建一个切片,您可以使用脚本半自动导出。

我在生产中使用了这两个工作流程。每个人都有它的怪癖,但它们都可以做成你想要做的事情。

小贴士:我更喜欢以1x设计,然后按比例放大。如果您进行设计和缩小,则可能会使资产的像素宽度为奇数,这在缩小时可能看起来很糟糕。但我工作的许多平面设计师更喜欢以2x设计。

答案 1 :(得分:1)

对于我正在使用Resizer的图像。非常好用且快速的应用程序。

答案 2 :(得分:0)

如果您能够使用原始.psd工作,则可能会使用免费的SuperExport Photoshop脚本。它允许您通过仔细命名组和图层,以多种分辨率导出扁平化作物(而不仅仅是整个图层)。文档为here,并且支持3x的更新版本为here(我是 - 小 - 3x修改的作者)。

正如文档中所指出的,使用原始.psd的好处是,您可以在上下文中看到您的设计,同时通过单击选择性地(轻松地)重新生成资产。