自从自学美工后,被各种配色、排版、还有软件使用等折磨着,当然其中还有很多重复性的工作,真是 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的,再加上一些其他规格的, 另外再加上每个平台上可能需要加上特定的水印,另外生成的文件名称可能也有规定,所以就有了如下需 求:

  1. 能够设置生成图片的文件名
  2. 生成的图片是经过压缩优化的,符合网站对图片质量和大小的要求
  3. 对指定规格,生成不同大小、水印的图片,并保存到指定的文件夹中
  4. 能够一键生成

学习

有了上面的需求,就开始学习 Adobe Scripting 了,列举一下资源:

  1. Adobe Scripting Center
  2. Photoshop CC JavaScript Reference (PDF)
  3. Adobe ExtendScript Toolkit,从 Creative Suite 安装

相较于JavaScript,增加了一些内置对象,使用 ExtendScript Toolkit 提供的调式工具,尝试一 下,很容易就能对上号了。

成品

组后实现并达到了如下效果:

  1. 使用 json 文件来进行配置
  2. 配置产品款号、名称,及使用命名方式(文件名使用前面设置的款号和名称)
  3. 各个 psd 文件对应的生成规则(尺寸,保存文件夹名称,水印等)
  4. 双击该 jsx 文件,批量打开目录下的 psd 文件并自动读取 json 配置文件生成对应图片
  5. 自动生产优化后的 jpg 图片

最终成品放在了 github 上,点击访问 -> psbatsaver。欢迎留言交流。