📘

photoshopプログラミング visualstudiocodeを触ってみよう

2022/04/10に公開

概要

photoshopでの操作や機能を拡張するためにプログラミングしてみようのコーナーです。

目的

グラフィックやui中心の方々にとって「本業のグラフィックソフトを考えながらプログラマーへの道」が拓けたらと思ったためです。

環境

visual studio code
photoshop2022

設定をしてみよう

プラグインである「ExtendScriptDebbugger」をインストールします。

設定ファイルを作成

jsonファイル作成を選択後に、「ExtendScript Debug」を選択します。

連携するバージョン選択

photoshopなどは、複数バージョンあるので、バージョンを選択します。

今回は、photoshop2022 にしました。

設定結果を確認

photoshopとvisualstudiocodeが連携できているかを確認。

photoshopが起動できればプログラム側とphotoshopでの設定ができる状態になります。

https://www.youtube.com/watch?v=kdk3JC35f50

おまけ

アラートを実行

起動スクリプトのindex.jsxに以下の行をいれます。

alert("がぞうファイルこうしんちゃん きどう")
alert("ファイルを開き始めます")

いざ、実行すると

scriptフォルダーに記載したindex.jsxが連動していることが確認できました。

https://www.youtube.com/watch?v=Gc6ILRgAjqk

参考資料

インストール設定の参考記事
https://qiita.com/shintsu_takamasa/items/09ce12181327f08dbfe1

公式資料
https://github.com/Adobe-CEP/Getting-Started-guides

Discussion