【Photoshop】イラスト作業効率化!おすすめのスクリプト12選

この記事の著者
CGブロガー すいみん

CGブロガー

すいみん

Suimin

プロフィール

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

イラスト作業効率化!おすすめのスクリプトまとめ

イラストやLive2D制作に役に立ちそうなスクリプトをまとめてみました。

まとめてグループセットを作成する

予めグループセットを作成する時に便利なスクリプトです。
Live2dの素材分け等で使えるかなと思います。


背景レイヤーの表示を切り替える

一番下の階層に色を敷いているので、それをON/OFFするスクリプトです。

背景レイヤーを「塗りつぶしレイヤー」にするスクリプト

ワンクリックで塗りつぶし背景レイヤーで指定サイズの新規ドキュメント作成できるようにしました。

ハーフHDサイズ(1280x720)かつ背景レイヤーが塗りつぶし(グリーン)のドキュメントを一発で作成します。

輝度を透明度に変換する

クリスタで輝度を透明度に変換という機能
Photoshopでも似たようなことができるのでそのやり方の紹介です。

基本機能で輝度を透明度に変換する方法

  1. 画像を用意
  2. Ctrl+Aで全選択して、Ctrl+Cでコピー
  3. レイヤーマスクを作成
  4. チャンネルからマスクを選択して、Ctrl+Vでペースト、Ctrl+Iで反転
  5. 以上で、輝度を透明度に変換できます。

プラグインで輝度を透明度に変換する方法

プラグインでぱっきりした白黒画像がきれいに抜けました。

参考 輝度を透明度に変換するPhotoshopプラグインPhotoshpプラグイン置き場
  1. プラグインをダウンロードして、プラグインフォルダに格納
    C:\Program Files\Adobe\Adobe Photoshop CC 2017\Plug-ins
  2. フィルタ>sousakuba.com>Luminance change to transparentから実行
    以上です。

マスクへの塗りつぶしはNG!ベタ塗り+マスク(反転)

Eyecatch_CGM_CreateInversionMask

マスクで描けば線の色を変更できるので便利です!
スクリプトを使えば、すぐにベタ塗り+マスク(反転)できます。

ベタ塗り+マスクで線を描くメリット

ベタ塗り+マスクで線を描くと色調整しやすいし、色もスポイトで拾わずに、白黒の塗りで全て済むので重宝します!

しかしながらマスクを塗りつぶししてしまうと、マスク移動時に塗りが範囲外から出てきてしまうので注意が必要です。

  • ベタ塗り+マスクは色変更がしやすい

  • マスクで描くので色は白黒で完結する

[失敗例]ベタ塗り+マスクでマスクを黒で「塗りつぶし」する

一見良さそうですが、移動ツールで動かすと範囲外から塗りつぶしが出てきてしまいます

[解決策]ベタ塗り+マスクで範囲外から塗りを防ぐ方法

解決策は簡単で、マスクを選択してCtrl+iで反転すればOK

範囲外も黒になり、移動ツールで動かしても範囲外から塗りがでてきません

STEP.1
下記のURLにスクリプトを格納
C:Program FilesAdobeAdobe Photoshop CC 20xxPresetsScripts
STEP.2
動画を参考にスクリプトを実行

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

参考 【Photoshop】ベタ塗り+マスク(反転)作成スクリプト - CGメソッド - BOOTHBOOTH

選択したレイヤーだけを表示・非表示する

Eyecatch_CGM_IsolateLayerSelection

選択したレイヤーを表示・非表示できるようにしました。
表示目玉マークを押すよりも早く、また途中で別のレイヤーを操作してもOK!元の状態に戻してくれます。

STEP.1
下記のURLにスクリプトを格納
C:\Program Files\Adobe\Adobe Photoshop CC 20xx\Presets\Scripts
STEP.2
動画を参考にスクリプトを実行

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

参考 【Photoshop】選択したレイヤーだけを表示・非表示するスクリプト - CGメソッド - BOOTHBOOTH

全レイヤーに「種類」と「不透明度」を追記する

Eyecatch_CGM_AddTypeAndOpacityToLayer

こちらのスクリプトでイラストやLive2Dまわりで、ちゃんと例レイヤー情報を記載しておくとデータとして親切です。

STEP.1
下記のURLにスクリプトを格納
C:Program FilesAdobeAdobe Photoshop CC 20xxPresetsScripts
STEP.2
動画を参考にスクリプトを実行

[/timeline]

サンプルデータもついてます。
参考 【Photoshop】全レイヤーに「種類」と「不透明度」を追記するスクリプト - CGメソッド - BOOTHBOOTH

レイヤー名のままグループ化する

Eyecatch_CGM_GroupLayerName

Live2Dで分けたパーツは全てグループ化しているのですが、リネームの手間を省くために作成してみました。

STEP.1
下記のURLにスクリプトを格納
C:Program FilesAdobeAdobe Photoshop CC 20xxPresetsScripts
STEP.2
動画を参考にスクリプトを実行

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

参考 【Photoshop】レイヤー名のままグループ化するスクリプト - CGメソッド - BOOTHBOOTH

