> ## Documentation Index
> Fetch the complete documentation index at: https://docs.comfy.org/llms.txt
> Use this file to discover all available pages before exploring further.

# マスクエディター - ComfyUI 内でマスクの作成と編集を行う

> ComfyUI のマスクエディターの使い方を学びます。ツール、レイヤー、設定、ショートカットを網羅

マスクエディターは ComfyUI に組み込まれたツールで、外部画像編集ソフトを使わずに画像上で直接マスクを作成・編集できます。複数の描画ツール、レイヤー管理、元に戻す/やり直し、キャンバス変換、GPU アクセラレーションによるブラシ描画をサポートしています。

***

## 開き方

マスクエディターを開くには 3 つの方法があります：

1. **選択ツールバー** — Load Image ノードを選択し、ノード上部の選択ツールバーにある Mask アイコンボタンをクリックします。
2. **画像オーバーレイ** — 画像プレビュー（ギャラリーモード）にマウスを乗せ、左上に表示される「Edit or mask image」ボタン（mask アイコン）をクリックします。
3. **右クリックメニュー** — Load Image ノードを右クリックし、メニューから「マスクエディタで開く」を選択します。

> マスクエディターは**グラフモード**と**アプリモード**の両方で使用できます。

<img src="https://mintcdn.com/dripart/deAUfL_Wa99SBtzt/images/interface/maskeditor/maskeditor_3ways_to_open_maskeditor.png?fit=max&auto=format&n=deAUfL_Wa99SBtzt&q=85&s=1d23aa1f54e8869c1fb5fcb27297d085" alt="マスクエディターを開く 3 つの方法：Selection Toolbox、Image Overlay、右クリックメニュー" width="3628" height="1685" data-path="images/interface/maskeditor/maskeditor_3ways_to_open_maskeditor.png" />

***

## インターフェース概要

<img src="https://mintcdn.com/dripart/deAUfL_Wa99SBtzt/images/interface/maskeditor/maskeditor_main_editor.jpg?fit=max&auto=format&n=deAUfL_Wa99SBtzt&q=85&s=43acb2c6acf54fe64d7e69f08f3be0bb" alt="マスクエディターのメインインターフェース：ツールパネル、キャンバス、設定パネル" width="4000" height="2561" data-path="images/interface/maskeditor/maskeditor_main_editor.jpg" />

マスクエディターはモーダルダイアログとして開き、4 つの主要エリアで構成されています：

| # | エリア          | 位置 | 説明                                |
| - | ------------ | -- | --------------------------------- |
| 1 | **トップバー**    | 上部 | 元に戻す/やり直し、キャンバス変換、反転/クリア、保存/キャンセル |
| 2 | **ツールパネル**   | 左側 | ツール選択とズーム情報                       |
| — | **キャンバスエリア** | 中央 | 描画・編集を行うメインキャンバスエリア               |
| 3 | **サイドパネル**   | 右側 | ツール固有の設定とレイヤーコントロール               |

***

## ツール

左側のツールパネルには 5 つのツールがあります。ツールを選択すると、右側パネルに対応する設定が表示されます。

<img src="https://mintcdn.com/dripart/deAUfL_Wa99SBtzt/images/interface/maskeditor/maskeditor_tool_panel.jpg?fit=max&auto=format&n=deAUfL_Wa99SBtzt&q=85&s=ff9ac93d88947155aa19d529c7f0cbea" alt="マスクエディターのツールパネル（5 つのツール番号付き）" style={{maxWidth: '300px'}} width="1226" height="1404" data-path="images/interface/maskeditor/maskeditor_tool_panel.jpg" />

| # | ツール              | レイヤー               | 説明                                                                                                      |
| - | ---------------- | ------------------ | ------------------------------------------------------------------------------------------------------- |
| 1 | **Mask Pen**     | マスクレイヤー            | マスク描画の主要ツール。左クリック＋ドラッグで画像上にマスクを描きます。                                                                    |
| 2 | **Paint Pen**    | ペイントレイヤー（RGB）      | 画像の RGB レイヤーに直接描画します。インペイントやベース画像の修正に便利です。                                                              |
| 3 | **Eraser**       | マスクレイヤー / ペイントレイヤー | 既存のマスクやペイントレイヤーの一部を消去します。                                                                               |
| 4 | **Paint Bucket** | マスクレイヤー            | 色の類似性に基づく塗りつぶしツール。ピクセルをクリックすると接続領域にマスクを塗りつぶします。マスク済み領域をクリックするとマスクを消去します。許容値（Tolerance）で塗りつぶしの広がりを制御します。 |
| 5 | **Color Select** | マスクレイヤー            | ターゲット色に一致する全ピクセルを選択的にマスクします。高度なマッチングアルゴリズム（Simple / HSL / LAB）に対応。                                      |

***

## TopBar 操作

<img src="https://mintcdn.com/dripart/deAUfL_Wa99SBtzt/images/interface/maskeditor/maskeditor_topbar_actions.jpg?fit=max&auto=format&n=deAUfL_Wa99SBtzt&q=85&s=d390383a7c11e4f19ec500eab58b6e99" alt="マスクエディター TopBar 操作（1–10 の番号付き）" width="3598" height="870" data-path="images/interface/maskeditor/maskeditor_topbar_actions.jpg" />

