Photoshopで色の塗りつぶし(背景や一部の範囲)基本操作

※ Adobe Photoshop 2024、2025の画像で解説しています。
※境界線をぼかすサンプルに使用した写真は「ぱくたそ」のフリー素材です。(サイト掲載の写真・画像について

CGDOOR
今回は、Photoshopで背景や一部の範囲を色で塗りつぶす方法の基本を解説します。

Photoshopの背景を色で塗りつぶし

まずは、Photoshopファイルの背景レイヤーを色で塗りつぶしてみましょう。

Photoshopで塗りつぶしに使う描画色・背景色を変更

Photoshopでは優先的に適用される2つの色「描画色」と「背景色」を指定する機能がツールバーにあります。

  1. 「スウォッチ」パネルを開き、塗りつぶしに使う色のサムネイルをクリックして「描画色」を指定
  2. ツールバーの「背景色」をクリックして「カラーピッカー(背景色)」を開く
  3. 塗りつぶしの第2候補にする色をクリックするか、または画面上の任意の色をスポイトでクリックして指定

Photoshopで色の塗りつぶし1

塗りつぶし方法① Photoshopの「編集」➔「塗りつぶし」

背景レイヤー、または背景にする透明レイヤーを選択して、「編集」メニューをクリックし、「塗りつぶし」をクリックします。

「塗りつぶし」ダイアログボックスが開いたら塗りつぶしの「内容」で色を指定しますが、デフォルトでは「描画色」になっているので、多くの場合、そのままEnterを押します。
背景レイヤー全体が「描画色」に指定した色で塗りつぶされます。

Photoshopで色の塗りつぶし2

塗りつぶし方法② Photoshopのバケツ型「塗りつぶしツール」

背景レイヤー、または背景にする透明レイヤーを選択して、ツールバーのバケツ型アイコン「塗りつぶしツール」を選択し、カンバス内をクリックします。

Photoshopで色の塗りつぶし3
背景レイヤー全体が「描画色」に指定した色で塗りつぶされます。
「塗りつぶしツール」のバケツ型アイコンがツールバーに見つからない時は、「グラデーションツール」アイコンを見つけて長押しして下さい。隠れている「塗りつぶしツール」が見つかります。

Photoshopで色の塗りつぶし4

塗りつぶし方法③ Photoshopの塗りつぶしショートカット

塗りつぶしのショートカットキーには以下の3種類があります。

「Shift」+「F5」で「塗りつぶし」ダイアログボックスが開く

「Shift」+「F5」は、上記の塗りつぶし方法① Photoshopの「編集」➔「塗りつぶし」を操作するショートカットキーです。


「Alt」+「Delete」(「Alt」+「BackSpace」)で「描画色」の塗りつぶし

「Alt」+「Delete」は、上記の塗りつぶし方法② Photoshopのバケツ型「塗りつぶしツール」と同じ操作をするショートカットキーです。「描画色」に指定した色で塗りつぶされます。


「Ctrl」+「Delete」(「Ctrl」+「BackSpace」)で「背景色」の塗りつぶし

「Ctrl」+「Delete」は、「背景色」に指定した色で塗りつぶしを行うショートカットキーです。


塗りつぶしの色を黒・白などに変更したい場合や描画モード・不透明度を設定したい時は「Shift」+「F5」、簡単スピーディに「描画色」で塗りつぶしたい時は「Alt」+「Delete」(「Alt」+「BackSpace」)が便利です。

Photoshopの特定の範囲を色で塗りつぶし

画像の特定範囲やレイヤー内のオブジェクトを色で塗りつぶしてみましょう。

範囲選択して調整レイヤーで塗りつぶし

「自動選択ツール」や「オブジェクト選択ツール」を使って、色で塗りつぶす範囲を選択します。

「オブジェクト選択ツール」を使って、選択する方法は
▶ Photoshopの「オブジェクト選択ツール」を使って、被写体の切り抜きを作る方法
で詳しく解説しています。
  1. レイヤーパネルの「塗りつぶしまたは調整レイヤーを新規作成」アイコンをクリック
  2. リストの「ベタ塗り」をクリック
  3. カラーピッカー(ベタ塗りのカラー)が開く
  4. 色をクリックするか、画面上の任意の色をスポイトでクリックして指定
  5. 調整用の塗りつぶしレイヤーが元レイヤーの上に新規作成され、選択範囲が指定色で塗りつぶされる
Photoshopで色の塗りつぶし5
ベタ塗りの調整レイヤーは元画像を保持したまま色を変えたい時に便利です。
「調整レイヤー」にはベタ塗り以外にも色調補正や階調の反転などがあり、選択範囲の色の置き換えをスムーズに行えます。詳しくは
▶ Photoshopの「色の置き換え」でイメージの色を変更する方法
で解説しています。

範囲選択して別レイヤーを塗りつぶし

「自動選択ツール」や「オブジェクト選択ツール」を使って、色で塗りつぶす範囲を選択します。

画像の人物を「オブジェクト選択ツール」で選択した範囲を黒で塗りつぶしてシルエットの切り抜きを作ってみます。

  1. レイヤーパネルの「+」アイコンをクリックして新規レイヤーを追加
  2. 「Shift」+「F5」で「塗りつぶし」ダイアログボックスを開く
  3. 塗りつぶしの「内容」をリストから「ブラック」に設定
  4. 「OK」をクリック

Photoshopで色の塗りつぶし6

「塗りつぶし」ダイアログボックスで設定できるのは以下の項目です。

「塗りつぶし」の内容:色や他のアイテムの選択
選択できる「塗りつぶし」の内容は以下の通りです。

「塗りつぶし」の合成:描画モードの選択
乗算・オーバレイといった描画モードを指定して塗りつぶしを行うことができます。
「塗りつぶし」の合成:不透明度の設定
塗りつぶしの不透明度を「1~100%」の間で指定することができます。

Photoshopで色の塗りつぶし7

レイヤー内の透明部分以外を塗りつぶし

選択範囲を作ってから別レイヤー(または調整レイヤー)で塗りつぶしを行うのではなく、レイヤー内の透明ピクセルを避けて、オブジェクトだけの色を塗りつぶしで変える方法です。

レイヤーを選択し、「Shift」+「F5」で「塗りつぶし」ダイアログボックスを開き、一番下にある「透明部分の保持」にチェックを入れて「OK」をクリックします。

Photoshopで色の塗りつぶし8
この方法なら、選択範囲を作らなくてもレイヤー内にあるオブジェクトだけを塗りつぶすことができます。
CGDOOR
Photoshopで背景や選択範囲を色で「塗りつぶし」する基本操作をまとめて解説しました。作成物によって最適な塗りつぶし方法を選択しましょう。