JavaScript で Photoshop 操作の自動化をする
この記事は mirko-san のアドベントカレンダー Advent Calendar 2022 の 12月 24日の記事です。
TL;DR
- Adobe Photoshop の自動化が JavaScript でできるので試した
- スクリプトの実行をさらにドロップレットで楽したので紹介
前提環境
- Windows 11
- Adobe Photoshop CC 2022
経緯
この間自分の描いた絵を印刷所に入稿しようとしたところ、入稿作業の一部は自動化できそうだなという予感があり、一部自動化をしました。
本稿は上記の記事の続きとして、 Adobe Photoshop の自動化をしてみた記事となります。
最終的にできあがったもの
ドロップレット(後述)に psd ファイルをドラッグアンドドロップすると、以下の処理をされた <元のファイル名>_flatten.psd
が生成されるようになった。
- すべてのパスを削除
- 画像の結合
- このとき、
_
で始まるレイヤーセットは除外
- このとき、
- レイヤー名を
image
に変更
具体的には
これが
こうなる
やったこと
JavaScript を書く
Adobe によると、どうやら JavaScript 以外にも VB Script もあるらしい。まあ JavaScript のほうがマシなので JavaScript を使うこととする。
どうやらドキュメントは以下で管理されているらしい。
筆者の環境は Adobe Photoshop CC 2022 なので、現在最新に見える 2020 のドキュメントを参照した。
出来上がったものがこちら。
このスクリプトを C:\Program Files\Adobe\Adobe Photoshop 2022\Presets\Scripts
以下に m_flatten.jsx
として配置する。
筆者は既存のスクリプトを誤って消したりしたくなかったので、自作スクリプトは C:\Program Files\Adobe\Adobe Photoshop 2022\Presets\Scripts\original_scripts
以下に置くこととした。
Photoshop を再起動すると「ファイル > スクリプト」から自作のスクリプトが選択できるようになっているはず。(今回は m_flatten
が追加)
アクションを追加
新規アクションを追加する
アクション記録モードになるので、「ファイル > スクリプト > m_flatten」と選択していく。
スクリプトの実行が終わったらアクションの記録を終了する。
ドロップレットを作成
ドロップレットとは、特定のファイルにひとつのアクションを適用するのに便利なやーつである。
ドロップレットでは、ドロップレットアイコンに画像ファイルやフォルダーをドラッグ&ドロップすると 1 つのアクションを適用することができます。
これを使って、お手軽に先ほど作ったアクションを実行できるようにする。
「ファイル > 自動処理 > ドロップレットを作成」と選択。
画像の通りに設定し「OK」を押す。
ドロップレット保存先に指定したフォルダにドロップレットが作成される。
「ドロップレットを右クリック > プロパティ > 互換性 > "管理者としてこのプログラムを実行する" にチェック > OK」
上記を行ったのち、 PC を再起動。
使ってみた感想
アクションのデバッグをすると分かるのですが、 JavaScript での自動化は Photohop の操作をコード化したという感じでかなり手続き的でした。
たとえば、レイヤーの結合を繰り返して(おそらく)操作のフォーカスが非表示レイヤーに移ったとき「表示レイヤーを結合」が実行できなかったりします。
(実際の画面で非表示レイヤーの右クリックから「表示レイヤーを結合」が選択できないのと同じ利用感)
このあたりはあまり SDK 的な実装ではないなあと感じましたが、逆に実際の画面操作が分かっていれば迷うことは無いということでいい点かもしれません。
Discussion