PhotoShop可不可以编辑一个批量导出各个网页设计图的脚本?设计师们~~

2013-11-15 22:37:26 +08:00
 sdjl
问题是这样的, 我们的设计师经常需要导出一些图片给客户, 比如一个网站有10个页面

当导航上的某个设计被改变时,需要重新导出10张图片

目前设计师的办法是通过不断隐藏和显示不同的图层一张一张的导出

我觉得这个办法非常不科学,所以问问大家,有没有类似

网页1 -> 图层1 图层2 图层3
网页2 -> 图层1 图层2 图层4

这种配置,然后批量导出?
2827 次点击
所在节点    问与答
7 条回复
squallsdjl
2013-11-15 23:18:21 +08:00
这个算是一个技巧吧,我来给楼主解答下,也希望能够给楼下的一些灵感,不对的地方希望指出。
1、完成网页设计PSD;下图显示的是我需要切换显示并分别导出图片的图层夹(这个网站页面有“下载列表、文章列表、图文样式、视频样式、正文内下载”5种不同的展现,分别需要导出5张带有同样顶部、导航和左侧二级导航的页面给客户);


2、

上图显示的是打开LAYER COMPS(我叫做“图层快照”)的样子,我选中下载列表图层夹,准备点击新建一个快照。

这里有三个选项,分别是:
1)记住(快照)当前显示的图层;
2)记住(快照)当前图层的位置(XY坐标);
3)记住(快照)当前图层的图层样式;
当然还可以填写个备注说明快照的原因。

3、

当前我快照了下载列表,同理添加了其他4个不同图层夹的快照,并且我的快照方式选择了“visibility”(当前被显示的图层)。

4、

接下来我需要导出包含着这5个不同快照的JPG,我选择了“文件-脚本-快照导出到文件”;

5、

选择好导出地址,以及填写好PLEX的文件前缀,选择导出的文件类型,这里我选择JPG.同时导出颜色ICC文件,图片质量选择最高10;

6、

导出的文件快乐地呈现到桌面了,小伙伴们都很快乐。

希望对小伙伴们有所帮助,欢迎提出不对的地方哈。
Keinez
2013-11-16 00:49:13 +08:00
…被楼上说完了。
momou
2013-11-16 01:07:11 +08:00
@squallsdjl LAYER COMPS中文版叫“图层复合”

简单来说就是将你需要导出图层组合建立一个图层复合,然后 文件——脚本——图层复合导出到文件
heidour
2013-11-16 07:11:19 +08:00
Cut and slice me
是一个优秀的切图插件,虽然未必对得上楼主的情况:)
squallsdjl
2013-11-16 10:42:44 +08:00
@momou 哈哈~是的~不过这个时候感觉用“快照”这个词比较生动一些~你也是设计师么?
momou
2013-11-16 18:36:22 +08:00
@squallsdjl 不是啦,切图切多了而已。。。
squallsdjl
2013-11-16 19:10:55 +08:00
@momou 活活~共勉

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/89459

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX