【Photoshop】作業効率化！おすすめの便利スクリプト20選

サンプルデータもついてます。

また選択したフォルダ内の画像をまとめるスクリプトも付いています。

座標から色を取得してその色のべた塗りレイヤー作成する

タイトルの通り、座標から色を取得してその色のべた塗りレイヤー作成するスクリプトです。

1. カンバスの左上からx10 Y10の位置の色を拾って描画色に設定
2. 描画色のRGB値を取得
3. 塗りつぶしレイヤーを作成して、RGB値を入力する

書き出し：選択したフォルダー内のPSDファイルからJPG/PNGを出力する

複数のPSDデータを貰った時に見本として、JPGまたはPNG画像が欲しかったのでスクリプトを作りました。

少しくらいの数ならPSD開いてJPG保存と繰り返してしまいます。
しかし時間はチリツモで消費していきますし、集中力も削れるのでスクリプトを使うのがベストです。

下記の3つのスクリプトが格納されています。

• 選択したフォルダー内のPSDファイルからJPG出力するスクリプト
• 選択したフォルダー内のPSDファイルからPNG出力するスクリプト
• 選択したフォルダー内のPSDファイルから比率を維持しつつ高さ・幅1000pxより大きい場合は1000pxにしてJPG出力するスクリプト

またサンプルデータもついてます。

書き出し：選択したレイヤーを別ドキュメントに複製する

調整したいUI素材の切り出し様に。

選択しているレイヤーを新しいドキュメントに複製して、トリミングしているだけです。

書き出し：ドキュメントを複製して別名で保存する

オリジナルのデータはそのままで、ドキュメントを複製してからスクリプト処理をして別名で保存する方法です。
適当にドキュメント見ながら書いたので、もっと良い書き方があるかもしれませんが、便利です。

複製すると保存していないドキュメントになるので、オリジナルの方のパスや名前をドキュメント数を指定することで取得

n = documents.length -2;
var filePath  = documents[n].path;
var fileName = documents[n].name.replace(/\.[^\.]+$/, ''); 

下記のような書き方でもスクリプト実行される

(function(){
   処理
})() ;

読み込み：複数ページ格納されているPDFをレイヤー毎に読み込む

せっかくAdobeXDでプロトタイプを作成しても、画面ならべて、紙に印刷して！ということは、ままあります。
そんなときにPDFで出力して、まとめてPhotoshopのレイヤーで各ページ読み込む方法の紹介です。

AdobeXDのPDFの出力

書き出し＞すべてのアートボードから単一のPDFファイルにチェックをして書き出します。

1. ファイル＞スクリプト＞参照＞PDF_Pages_to_Layers.jsxを実行
2. インポートしたいPDFを選択します。
   以上で、レイヤー毎にPDFのページが読み込まれます。

書き出し：選択したPSDを画像アセットで書き出す

画像アセットに関するスクリプトを書いてみてメモです。
画像アセットは普通に使う分には超便利なのですが、スクリプトにするとちょっと面倒でした。

たとえば特定のレイヤー（名前：リネーム）をPSD名+pngで書き出すために、画像アセットのルールでレイヤー名を変更します。

さらに間に「画像アセットをON」の記述をたして、画像アセットONにします。

スクリプトでの画像アセットの書き出されない問題

スクリプト中は画像アセットのジェネレーターは動きません
よって、スクリプト中にPSDを閉じてしまうと画像アセットは書き出されません。
もちろん$.sleep(5000)と途中で止めても、ジェネレーターも止まります。

スクリプトでの画像アセットの書き出されない問題の解決方法

ドロップレット化する（.exe）にして外部から操作すると画像アセットで書き出されます。

選択したPSDを画像アセットで書き出すスクリプトです。バッチ処理から画像アセットで書き出されます。

※ESTKから実行します。
ちなみにCMDから実行したときにミスってPhotoshop.exeをぶっ壊したのでbatの扱いに注意…

アクション：アクションを追加・実行する

このスクリプトの利点はアクションを登録してもらうなどの手間は必要なくて、スクリプトを実行すればアクションも登録されるし、スクリプト側から実行できる点です。

紹介：使ってみて便利だったスクリプトまとめ

実際に使ってみて便利だったスクリプトを紹介します。

レイヤー操作：全てのロックを解除する

どこかにロックがかかっているレイヤーがあるので、全部調べて、すべてのロックを解除するスクリプトの紹介です。

レイヤー操作：ベース画像はそのままに要素を切り替えて画像書き出しする

スクリプトの引用先はこちら

1. まずサンプルを用意
   

2. 切り替えたいレイヤーを選択して、スクリプト（LayerExporter.jsx）を実行（+トリミングも）
   

選択した3点の画像が出力されました

レイヤー操作：選択範囲を四角で選択する

画像アセットで、ピクセル指定しても書き出されるサイズが1pxずれている事があります。
マスクで囲えば正確なサイズででるのですが、そのシェイプの範囲をきれいに四角で選択するにあたって、
スクリプトを書く必要があったのですが、もうすでに存在していたので、その紹介です。

標準機能を駆使しても、シェイプの範囲にそってガイドは引けるものの、四角に選択することは困難です。
このスクリプトその補助になるでしょう。

1. レイヤーのサムネイルをCtrlクリックすると、シェイプの形に沿って選択されます。
   

2.ClippingArea.js使用すると下記の画像のとおり、シェイプの範囲を四角で選択できます。

書き出し：レイヤーカンプのファイル書き出し

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

標準版との違い

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

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

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

サーバーで使用する場合

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

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

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