javascript 在 photoshop 中的应用

javascript 做为 photoshop 支持的脚本语言,让用户可以通过编写脚本来使用 photoshop 大部分的功能。

场景1(提供代码)

我们可以想象一下,我们可以做一个 PPT,模板做好后,PPT 的内容保存为 json 格式的文件,当需要修改时,我们不需要打开 photoshop 后,一个一个选择图层,选择文字,修改文字这样繁琐重复的操作了。我只要修改一下json文件, 运行脚本就行了,这样也让设计人员和编辑人员解耦了,保证设计人员看不到 PPT 具体内容,也提高对 PPT 保密级别。

场景2

再想象一下,设计人员设计好页面后,javascript 读取设计好的 PSD。然后自动生成静态页,那么用户你就改吧,什么颜色呀,大小呀随便改,修改后,可以做到实时看到效果。做个再好一些,可以让用户参与设计。这样一来让前端从用户界面设计到静态页生成完成自动化转变。

看一个修改 PPT 的示例吧

这是 photoshop 图层接口 

有一张背景图,和两个图层分别为标题(title)列表内容(todo)

我们可以通过 js 替换这些内容,然后保存图片

这就是我们保存为 json 格式内容,这些内容会替换photoshop 中图层中对应内容

下图中

我们可以引入第三方库,方法为#include 加上引用文件名,这样我们脚本就可以利用一些其他工具库,无需自己造轮子了。代码中我已经加入详细的注解,我在这里就不多说了。基本思路就是读取json 文件,替换文字,显示对应的图层然,隐藏其他图层保存文件。

替换效果,虽然简单,但是也覆盖整个流程。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容