オリジナルのスクリプトの作り方

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

クリエイティブな技術を必要としない定型的なオペレーション作業はなるべく自動化しましょう。

Photoshopにはアクションのように作業を記録して保存、再利用するようなとても便利な自動化機能が多数用意されています。アクション、バッチ、ドロップレット、スクリプト、プラグインなどなど。頻繁に繰り返すような定型的なオペレーション作業はこのような機能を使って自動化しましょう。

今回は多数ある自動化機能の中から「スクリプト」についてご紹介します。

Dearpsではオリジナルのスクリプトを多数公開していますが実はこのPhotoshopのスクリプトはプログラミングの知識がなくても簡単に作れてしまうんです。

作業をJavaScriptとして記録「ScriptingListener.plugin」

アクションはご存知のとおり作業を記録して保存、再利用することができる機能です。実はPhotoshopにはそれの「スクリプト版」 があります。
Adobe公式サイトで配布されている
ScriptingListener.plugin」を使うことによってPhotoshopでの作業を自動でJavaScriptとして書き出してくれます。

まずは「ScriptingListener.plugin」をインストール

(1)まずはじめにAdobe公式サイトで配布されている
ScriptingListener.plugin」をダウンロードします。

(2)ダウンロードしたファイルを解凍して「Utilities」(Windows:Scripting Utilities)フォルダの中にある、「ScriptingListener.plugin」(Windows:ScriptListener.8li)を下記フォルダに移動します。

Windows: C:\Program Files\Adobe\Adobe Photoshop□\Plug-ins
Mac OS X: /アプリケーション/Adobe Photoshop□/Plug-ins

(3)次に「Sample Scripts/JavaScript」フォルダの中にある、「ScriptListenerOn.jsx」と「ScriptListenerOff.jsx」を下記フォルダに移動します。

Windows: C:\Program Files\Adobe¥Adobe Photoshop□\プリセット\スクリプト
Mac OS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts

(4)これで準備完了です。Photoshopが起動している場合は再起動してください。

「ScriptingListener」の使用手順

(1)記録したい作業を開始する前に[ファイルメニュー]/[スクリプト]/[ScriptListenerOn]を選択します。これで作業の記録がスタートするので作業を行います。

(2)作業が完了したら[ファイルメニュー]/[スクリプト]/[ScriptListenerOff]を選択します。これで記録がストップします。

(3)デスクトップに「ScriptingListenerJS.log」というファイルができているので適宜ファイル名を変更して拡張しを「.jsx」にします。

(4)これでスクリプトファイルの完成です。作成した「(ファイル名).jsx」ファイルを下記フォルダに移動します。

Windows: C:\Program Files\Adobe\Adobe Photoshop□\プリセット\スクリプト
Mac OS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts

(5)Photoshopを再起動してファイルを開いた状態で[ファイル] / [スクリプト]から作成したスクリプトを選択すれば先ほど記録した作業が実行されます。

[メモ]
アクションではショートカットを設定する場合ファンクションキーを指定する必要がありますがスクリプトは通常のアプリケーションメニューと同じように[編集メニュー]/[キーボードショートカット]で自由にショートカットを割り当てることができます。

「ぶっこ抜きスクリプト」を作ってみよう!

実はDearpsで公開しているスクリプトのほとんどが「ScriptListener」で書き出されたJavaScriptを加工することによってつくられています。
Dearpsで公開しているスクリプトの中で人気の高い「ぶっこ抜きスクリプト」を試しに作成してみましょう。

(1)[ファイルメニュー]/[新規]を選択して新規ファイルを作成します。サイズは適当でOKです。つぎに長方形ツールで矩形を描きます。これも適当でOKです。

(2)ここからの作業を記録します。[ファイルメニュー]/[スクリプト]/[ScriptListenerOn]を選択して記録をスタートします。

(3)レイヤーパネルで「長方形 1」を選択した状態で右クリックをしてメニューから[レイヤーを複製]を選択します。

(4)「レイヤーを複製」ダイアログが表示されるので[保存先]/[ドキュメント]のプルダウンメニューから「新規」を選択します。

(5)[イメージメニュー]/[トリミング]を選択します。

(6)「トリミング」ダイアログが表示されるので「透明ピクセル」および「トリミングする部分」すべてにチェックが入っていることをかくにんして「OK」をクリックします。

(7)作業の記録をストップします。[ファイルメニュー]/[スクリプト]/[ScriptListenerOff]を選択して記録をストップします。

(8)デスクトップに「ScriptingListenerJS.log」というファイルができているのでファイル名を「ぶっこ抜き.jsx」に変更します。

(9)「ぶっこ抜き.jsx」をテキストエディタなどで開きます。

記録された作業は一操作ごとに
// =======================================================
で区切られます。

※Photoshop CC 2015では記録された作業以外に不要なコードが生成されてしまいます。下記画像を参考に不要部分を削除します。

青い部分は (2)の[ScriptListenerOn]のスクリプトを実行した操作の記録なので削除。

赤い部分も不要コードなので削除します。

黄色い部分の作業の記録だけ残して上書き保存します。

(8)これでスクリプトファイルの完成です。下記フォルダに移動します。

Windows: C:\Program Files\Adobe¥Adobe Photoshop□\プリセット\スクリプト
Mac OS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts

(9)Photoshopを再起動してファイルを開いた状態で[ファイル] / [スクリプト]から[ぶっこ抜き]を選択すればスクリプトが実行されます。

アイデア次第でさらに便利に!

JavaScriptについての知識がある方はもちろん、知識がなくても少し学ぶことによってよりスクリプトを活用することができます。条件分岐やダイアログを利用した数値の入力なども可能です。
最初にダウンロードした「Documents」フォルダ内に「Photoshop Scripting Guide JA.pdf」 というスクリプティングガイドがあります。この機会にスクリプトについて学んでみてはいかがでしょうか。

[メモ]
アクションでは作業工程を一時停止してパラメータを変更することができますが、スクリプトでも下記のようにコードを書き換えることによってその作業で一時停止してパラメータを変更することができます。
停止したい作業のコードの最後に記述されている「DialogModes.NO」を「DialogModes.ALL」に書き換えます。

試しに先ほど作成した「ぶっこ抜き.jsx」を下記のように書き換えて確認してみましょう。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*