Photoshopで背景を削除する方法

Photoshopならワンクリックで背景を削除できますが、ワンクリックは始まりにすぎません。どの方法を選んでも、プロのやり方は同じです。ピクセルを消すのではなくレイヤーマスクで背景を隠し、輪郭を直し、透過を保てる形式で書き出します。

このガイドでは、現在のデスクトップ版Photoshopで重要な3つの方法を、速いものから精密なものの順に紹介します。

1. 背景を削除（Remove Background）のクイック操作。シンプルな背景のすっきりした被写体向け。
2. 被写体を選択（Select Subject）とレイヤーマスク。マスクする前に選択範囲を調整したいとき。
3. 選択とマスク（Select and Mask）と髪の毛を調整（Refine Hair）。髪、毛、そのほかの柔らかい輪郭向け。

最後に透過PNGの書き出し方と、ワンクリックの専用ツールのほうが速い場面についても正直に紹介します。

始める前に：レイヤーのロックを解除する

写真を開くと、Photoshopはたいてい「背景」というロックされたレイヤーとして表示します。Adobeの手順もロックの解除から始まります。レイヤーパネルで鍵のアイコンをクリック（またはレイヤーをダブルクリックして確定）して、通常のレイヤーにします。マスクや透過には通常のレイヤーが必要です。

画像サイズも確認しましょう。切り抜きの出来は輪郭で決まるので、手元にある一番大きいバージョンで作業し、縮小するのは書き出すときだけにします。

方法1：背景を削除のクイック操作

これはPhotoshopのワンクリックの方法です。Adobeによると、被写体の検出を使って前景の主な被写体を見つけ、それをもとにレイヤーマスクを作り、残りを隠します。

1. 画像を開き、レイヤーパネルでレイヤーのロックを解除します。
2. プロパティパネルのクイック操作で、背景を削除をクリックします。同じボタンは、画像の下に浮かぶコンテキストタスクバーにも表示されます。クイック操作パネルでプラスのアイコンをクリックし、「背景を削除」を検索して追加することもできます。
3. 数秒待ちます。背景が消え、レイヤーパネルのレイヤーの横にマスクのサムネールが表示されます。
4. 残った部分はブラシツールでマスクに描いてきれいにします。白はピクセルを表示し、黒は隠します。写真ではなくマスクに描くよう、先にマスクのサムネールを選択しておきましょう。

背景を削除のボタンが見当たらない場合は、ピクセルレイヤーが選択されているか確認し、プロパティパネルを下にスクロールします。古いバージョンのPhotoshopにはクイック操作の項目自体がないので、見当たらなければアップデートしましょう。

得意なもの： 商品、髪が整った人物、無地の背景のペットなど、被写体がはっきりしていてコントラストがよいもの。

苦手なもの： ごちゃごちゃした背景の前の細い髪、ガラスのような透明なもの、どれが被写体なのかはっきりしない写真。

方法2：被写体を選択とレイヤーマスク

この方法は方法1と同じ検出を行いますが、選択範囲の段階で止まるので、マスクする前に調整できます。自動の結果が違うものを選んだり一部が欠けたりするときは、こちらのほうが適しています。

1. レイヤーのロックを解除します。
2. 選択範囲 > 被写体を選択を選びます。Photoshopが主な被写体だと判断したものの周りに選択範囲を作ります。
3. 選択範囲を直します。クイック選択ツールかなげなわツールで、Shiftキーを押しながら範囲を追加し、Altキー（MacではOptionキー）を押しながら範囲を削除します。
4. レイヤーパネルでレイヤーマスクを追加（円の入った長方形）をクリックします。選択範囲がマスクになり、背景が隠れます。

背景は隠れているだけなので、いつでも戻せます。マスクを白で塗れば部分を戻せ、黒で塗ればさらに隠せます。元の画像と比べるには、Shiftキーを押しながらマスクのサムネールをクリックしてマスクのオンとオフを切り替えます。

空を置き換えるときなど、被写体ではなく背景を選択したい場合は、被写体以外のすべてを選択する「背景を選択」のクイック操作もAdobeは用意しています。

方法3：髪や毛には選択とマスク

自動のマスクが苦戦するのが髪です。細い毛は一部が透明で一部が背景なので、硬い輪郭だと毛が切れるか、元の背景のふちが残ってしまいます。Photoshopの選択とマスクのワークスペースは、このためにあります。

