Photoshop│反転したマスクの作り方｜ベタ塗り＋マスクを自動化するスクリプトも

Photoshopで 線の色を簡単に変更 できる 「ベタ塗り+マスク（反転）」 の活用方法を紹介します。

スクリプトを使えば、 ワンクリックでベタ塗りレイヤーと反転マスクを作成 できます。

スクリプトを使わなくても、反転したマスクは作れます。

Altを押しながらかどうかで、作られるマスクの白黒が逆になります。

この記事のスクリプトは、ベタ塗りレイヤーの作成とこの操作をまとめて行うものです。

マスクの基本操作

線の色をあとから変えたい場合、ベタ塗りレイヤーにマスクを付けるやり方が便利です。

マスクは白が見える部分、黒が隠れる部分です。

最初から隠した状態で作りたいときにAltを使います。

作ったマスクは、ほかのレイヤーに持っていけます。

同じマスクを何度も作り直す必要はありません。

線のレイヤーが複数あるときは、複製して使い回すほうが早いです。

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

• 色調整が簡単 → 塗りつぶしの色を変更するだけで線の色が変わる
• 白黒の塗りで完結 → 色をスポイトで拾わずに作業できる
• マスクを調整するだけで修正が可能

しかし、 マスクを塗りつぶしすると範囲外から塗りが現れる問題 があるため、正しい手順で設定することが重要です。

【失敗例】マスクを黒で「塗りつぶし」する

一見問題なさそうですが、 移動ツールで動かすとマスク範囲外から塗りがはみ出してしまう ことがあります。

【解決策】ベタ塗り+マスク（反転）で範囲外から塗りを防ぐ

解決方法は簡単！

1. マスクを選択
2. [Ctrl + I] で反転

これで、 範囲外も黒になり、移動ツールで動かしても塗りがはみ出さなくなります。

スクリプトでベタ塗り+マスク（反転）を作成

手動操作が面倒な場合は、スクリプトを使うと ワンクリックで設定 できます。

STEP.1 スクリプトを格納

1. コードをメモ帳等にコピペして保存

CGM_CreateInversionMask.jsx

(function deleteOutsideCanvas(){
    // カンバス外を削除
    preferences.rulerUnits = Units.PIXELS;
    w = activeDocument.width.value;
    h = activeDocument.height.value;
    app.activeDocument.crop( [0, 0, w, h] );
})();

2. CGM_CreateInversionMask.jsx を 以下のフォルダに保存。

C:\Program Files\Adobe\Adobe Photoshop CC\Presets\Scripts\

3. Photoshopを再起動。

STEP.2 スクリプトを実行

1. [ファイル] → [スクリプト] → [CGM_CreateInversionMask] を選択。
2. ベタ塗りレイヤー+反転マスクが自動作成される！

Photoshopのほかの操作は、まとめからご覧いただけます。

あわせて読みたい

Photoshopの使い方まとめ｜レイヤー操作・書き出し・スクリプト Photoshopの記事を、やりたいことから探せるように分類しました。 同じ作業を何度も繰り返している場合は、スクリプトの項目もご覧ください。 各カテゴリーは閲覧数の多…

※ マスクの操作は、Adobe公式ヘルプ「Photoshop でレイヤーマスクを追加および編集」で2026年9月19日に確認しました。

シェイプや塗りを作る方法は、ほかにも書いています。

あわせて読みたい

Photoshopスクリプト（jsx）│選択したグループを反転コピーする方法 Photoshopで選択したグループを反転コピーするスクリプトを紹介します。 左右対称のデザインやLive2Dの素材作成に役立ちます。 https://youtu.be/hf9owHjfTLQ?si=QV0u-E…

あわせて読みたい

Photoshopスクリプト（jsx）│レイヤーの特定の色域を削除する方法 Photoshopでレイヤー内の特定の色（グリーンバックなど）を自動で削除するスクリプトを紹介します。 背景色をまとめて処理したい場面や、複数レイヤーを一括で切り抜き…

あわせて読みたい

Photoshopスクリプト（jsx）│特定のレイヤー名にだけ回転をかける方法 Photoshopで特定のレイヤー名にだけ回転を適用するスクリプトを紹介します。 レイヤー名の命名ルールに沿って該当するレイヤーのみを自動で回転できるツールです。 http…

あわせて読みたい

Photoshopスクリプト（jsx）│座標から色を取得し、その色のべた塗りレイヤーを作成する方法 Photoshopで特定の座標の色を取得し、その色でべた塗りレイヤーを作成するスクリプトを紹介します。 作業の効率化やカラーパレット作成に役立つスクリプトです。 スクリ…

まとめ

• ベタ塗り+マスク（反転）を使えば、線の色を簡単に変更可能
• マスクを塗りつぶしせず、[Ctrl + I] で反転すれば範囲外の塗りを防げる
• スクリプトを活用すれば、ワンクリックで設定完了

Photoshopの作業を効率化するために、 手動＆スクリプトの両方の方法を活用 してみてください！