Amazonで商品を見るセール会場へ

Photoshop│アクションをJavaScriptに変換する方法

PhotoshopのアクションをJavaScriptスクリプト(.jsx)に変換すると、より柔軟な自動処理が可能になります。

本記事は2017年の操作記録です。

変換にはxbytor氏のxtoolsを使います。

単一アクションとATN全体の違い、appsとxappsの配置は、作者のxtools資料で確認できます。この変換は旧来のExtendScript用JSXが対象です。UXPのPSJSへの変換・移行とは別に扱います。

現在のPhotoshopでの変換・実行テストは行っていません。

目次

PhotoshopでアクションをJavaScriptに変換する方法

変換用のスクリプトを用意し、Photoshopから実行します。

ActionToJavascriptは、アクションパネルに読み込まれた1つのアクションを対象にします。

.atnファイル全体を変換するActionFileToJavascriptとは用途が異なります。

Photoshopのほかの操作は、まとめからご覧いただけます。

1. スクリプトをダウンロード

以下はxtoolsの過去の配布先です。

パッケージを展開し、同梱の説明でActionToJavascript.jsxの配置と依存ファイルを確認します。

2. スクリプトの保存

  1. 作者の配布資料では、xtools/appsに単体実行用、xtools/xappsにライブラリを参照する版が用意されています。利用するパッケージの構成を確認します。
  2. 依存ファイルを参照する版はActionToJavascript.jsxだけを別の場所へコピーしても動作しません。単体実行用を使うか、同梱の導入手順に従います。
  3. 配布ファイルは元の形式で保存します。編集する場合は複製を作り、UTF-8など保存時の文字コードによる文字化けに注意します。

3. スクリプトを実行

xtoolsのSelect an Actionダイアログで、Action SetとActionを選択する旧掲載画面。
2017年の操作記録に掲載していた対象アクションの選択画面。画像自体の撮影時期・Photoshop版は未確認で、今回の実機撮影ではありません。
  1. [ファイル] → [スクリプト] → [参照] を選択します。
  2. 保存した ActionToJavascript.jsx を選択して開きます。
  3. 変換元をPhotoshopのアクションパネルに読み込み、ダイアログで対象のアクションを選択します。
  4. 処理が完了すると、指定したアクションが JavaScript(.jsx) ファイルとして出力されます。

4. 変換完了

スクリプトが正常に実行されると、Photoshopのアクションが JavaScriptコード に変換されます。

出力されたスクリプトを編集することで、条件分岐や繰り返しなどの高度な処理を組み込めます。

まとめ

PhotoshopのアクションをJavaScriptに変換することで、以下のメリットがあります。

  • より高度なカスタマイズが可能になる。
  • 複雑な作業を自動化できる。
  • 複数のファイルに適用する際に便利。

変換できても、元アクションと同じ結果になるとは限りません。

複製した画像で実行結果を比較し、保存先やレイヤー名への依存を確認してから使用してください。

アクション機能の記事は、ほかにもあります。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

Photoshopのおすすめ書籍

動作要件とPCの確認項目

周辺機器の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次