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

2270 ワード

概要

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

目的

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

環境

visual studio code
photoshop2022

設定をしてみよう

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

設定ファイルを作成

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

連携するバージョン選択

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

今回は、photoshop2022 にしました。

設定結果を確認

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

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

おまけ

アラートを実行

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

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

いざ、実行すると

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

参考資料

インストール設定の参考記事