最近经常遇到需要输出过程描述图片或者一组关联图片的情况。例如一个共3级的网站，头区样式是一样的，下面的内容不同，我理所当然地把头区单独做出来，然后制作其他3个不同的内容，并把它们分别放在同一文档的不同的图层文件夹里。在Photoshop里，最后得到这样的图层结构：
然后就遇到不爽的地方——输出成品。因为需要手工调整3次图层可见性、保存3次文件，而且每次还得手打文件名才能完成，所以这个Photoshop脚本就诞生了……
关于这个脚本
下载(右键另存为)
功能：
- 按图层/文件夹名称，在制定路径（默认为C:/works/temp）里输出同名文件。
选项：
- 图层/文件夹名称前缀为“_”，则此图层不输出成文件，但仍在输出其他文件时显示，一般用于标示共用元素
- 图层/文件夹名称前缀为“！”，则此图层不输出成文件，也不在输出其他文件时显示，一般用来标示一些备用元素
- 输出的路径、前缀均可在.js文件中自定义
使用方法：
1. 规划你的psd，以将要输出的文件名做最外层图层/文件夹的名称。例如下面这个文件，
对这个文件使用脚本,你将获得“pic1”、“pic2”和“pic3”三个文件。
2. 在输出前保存文件（虽然有自动回到先前历史状态的机制，但是养成好习惯不会错）
3. 运行脚本
方法一：将.js文件直接拖入Photoshop
方法二：将.js文件放入PS安装目录下的“预置/脚本/”，然后在PS里“文件 -> 脚本 -> 同.js文件名选项”
4. 收图
5. 享受生活
希望普天之下的Visual Designer们不用在辛苦地修改设计稿之后，再去为输出图片费神……
