PhotoShop 等 Adobe CC(和以前的 CS)系列的軟件的擴展開發在國內一直很是邊緣的領域,相關中文資料少的可憐。
而 PhotoShop 的擴展開發從 Adobe Flash、Adobe Flex、Adobe Configurator 4 開發插件后來有換成 HTML5 + Javascript(Node.js) 的 CEP,經歷你多個階段,本系列教程就是針對最新的 CEP6 (相應的是 Adobe CC 2015)擴展插件開發。
CEP 是什么?
CEP (原CSXS)是 Adobe 為 PhotoShop 等軟件提供的擴展平臺,通過 HTML5 和 Node.js 技術為 Adobe 系列軟件來擴展其功能。
簡單來說就是用一個可以調用 Node.js 和 PhotoShop 提供的 JavaScript API 的本地 Web 應用來擴展 PhotoShop 。
0 基礎的教程
這個將從 0 開始介紹 CEP 開發過程的教程。雖然CEP 相關的技術和知識有:
- HTML
- JavaScript
- CSS
- Node.js
- PhotoShop API
不過即使現在還完全不知道這些應該也沒什么關系,一開始并不需要有很深的知識,但并不意味著可以不用學習上面的技術。
CEP 開發將是學習上面技術的一個最好實例,所謂 “0 基礎” 意味的是你可以從 0 開始,而當你學習 CEP 開發,你能夠用 CEP 開發的過程一并學習到上面的技術。
目錄
《零基礎的 PhotoShop CEP 6 開發教程》系列目錄
「 0 」目錄
「 1 」配置開發環境
「 2 」CEP 文件結構
「 3 」CEP 的運行機制
「 4 」Hello World !
「 5 」事件(EVENTS)
「 6 」調用 JSX 并傳遞信息
「 7 」UI - HTML 開發的一些細節
「 8 」API - 文件讀寫與二進制數據
「 9 」簽名打包與 ZXPSignCmd
「 X 」CEP 更新到 6.1版了
參考
本教程的主要參考是 Adobe 的官方文檔:
- CEP-6-HTML-Extension-Cookbook-for-CC-2015
- Public SDK CSXSLibrary API Documentation
- CC14_Extension_SDK
- ADOBE PHOTOSHOP CC 2014 JAVASCRIPT SCRIPTING REFERENCE
和其他教程:
本教程還從這些地方獲取了信息:
Forums.Adobe - Photoshop Scripting
手抜きLab@DTPの現場
ExtendScript Toolkit CS6自動化作戦
Photoshop Developer Center / Adobe Photoshop Scripting