Photoshopスクリプト（jsx）│一括でベタ塗りレイヤーの色をまとめて変更する方法│Ditto

イラスト制作時に、ベースカラーの塗りを「ベタ塗り調整レイヤー＋マスク」で管理すると、後から簡単に色を変更できます。

しかし、複数のレイヤーを一括で変更するには手間がかかるため、拡張機能 DITTO を活用する方法を紹介します。

拡張機能「DITTO」とは？

DITTO は、以下のレイヤー情報を一括で変更できる拡張機能です。

• Fill（塗り）
• TEXT（文字列）
• Visibility（表示・非表示）
• Font Size（フォントサイズ）
• Font Family（フォントの種類）
• Font Color（フォントの色）
• Line Height（行の高さ）
• X, Y（座標）

この機能を利用すれば、手作業でレイヤーを選択しなくても、指定した変数に基づいて一括変更が可能になります。

DITTOのインストール方法

STEP 1：ダウンロード

公式サイトから DITTO をダウンロードします。

STEP 2：スクリプトを実行

1. ダウンロードしたフォルダの install.jsx を以下のフォルダに格納します。

C:\Program Files\Adobe\Adobe Photoshop CC ＜バージョン＞\Presets\Scripts

2. Photoshopで install.jsx を実行

STEP 3：エラーが出た場合の対処法

もしエラーが発生した場合、以下のフォルダに HTML フォルダを Ditto にリネームして格納します。

C:\Users\＜ユーザー名＞\AppData\Roaming\Adobe\CEP\extensions

DITTOの使い方

STEP 1：DITTOを開く

1. ウィンドウ → エクステンション → Ditto を選択

STEP 2：変更したい要素を選択

1. プルダウンメニュー から Fill（塗り） を選択
2. 入力欄 に変数名を設定（例：BaseColor）
   • ⚠ ここでは先頭に # をつけないこと！

STEP 3：レイヤーに変数を適用

1. 変更したい塗りつぶしレイヤー すべてに # をつけて #BaseColor という名前を設定

STEP 4：色を変更

1. 一番右の入力欄に カラーコード（例：ffff00）を入力
2. 更新ボタンを押す

設定した変数が適用されたレイヤーすべての色が変更されます！

補足:

• 設定は一番上のレイヤーに保存される
• 「Load Variables」でいつでも設定をロード可能

DITTOの活用例

まとめ

• DITTOを使うと、レイヤーの一括編集が超便利！
• ベタ塗りレイヤーの色変更を効率化！
• レイヤー名に変数を設定すれば、簡単にまとめて変更可能！

DITTOを活用して、Photoshop作業をさらに効率化しましょう！