用 Adobe Scripting 减轻美工负担
Nov 25, 2014自从自学美工后,被各种配色、排版、还有软件使用等折磨着,当然其中还有很多重复性的工作,真是 xx 啊,不过,作为一名前程序员,能自动化的绝不手工操作,就让我发现了 Adobe Scripting 这个 好工具,今天就来讲讲这个。
简介
The Adobe Creative Cloud provides a wide range of powerful tools for your programming and integration requirements. One of these tools are the scripting languages available across the suite, which provide a low-cost method of creating integrations.
理解成自动化工具就差不多了,不仅支持 Adobe 的大量产品,还支持各种语言,包括:Apple Script, JavaScript, VB Script,覆盖了 Mac 和 Windows 平台。
需求
就职公司是一家生产皮具产品的外贸公司,刚开始做电商,产品由摄影(在下兼职)拍摄,再由美工(也 就是在下了)处理成各大平台和官网所需的规格。那么,问题来了,多个比例的图片,每个比例下可能有 几种规格,例如正方形的图片要生成 800x800px、750x750px、600x600px的,再加上一些其他规格的, 另外再加上每个平台上可能需要加上特定的水印,另外生成的文件名称可能也有规定,所以就有了如下需 求:
- 能够设置生成图片的文件名
- 生成的图片是经过压缩优化的,符合网站对图片质量和大小的要求
- 对指定规格,生成不同大小、水印的图片,并保存到指定的文件夹中
- 能够一键生成
学习
有了上面的需求,就开始学习 Adobe Scripting 了,列举一下资源:
- Adobe Scripting Center
- Photoshop CC JavaScript Reference (PDF)
- Adobe ExtendScript Toolkit,从 Creative Suite 安装
相较于JavaScript,增加了一些内置对象,使用 ExtendScript Toolkit 提供的调式工具,尝试一 下,很容易就能对上号了。
成品
组后实现并达到了如下效果:
- 使用 json 文件来进行配置
- 配置产品款号、名称,及使用命名方式(文件名使用前面设置的款号和名称)
- 各个 psd 文件对应的生成规则(尺寸,保存文件夹名称,水印等)
- 双击该 jsx 文件,批量打开目录下的 psd 文件并自动读取 json 配置文件生成对应图片
- 自动生产优化后的 jpg 图片
最终成品放在了 github 上,点击访问 -> psbatsaver。欢迎留言交流。