おすすめの使い方は「編集」>「キーボードショートカット」>ファイルの項目からスクリプト(CGM_GroupLayerName.jsx)を探し、「Ctrl+G」等のショートカットを割り当て使うことです。

マスクごとグループを統合する

PhotoshopではCtrl+Eでグループ(レイヤーセット)を統合できます。
ただマスクがついていると、マスクが消えないまま画像が統合されてしまいます。

ショートカットでマスク付きグループを統合する

単純に、Ctrl+Gでさらにグループ化して、Ctrl+Eでマスクのないグループを統合するだけです。
デメリットはグループ名をリネームし直しになります。


レイヤー操作:レイヤー名の前や後ろに文字を追加する

Photoshopのデータ整理、もといLive2dの素材分け等で使えるかなと思います。

使い方はレイヤーを選択して(複数可)下記のスクリプトを実行。

よく使う場合は「目」「腕」とかのパーツ名はアクションスクリプトにしてショートカット登録すると便利です。



選択したグループを反転コピーする

Eyecatch_CGM_ReverseCopyGroup

簡単に反転素材を作成できるスクリプトです。

STEP.1
下記のURLにスクリプトを格納
C:Program FilesAdobeAdobe Photoshop CC 20xxPresetsScripts
STEP.2
動画を参考にスクリプトを実行

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

参考 【Photoshop】選択したグループを反転コピーするスクリプト - CGメソッド - BOOTHBOOTH

スクリプトランチャーに登録しても良いです。

  1. PhotoshopのScriptsフォルダ(C:Program FilesAdobeAdobe Photoshop CC <バージョン>PresetsScripts)にスクリプト(CGM_ReverseCopyGroup.jsx)を保存します。
  2. 「編集」>「キーボードショートカット」>ファイルの項目からスクリプト(CGM_ReverseCopyGroup.jsxbin)を探し、「F3」等のショートカットを割り当てます

アクションスクリプトの作り方

おまけです。

  • 新規レイヤー作成
  • Alt+Shift+[で下のレイヤーを追加選択
  • Ctrl+Eで統合
  • Ctrl+Aで全選択
  • 選択範囲>選択範囲を変形。ピボットを左中央。Wを50%にして左側を選択
  • Deleteで左側削除
  • Ctrl+Dで選択解除
  • Ctrl+Aで全選択
  • Ctrl+Jでレイヤーの複製
  • Ctrl+Aで全選択
  • 選択範囲>選択範囲を変形。ピボットを右中央。Wを50%にして右側を選択
  • Ctrl+Tで変形。ピボットを左中央。Wを-100%にして左側へ反転
  • Ctrl+Eで下のレイヤーと結合
  • Ctrl+Dで選択解除

レイヤーの特定の色域を削除する

レイヤーにある緑色(グリーンバック)など、特定の色をまとめて削除したい時用につくりました。

まとめて画像をレイヤー化して読み込んでから、このスクリプトで背景色を処理するなど。
何百枚も単純作業を強いられそうな時はスクリプトをちゃちゃっと書いたほうが早いです。

  • 色はRGBではなくLabの色を入力してください
  • 色域もコードに入力できます
全レイヤーに適応されます。
※1レイヤーだけの時はhideLayer();をコメントアウトしてもOKです。
(まとめて処理する時用にレイヤーを非表示にしています。)


レイヤーの一番上にまとめてかけてある効果レイヤーをそれぞれのパーツ分けしたレイヤーに適用させる

引用先
参考 【Live2D】レイヤーの一番上にまとめてかけてある効果レイヤーをそれぞれのパーツ分けしたレイヤーに適用させるスクリプトyataya2000

スクリプトが動かなかったので修正

クリッピングして統合するので、統合先が透明画像が含まれる場合は

try{
/*レイヤークリッピング*/
var idGrpL = charIDToTypeID( "GrpL" );
var desc426 = new ActionDescriptor();
var idnull = charIDToTypeID( "null" );
var ref327 = new ActionReference();
var idLyr = charIDToTypeID( "Lyr " );
var idOrdn = charIDToTypeID( "Ordn" );
var idTrgt = charIDToTypeID( "Trgt" );
ref327.putEnumerated( idLyr, idOrdn, idTrgt );
desc426.putReference( idnull, ref327 );
executeAction( idGrpL, desc426, DialogModes.NO );
}
catch(e){
//alert("クリッピング");
}

を削除すると良いです。


すいみん

Photoshopの公式スクリプトに関する記事です!
Eyecatch-CGM_photoshop-official-standard-script 【Photoshop】最初から使える!公式標準スクリプト・機能おすすめ6選

すいみん

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

すいみん

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

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

Adobe Creative Cloudを一番安く購入する方法

\Adobe Creative Cloudが学割(49.6%OFF!)で安い/


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

すでに持っている方も1年分の追加可能

さらにAmazonギフト券でチャージしてAmazon Payで支払うともっとお得に!

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

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



photoshop-summary-article


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

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


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

フォトショップが学べるスクール


参考
Photoshop講座ヒューマンアカデミー

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

すいみん

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