javascript 做為 photoshop 支持的腳本語言廓块,讓用戶可以通過編寫腳本來使用 photoshop 大部分的功能猜极。
場景1(提供代碼)
我們可以想象一下剔桨,我們可以做一個 PPT嘉竟,模板做好后余指,PPT 的內(nèi)容保存為 json 格式的文件,當(dāng)需要修改時矾瑰,我們不需要打開 photoshop 后砖茸,一個一個選擇圖層,選擇文字殴穴,修改文字這樣繁瑣重復(fù)的操作了凉夯。我只要修改一下json文件, 運行腳本就行了采幌,這樣也讓設(shè)計人員和編輯人員解耦了劲够,保證設(shè)計人員看不到 PPT 具體內(nèi)容,也提高對 PPT 保密級別休傍。
場景2
再想象一下征绎,設(shè)計人員設(shè)計好頁面后,javascript 讀取設(shè)計好的 PSD磨取。然后自動生成靜態(tài)頁人柿,那么用戶你就改吧柴墩,什么顏色呀,大小呀隨便改凫岖,修改后拐邪,可以做到實時看到效果。做個再好一些隘截,可以讓用戶參與設(shè)計扎阶。這樣一來讓前端從用戶界面設(shè)計到靜態(tài)頁生成完成自動化轉(zhuǎn)變。
看一個修改 PPT 的示例吧
這是 photoshop 圖層接口?
有一張背景圖婶芭,和兩個圖層分別為標(biāo)題(title)列表內(nèi)容(todo)
我們可以通過 js 替換這些內(nèi)容东臀,然后保存圖片
這就是我們保存為 json 格式內(nèi)容,這些內(nèi)容會替換photoshop 中圖層中對應(yīng)內(nèi)容
下圖中
我們可以引入第三方庫犀农,方法為#include 加上引用文件名惰赋,這樣我們腳本就可以利用一些其他工具庫,無需自己造輪子了呵哨。代碼中我已經(jīng)加入詳細(xì)的注解赁濒,我在這里就不多說了∶虾Γ基本思路就是讀取json 文件拒炎,替換文字,顯示對應(yīng)的圖層然挨务,隱藏其他圖層保存文件击你。
替換效果,雖然簡單谎柄,但是也覆蓋整個流程丁侄。