CG・映像デザイナー技術ブログ

【Photoshop】最初から使える!公式標準スクリプト・機能おすすめ6選

Eyecatch-CGM_photoshop-official-standard-script

Photoshopには標準機能とは別に公式のスクリプトや特殊な機能が備え付けられています。

本記事では特に便利な6つのスクリプト・機能を紹介いたします。

assistant すいみん

インストールしてすぐに使える機能なので覚えておきましょう!
この記事の著者
CGブロガー すいみん

CGブロガー

すいみん

Suimin

プロフィール

某美大の油絵科を卒業後、大手CG映像プロダクションに入社。
その後ゲーム業界に転職。
現在は技術系のCGデザイナーをしています。 書籍:Unity デザイナーズ・バイブル
プロフィール詳細はこちら

Photoshop:最初から使える!標準スクリプトまとめ

Photoshopをインストール後からすぐに使える公式標準スクリプトの紹介です!

複数の画像をまとめてレイヤーとして読み込む「ファイルをレイヤーとして読み込み」

Phoshopの標準機能で、複数画像をまとめてレイヤー化することができます!

ではさっそくやり方を紹介いたします!

STEP.1
Photoshopを開きます
STEP.2
スクリプトを起動
「ファイル>スクリプト>ファイルをレイヤーとして読み込み」

STEP.3
参照先を設定
参照から取り込みたい画像をすべて選択します(Ctrl+A)

  • フォルダごとを選択することも可能です
  • 「ソース画像を自動的に配置する」にチェックを入れるとレイヤーを自動整列します。他の画像との関係をずらしたくない場合はチェックを入れましょう!
  • レイヤーを読み込み後にスマートオブジェクトに変換にチェックを入れると項目通りに変換されます。
STEP.4
実行&結果
設定を終えたらOKボタンを押しましょう。
画像が取り込まれ、それぞれレイヤー化されます。

「Load Files into Stack.jsx」スクリプトの格納場

ちなみに下記の場所にスクリプトが格納されています。


C:Program FilesAdobeAdobe Photoshop CC 2020PresetsScriptsLoad Files into Stack.jsx

全ての空のレイヤー&グループを消す「すべての空白レイヤーを削除」

自作スクリプトを作成していて、空のグループがある場合に「レイヤーを結合」コマンドは現在使用できません」
と警告がでてしまったので、データ整理する(空のレイヤーとグループを消す)方法を調べてみました。

STEP.1
スクリプトの実行

ファイル>スクリプト>すべての空白レイヤーを削除を選択

STEP.2
スクリプトの結果

標準で格納されている“`Delete All Empty Layers.jsx“`が実行され、空のレイヤーとグループが削除されます。

今回の「すべての空白レイヤーを削除」だけでなく、他にもPhotoshopには最初から「すべてのマスクを統合」「すべてのレイヤー効果を統合」などのスクリプトも格納されています。

レイヤー別にレイヤー名のまま画像を書き出す「レイヤーをファイルに書き出し」

AEでもよかったのですが、複数の画像を一括でトリミングして、出力するのに使った方法。

STEP.1
連番をインポート
ファイル > スクリプト > ファイルをレイヤーとして読み込み…
で連番画像をインポート。

降順にレイヤーが取り込まれます。

STEP.2
昇順に直す

レイヤー>重ね順>逆順で昇順に直す

STEP.3
書き出し

ファイル>スクリプト>レイヤーをファイルに書き出し

STEP.4
書き出し結果
先頭文字列__0000_01.pngというような命名で上からレイヤーが画像で書き出される

デフォルトではこのやり方になります。
ただ処理が遅いのと何よりプリフィックス+連番+レイヤー名の命名で書きだされてしまいます。

スクリプト改良版

こちらのスクリプトが高速で書き出すことができるのでおすすめです。

参考 Export Layers To FilesGitHub
C:\Program Files\Adobe\Adobe Photoshop CC 2016\Presets\Scripts

にExportLayersToFile.jsxとして保存。

高速でレイヤー名のままPNGで出力されます。

複数のPSDデータからJPGやPNGを出力する「イメージプロセッサー PRO」

大量にPSDデータを作成した後、JPGやPNG画像を出力する方法の紹介です。

PSDからJPGを出力

STEP.1
イメージプロセッサーを実行

ファイル>スクリプト>イメージプロセッサーを実行

STEP.2
書き出し

下記のような設定で、実行を押すとJPGが書き出されます。

PSDからPNGを出力

通常のイメージプロセッサーからはPNGを出力できません。
カスタムされたイメージプロセッサーを使用します。

STEP.1
ImageProcessorProのダウンロード
下記から、ImageProcessorPro-3_x.zipをダウンロードします。

参考 ImageProcessorProsourceforge.net
STEP.2
ImageProcessorProの解凍と格納

