イラスト制作時に、ベースカラーの塗りを「ベタ塗り調整レイヤー＋マスク」で管理すると、後から簡単に色を変更できます。
しかし、複数のレイヤーを一括で変更するには手間がかかるため、拡張機能 DITTO を活用する方法を紹介します。
目次
拡張機能「DITTO」とは？
DITTO は、以下のレイヤー情報を一括で変更できる拡張機能です。
- Fill（塗り）
- TEXT（文字列）
- Visibility（表示・非表示）
- Font Size（フォントサイズ）
- Font Family（フォントの種類）
- Font Color（フォントの色）
- Line Height（行の高さ）
- X, Y（座標）
この機能を利用すれば、手作業でレイヤーを選択しなくても、指定した変数に基づいて一括変更が可能になります。
DITTOのインストール方法
STEP 1：ダウンロード
公式サイトから DITTO をダウンロードします。
STEP 2：スクリプトを実行
- ダウンロードしたフォルダの
install.jsxを以下のフォルダに格納します。
C:\Program Files\Adobe\Adobe Photoshop CC ＜バージョン＞\Presets\Scripts- Photoshopで install.jsx を実行
STEP 3：エラーが出た場合の対処法
もしエラーが発生した場合、以下のフォルダに HTML フォルダを Ditto にリネームして格納します。
C:\Users\＜ユーザー名＞\AppData\Roaming\Adobe\CEP\extensionsDITTOの使い方
STEP 1：DITTOを開く
- ウィンドウ → エクステンション → Ditto を選択
STEP 2：変更したい要素を選択
- プルダウンメニュー から Fill（塗り） を選択
- 入力欄 に変数名を設定（例：
BaseColor）- ⚠ ここでは先頭に
#をつけないこと！
- ⚠ ここでは先頭に
STEP 3：レイヤーに変数を適用
- 変更したい塗りつぶしレイヤー すべてに
#をつけて#BaseColorという名前を設定
STEP 4：色を変更
- 一番右の入力欄に カラーコード（例：
ffff00）を入力 - 更新ボタンを押す
設定した変数が適用されたレイヤーすべての色が変更されます！
補足:
- 設定は一番上のレイヤーに保存される
- 「Load Variables」でいつでも設定をロード可能
DITTOの活用例
| 設定項目 | 例 |
|---|---|
| Fill（塗り） | 29adf1 |
| TEXT（文字列） | 好きな文字列 |
| Visibility（表示・非表示） | on or off |
| Font Size（フォントサイズ） | 20px |
| Font Family（フォントの種類） | 小塚ゴシック Pr6N |
| Font Color（フォントの色） | 29adf1 |
| Line Height（行の高さ） | 46px |
| X（X座標） | 640 |
| Y（Y座標） | 480 |
Photoshopのほかの操作は、まとめからご覧いただけます。
あわせて読みたい
Photoshopの使い方まとめ｜レイヤー操作・書き出し・スクリプト
Photoshopの記事を、やりたいことから探せるように分類しました。 同じ作業を何度も繰り返している場合は、スクリプトの項目もご覧ください。 各カテゴリーは閲覧数の多…
まとめ
- DITTOを使うと、レイヤーの一括編集が超便利！
- ベタ塗りレイヤーの色変更を効率化！
- レイヤー名に変数を設定すれば、簡単にまとめて変更可能！
DITTOを活用して、Photoshop作業をさらに効率化しましょう！
