javascript 做为 photoshop 支持的脚本语言,让用户可以通过编写脚本来使用 photoshop 大部分的功能。
场景1(提供代码)
我们可以想象一下,我们可以做一个 PPT,模板做好后,PPT 的内容保存为 json 格式的文件,当需要修改时,我们不需要打开 photoshop 后,一个一个选择图层,选择文字,修改文字这样繁琐重复的操作了。我只要修改一下json文件, 运行脚本就行了,这样也让设计人员和编辑人员解耦了,保证设计人员看不到 PPT 具体内容,也提高对 PPT 保密级别。
场景2
再想象一下,设计人员设计好页面后,javascript 读取设计好的 PSD。然后自动生成静态页,那么用户你就改吧,什么颜色呀,大小呀随便改,修改后,可以做到实时看到效果。做个再好一些,可以让用户参与设计。这样一来让前端从用户界面设计到静态页生成完成自动化转变。
看一个修改 PPT 的示例吧
这是 photoshop 图层接口
有一张背景图,和两个图层分别为标题(title)列表内容(todo)
我们可以通过 js 替换这些内容,然后保存图片
这就是我们保存为 json 格式内容,这些内容会替换photoshop 中图层中对应内容
下图中
我们可以引入第三方库,方法为#include 加上引用文件名,这样我们脚本就可以利用一些其他工具库,无需自己造轮子了。代码中我已经加入详细的注解,我在这里就不多说了。基本思路就是读取json 文件,替换文字,显示对应的图层然,隐藏其他图层保存文件。
替换效果,虽然简单,但是也覆盖整个流程。