メニュー

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

海外でフリーランスをしているテクニカルアーティスト
ゲーム開発・映像制作・WEB制作等を請け負っています。
当ブログは作業効率化のための技術ブログです。

目次

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

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

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

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

[open title=’まとめてグループセットを作成するスクリプト’]

[/open]

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

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

[open title=’背景レイヤーの表示を切り替えるスクリプト’]

[/open]

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

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

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

[open title=’背景レイヤーを「塗りつぶしレイヤー」にするスクリプト’]

[/open]

輝度を透明度に変換する

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

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

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

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

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

あわせて読みたい
輝度を透明度に変換するPhotoshopプラグイン~うたげ:Photoshpプラグイン置き場 線画の白い部分を透明に変えるPhotoshopのフィルタプラグインです。
  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

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

[timeline]

[tl label=’STEP.1′ title=’下記のURLにスクリプトを格納’]
C:\Program Files\Adobe\Adobe Photoshop CC 2017\Presets\Scripts\
[/tl]

[tl label=’STEP.2′ title=’動画を参考にスクリプトを実行’]


[/tl]
[/timeline]

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

あわせて読みたい
【Photoshop】ベタ塗り+マスク(反転)作成スクリプト - CGメソッド - BOOTH ベタ塗り+マスク(反転)作成スクリプトです。 使い方 https://www.cg-method.com/entry/photoshop-make-solid-fill/ Copyright (c) CG Method Released under the MIT lic...

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

Eyecatch_CGM_IsolateLayerSelection

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

[timeline]
[tl label=’STEP.1′ title=’下記のURLにスクリプトを格納’]
C:\Program Files\Adobe\Adobe Photoshop CC 2017\Presets\Scripts\
[/tl]

[tl label=’STEP.2′ title=’動画を参考にスクリプトを実行’]

[/tl]
[/timeline]

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

あわせて読みたい
【Photoshop】選択したレイヤーだけを表示・非表示するスクリプト - CGメソッド - BOOTH 選択したレイヤーだけを表示・非表示するスクリプトです。 使い方 https://www.cg-method.com/entry/photoshop-cgm_isolate-layer-selection-jsx/ Copyright (c) CG Method...

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

Eyecatch_CGM_AddTypeAndOpacityToLayer

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

[tl label=’STEP.1′ title=’下記のURLにスクリプトを格納’]
C:\Program Files\Adobe\Adobe Photoshop CC 2017\Presets\Scripts\
[/tl]

[tl label=’STEP.2′ title=’動画を参考にスクリプトを実行’]

[/tl]
[/timeline]

サンプルデータもついてます。
https://cg-method.booth.pm/items/2256417

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

Eyecatch_CGM_GroupLayerName

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

[timeline]
[tl label=’STEP.1′ title=’下記のURLにスクリプトを格納’]
C:\Program Files\Adobe\Adobe Photoshop CC 2017\Presets\Scripts\
[/tl]

[tl label=’STEP.2′ title=’動画を参考にスクリプトを実行’]


[/tl]
[/timeline]

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

あわせて読みたい
【Photoshop】レイヤー名のままグループ化するスクリプト - CGメソッド - BOOTH 使い方 https://www.cg-method.com/entry/photoshop-group-layer-name/ Copyright (c) CG Method Released under the MIT license ※スクリプトは下記のPhotoshop専用スクリ...

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

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

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

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

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

[open title=’マスクごとグループを統合するスクリプト’]

[/open]

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

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

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

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

[open title=’レイヤー名の前に文字を追加’]

[/open]

[open title=’レイヤー名の特定の文字を除去’]

[/open]

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

Eyecatch_CGM_ReverseCopyGroup

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

[timeline]
[tl label=’STEP.1′ title=’下記のURLにスクリプトを格納’]
CC:\Program Files\Adobe\Adobe Photoshop CC 2017\Presets\Scripts\
[/tl]

[tl label=’STEP.2′ title=’動画を参考にスクリプトを実行’]


[/tl]
[/timeline]

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

あわせて読みたい
【Photoshop】選択したグループを反転コピーするスクリプト - CGメソッド - BOOTH 選択したグループを反転コピーするスクリプトです。 使い方 https://www.cg-method.com/entry/photoshop-group-flip-copy/ Copyright (c) CG Method Released under the MI...

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

  1. PhotoshopのScriptsフォルダ(C:\Program Files\Adobe\Adobe Photoshop CC 20xx\Presets\Scripts\)にスクリプト(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で選択解除

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

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

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

[list class=”li-chevron”]

  • 色はRGBではなくLabの色を入力してください
  • 色域もコードに入力できます

[/list]

[open title=’レイヤーの特定の色域を削除するスクリプト’]
全レイヤーに適応されます。
※1レイヤーだけの時はhideLayer();をコメントアウトしてもOKです。
(まとめて処理する時用にレイヤーを非表示にしています。)


[/open]

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

引用先
http://yataya2000.com/article/conbinelayer/

[open title=’レイヤーの一番上にまとめてかけてある効果レイヤーをそれぞれのパーツ分けしたレイヤーに適用させるスクリプト’]
スクリプトが動かなかったので修正

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

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("クリッピング");
}

を削除すると良いです。


[/open]

Photoshopの公式スクリプトに関する記事です!
[card2 id=”17221″ target=”_blank”]

PhotoshopのUI制作に関するスクリプト記事です!
[card2 id=”17173″ target=”_blank”]

Photoshopに関するスクリプト記事です!
[card2 id=”17081″ target=”_blank”]

全記事一覧

  • URLをコピーしました!

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

Photoshopのソフトウェア購入

Photoshopが学べるスクール

Photoshopの参考書籍

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

目次