・icons
・Image Processor Pro
・Image Processor Pro.jsx
・Image Processor Pro.xml

C:Program FilesAdobeAdobe Photoshop CC 2017PresetsScriptsに格納します。

STEP.2
ImageProcessorProの実行

Photoshopを開き、ファイル>自動処理>Image Processor Pro.jsxのスクリプトを起動します。

STEP.2
ImageProcessorProの設定
使い方は普通のイメージプロセッサーと同じです。
ファイル形式をPNGにしてやります。

他にも様々なファイル形式に変換することが可能です。

登録したカンプの画像をまとめて書き出し「レイヤーカンプのファイル書き出し」

Photoshopの標準スクリプト(ファイル>スクリプト>レイヤーカンプのファイル書き出し)のカスタマイズ版スクリプトの紹介です。

標準版との違い

例えばUI画像を遷移別にレイヤーカンプで登録、それらを出力する時に、『レイヤーカンプのファイル書き出し』スクリプトでレイヤーカンプの画像を出すと便利です。

ただ標準のままの場合は強制的に連番がついてきます。
それだと邪魔な場合が多いので、連番をON/OFFするカスタマイズ版です。

『レイヤーカンプのファイル書き出し』スクリプトのカスタマイズ

参考 Layer Comps To Files.jsxgithub.com

サーバーで使用する場合

※ ローカルでセッティングした情報を保存する記述を削除したバージョンです。

※ 追加でプリフィックスはハイフンで区切るのではなく、アンダーバーで区切る用に修正しています。

fileNameBody = fileNameBody.join('_').replace(/[:\/\\*\?\"\<\>\|\\\r\\\n]/g, "_");

特定の操作時にスクリプト実行する方法 「スクリプトイベントマネージャー」

今回以前から試してみたかった2つの検証をしました。

一つは特定の操作時にスクリプトやアクションを実行できる「スクリプトイベントマネージャー」
さらにスクリプトで「別ソフトの実行」も検証してみました。

STEP.1
保存したタイミングでバッチ処理が走るように設定

ファイル>スクリプト>スクリプトイベントマネージャー
で、特定のタイミングでスクリプト(test.bat)を発動するようにします。


var cmd = "C:\\Users\\min\\Desktop\\test.bat";
var file = new File(cmd);
file.execute();

保存するタイミングで、バッチ処理が走りました。

スクリプトイベントマネージャーのイベントの追加方法

イベント追加で適当な名前をつけてイベントを追加すると、スクリプトイベントマネージャー.xmlが追加されるので、ここを見るとイベント名の入力方法がわかります。

C:\Users\ユーザー名\AppData\Roaming\Adobe\Adobe Photoshop CC 2017\Adobe Photoshop CC 2017 Settings\スクリプトイベントマネージャー.xml

新規イベントの追加

ScriptingListenerJS.logで調べます。
たとえばレイヤーなら「Lyr 」と記述されています。

調べ終わったらスクリプトイベントマネージャーからイベント追加で下記の用に入力します。

<name>新規レイヤー</name>
<value>Mk  </value>
<valueClass>Lyr </valueClass>

※MkやLyrには後ろに半角スペースがあります

以上で設定するとレイヤー作成時にスクリプトを実行できたりします。

[使用例]PSD保存時にPNG出力も同時にする

保存時に同階層にPNG出力するスクリプトを設定しておけば、PSD保存時に同時にPNGも作成できます。

他のアイディアとしてはPhotoshop実行時、バッチを実行してスクリプトを最新に更新。
バッチ処理を書けばファイルコピーなどでツールも更新できそうです。

assistant すいみん

PhotoshopのUI制作に関するスクリプト記事です!
Eyecatch-CGM_PhotoshopScript-UI 【Photoshop】UI制作効率化!おすすめのスクリプト9選

assistant すいみん

Photoshopのイラスト制作に関するスクリプト記事です!
【Photoshop】イラスト作業効率化!おすすめのスクリプト12選

assistant すいみん

Photoshopに関するスクリプト記事です!
Eyecatch-CGM_PhotoshopScript 【Photoshop】作業効率化!おすすめの便利スクリプト20選

以上、すいみん(@cg_method)でした!

Photoshopに関する参考記事・ツール・書籍のまとめ

Photoshopに関する記事を下記にまとめました。



photoshop-summary-article


便利な機能紹介!Photoshopに関する作り方まとめ

フォトショップのソフトウェア購入


eyecatch-buy-adobe-creative-cloud
【Adobe Creative Cloud】最安!アドビ認定スクールから購入する方法(+講座付き)

フォトショップの参考書籍

assistant すいみん

独学で勉強できてしまうPhotoshopですが、他の人の手法を見ると全然使いこなせてなかったことに気がつくこともあります