1. 選択範囲 > 被写体を選択で最初の選択範囲を作るか、既存のマスクから始めます。
2. 選択範囲 > 選択とマスクを開きます。ワークスペースには、プレビューの背景に対して選択範囲が表示されます。問題を見つけやすいよう、髪と対照的な背景の表示モードを選びましょう。
3. 髪の毛を調整をクリックします。Adobeはこれを、難しい髪の選択範囲をワンクリックで見つけて調整する機能と説明しており、複雑な背景の前の髪にはオブジェクトを認識の調整モードと組み合わせることを勧めています。
4. エッジの検出でスマート半径をオンにします。これで輪郭の幅を場所によって変えられ、ほつれた髪の周りでは広く、肩や服に沿っては狭くなります。
5. 残った細い毛は、生え際に沿って境界線調整ブラシツールで塗ります。これでPhotoshopに柔らかい輪郭の場所を伝えます。
6. 出力設定では不要なカラーの除去を検討しましょう。輪郭のピクセルににじんだ背景の色を、近くの被写体の色で置き換えるもので、屋外の写真の緑や青のふちが消えます。ピクセルの色を変えるため、新しいレイヤーかドキュメントに出力する必要があります。
7. 出力先を新規レイヤー（レイヤーマスクあり）（カラーの除去をしなかった場合はレイヤーマスク）にして、OKをクリックします。

元のレイヤーは下に非表示で残しておけば、そこからやり直せます。

難しい輪郭のコツ

• 輪郭は100%表示で作業します。 画面サイズに合わせた表示では、輪郭の問題のほとんどが見えません。
• 黒と白の両方で確認します。 白の上で見えないふちが黒の上ではっきり見えることはよくあり、その逆もあります。
• ぼかしすぎない。 マスクの柔らかい輪郭は髪には自然ですが、商品はぼやけて見えます。商品にはたいていくっきりした輪郭、髪には柔らかい輪郭が必要です。
• ふちはマスクを縮めずにカラーの除去で直します。 縮めると被写体が削れますが、カラーの除去なら色を直せます。ふちが出る理由はアルファチャンネルのガイドで説明しています。

透過PNGを書き出す

マスクしたレイヤーが透明のままなのは、透過に対応した形式で保存した場合だけです。JPEGは対応しておらず、保存するとPhotoshopが透明な部分を塗りつぶします。互換性を重視するならPNG、自社サイトで小さいファイルにしたいならWebPを使いましょう。PNG、JPEG、WebPの違いをご覧ください。

書き出し形式（最も細かく設定できる）

1. 追加した背景レイヤーや塗りつぶしレイヤーを非表示にして、被写体の後ろに市松模様が見える状態にします。
2. ファイル > 書き出し > 書き出し形式を選びます。
3. 形式をPNGにして、透明部分にチェックが入っていることを確認します。
4. 小さいコピーが必要なら画像サイズを設定し、書き出しをクリックします。

PNGとしてクイック書き出し（1ステップ）

ファイル > 書き出し > PNGとしてクイック書き出しは、保存した書き出し設定でドキュメント全体を保存します。1つのレイヤーだけを書き出すには、レイヤーパネルでそのレイヤーを右クリックし、PNGとしてクイック書き出しを選びます。書き出しの環境設定のPNGのオプションには、アルファチャンネル付きの32ビットのファイルになる透明部分と、ファイルサイズを縮小（8 bit）があります。両方オフだとアルファのない24ビットのファイルになるので、切り抜きでは透明部分をオンにしておきましょう。

マーケットプレイス用に保存する場合

切り抜きをAmazon、eBay、Walmartに使うなら、たいてい必要なのは透過ではなく白い背景です。被写体の下に新しいレイヤーを追加し、純白（RGB 255, 255, 255）で塗りつぶしてJPEGで書き出します。各プラットフォームの数値は商品写真のサイズ一覧で確認してください。

どの方法を選ぶか

どの方法でも、書き出しがきれいに仕上がるまでは、マスクを編集できる状態にし、元のレイヤーを残しておきましょう。

ワンクリックのツールのほうが速い場面

Photoshopは最も細かく調整できますが、調整には時間がかかります。同じ処理が必要な商品写真が60枚入ったフォルダがある場合や、Photoshopのないパソコンで切り抜きが必要な場合は、たいてい専用の背景削除ツールのほうが速く済みます。removebackground.devは25 MBまでのJPG、PNG、WebPファイルに対応し、一度に最大100枚を処理して、透過PNGかWebP、または任意の単色背景のJPGを作成します。輪郭を手作業で直す必要がある数枚だけ、結果をPhotoshopで開くこともできます。