自己擼個簡單的ps切圖指令碼(未完待續…)

自己擼個簡單的ps切圖指令碼(未完待續…)

剛做完的一個H5專案裡,為了切圖方便,接觸了下Photoshop的指令碼功能。從找資料、寫指令碼到實際能用全套跑了一圈下來發現,嗯,果然是挺難用的[捂臉]。不過雖然缺點滿滿,但PS這個平臺上,可以拿來做自動化切圖這種事的選擇並不多……所以只好將就將就咯~

0.準備篇

工欲善其事、必先利其器。寫ps指令碼除了常用的程式碼編輯器以外,還有個選擇,就是Adobe自家的ExtendScript Toolkit CC。這裡解釋一下,“ExtendScript”也就是本文所討論的ps指令碼,並不只有ps可以用,AE、AI都是可以用的,不過需要呼叫各自不同的API。ExtendScript Toolkit的介面和操作啥的都挺路人的,只不過它有個別的程式碼編輯器都沒有的功能,就是可以直接連線上ps,並看到ps的內部物件,另外它也能一鍵呼叫ps來執行指令碼,所以我選擇先用程式碼編輯器寫指令碼,然後用它來執行。

剛裝好的ExtendScript Toolkit介面大概是這樣的:

標籤頁底下前邊帶個綠色雙鎖鏈圖示的是連結選框,作用是決定當前文件需要和哪個程式(PS、AI、AE等)連結,右邊從上到下分別是console控制檯、指令碼庫和內部物件瀏覽器。

看起來好像挺高大上的樣子,對吧?燃鵝,萬幸中的不幸是,我發現它並不能識別出我的PS……所以並沒有什麼卵用……

不過裝好這個工具以後,在它安裝目錄下(我係統是Win10,安裝目錄是\Program Files (x86)\Adobe\Adobe ExtendScript Toolkit CC\)會有個SDK資料夾,裡邊有個叫JavaScript Tools Guide CC的PDF是可以參考的(裡邊是一些Ps、AI、AE幾個軟體共用的介面,比如File、Folder啥的);另外在Ps的安裝目錄下有個\Presets\Scripts資料夾,一些比如“檔案”選單下的“匯出”裡的一些功能,就是用指令碼來實現的。

一些Ps指令碼的線上參考資料:

Adobe Photoshop Scripting

ADOBE PHOTOSHOP CC 2015 SCRIPTING GUIDE

ADOBE PHOTOSHOP CC 2015 JAVASCRIPT SCRIPTING REFERENCE

ExtendScript Wiki

《PHOTOSHOP CC 2015 JAVASCRIPT SCRIPTING REFERENCE》常用部分漢化版

PhotoShop ExtendScript 常數表

初識Ps指令碼

【留坑待續…】