上部バーではキャンバス全体に対する操作が行えます：

| #  | 操作                              | 説明                  |
| -- | ------------------------------- | ------------------- |
| 1  | **元に戻す**（Ctrl+Z）                | 最後の操作を元に戻す          |
| 2  | **やり直し**（Ctrl+Shift+Z / Ctrl+Y） | 元に戻した操作をやり直す        |
| 3  | **左に回転**                        | 全レイヤーを反時計回りに 90° 回転 |
| 4  | **右に回転**                        | 全レイヤーを時計回りに 90° 回転  |
| 5  | **左右反転**                        | 全レイヤーを水平反転          |
| 6  | **上下反転**                        | 全レイヤーを垂直反転          |
| 7  | **反転**                          | マスクを反転（黒 ↔ 白）       |
| 8  | **クリア**                         | マスク全体をクリア           |
| 9  | **保存**                          | マスクを保存してエディターを閉じる   |
| 10 | **キャンセル**                       | 保存せずにエディターを閉じる      |

> **注**：回転と反転操作は 3 つのレイヤー（マスク、ペイント、ベース画像）すべてに同時に適用されます。変換後に GPU テクスチャが再作成されます。

***

## レイヤー

右側パネル下部の **レイヤー** セクションでは、各レイヤーの表示/非表示を個別に切り替えられます：

* **マスクレイヤー**：マスクオーバーレイ。**マスク不透明度**と**マスク合成オプション**を調整可能：
  * `黒` — マスクを黒のオーバーレイとして表示
  * `白` — マスクを白のオーバーレイとして表示
  * `ネガティブ` — マスクを反転表示
* **ペイントレイヤー**：RGB ペイントレイヤー（Paint Pen 使用時に表示）
* **ベース画像レイヤー**：元のソース画像

レイヤーの **レイヤーを有効化** をクリックすると、そのレイヤーに描画フォーカスが切り替わります。

上のメインエディターのスクリーンショットを参照 — 右側パネルにはブラシ設定と下部のレイヤーセクションが含まれています。

***

## ブラシ設定

ブラシベースのツール（Mask Pen、Paint Pen、Eraser）がアクティブな場合、サイドパネルにブラシ設定が表示されます：

| 設定          | 範囲         | 説明                             |
| ----------- | ---------- | ------------------------------ |
| **ブラシ形状**   | Arc / Rect | 丸ブラシまたは四角ブラシ                   |
| **カラーピッカー** | 任意の 16 進色  | ペイント色（Paint Pen 用）またはマスク色      |
| **太さ**      | 1–250      | ブラシ直径（ピクセル）                    |
| **不透明度**    | 0–1        | ブラシストロークの透明度                   |
| **硬さ**      | 0–1        | エッジの柔らかさ。1 = 硬いエッジ、0 = 非常に柔らかい |
| **ステップサイズ** | 1–100      | ブラシの打点間隔。値が低いほど滑らかなストローク       |

**デフォルトにリセット** でブラシパラメーターをデフォルトに戻せます。

***

## キャンバス操作とショートカット

| ショートカット                               | 操作                            |
| ------------------------------------- | ----------------------------- |
| **Space + ドラッグ**                      | キャンバスのパン                      |
| **Ctrl + スクロール**                      | ズームイン/アウト                     |
| **ズーム％をクリック**                         | ズームを 100% にリセット               |
| **Ctrl + Z**                          | 元に戻す                          |
| **Ctrl + Shift + Z** または **Ctrl + Y** | やり直し                          |
| **Alt + 右クリック + ドラッグ**                | ブラシ調整：左右で**サイズ**、上下で**硬さ**を変更 |

***

## 設定

ComfyUI の設定パネルで、以下のマスクエディターオプションを設定できます：

| 設定                                         | カテゴリー                                              | デフォルト         | 説明                                     |
| ------------------------------------------ | -------------------------------------------------- | ------------- | -------------------------------------- |
| **Brush adjustment speed multiplier**      | Mask Editor → Brush Adjustment → Sensitivity       | 1.0 (0.1–2.0) | Alt+右クリックドラッグ時のブラシサイズ・硬さ変更速度。値が大きいほど速い |
| **Lock brush adjustment to dominant axis** | Mask Editor → Brush Adjustment → Use Dominant Axis | オン            | 有効にすると、移動の主軸方向に応じてサイズ**または**硬さのみが調整される |

***

## 動画チュートリアル

<video controls>
  <source src="https://mintcdn.com/dripart/EgZuQyCGLVUEw53Z/images/interface/maskeditor/maskeditor.mp4?fit=max&auto=format&n=EgZuQyCGLVUEw53Z&q=85&s=f2f905b202074a6f51d1021e799d894d" type="video/mp4" data-path="images/interface/maskeditor/maskeditor.mp4" />

  お使いのブラウザは video タグをサポートしていません。
</video>

> **注**：この動画は旧バージョンのマスクエディター（Nodes 1.0 UI）を示しており、ブラシサイズ調整とマスクプレビュー作成の基本フローをデモンストレーションしています。現在のバージョンでも基本的なワークフローは同じです。
