画像の白い背景を削除したい理由はたくさんあります。 ロゴの透明バージョンがない場合や、合成物を作成するために製品の切り抜きが必要な場合もあるでしょう。 ありがたいことに、Adobe Photoshopには、白い背景を削除するためのオプションがたくさん用意されています。
ここでは、まず白(または無地)の背景を除去することに集中しましょう。 使用するツールとテクニックは、画像全体の品質とその色によって異なります。 切り取る必要のある画像に暗い色があり、明るい色がない場合は、簡単に使える「背景消しゴム」や「マジック消しゴム」ツールを使うことができます。
このチュートリアルでは、マジック消しゴムツール、背景消しゴムツール、およびクイック選択ツールを使用して、画像の背景を削除する手順を説明します。
プロのヒント。 白とグレーのチェック柄のグリッドは、透明度の業界標準です。
マジック消しゴムツールで画像の白い背景を消す方法
Step 1: 画像を開く
フォルダから画像を選択し、Photoshopで開きます。
ダッシュボード上で画像を開き、中央に配置します
ステップ2:レイヤーのロックを解除する
レイヤーパネルでロックをクリックするとロックが解除され、編集可能なレイヤーになります。 名前を「レイヤー0」からわかりやすい名前に変更します。 あるいは、最初のレイヤーを複製して新しいレイヤーを作り、目の部分をクリックして非表示にすることもできます。 これは、修正できないほどの大きなミスをしてしまった場合に備えたものです。
レイヤーのロックを解除して名前を変更します
複製します。 レイヤーの名前を変更して非表示にする
ステップ3: マジック消しゴムツールを選択
ツールパネルでマジック消しゴムツールを選択します。 消しゴムタブの3番目にあります。 次の環境設定を選択してください:
許容範囲を設定します。 30
アンチエイリアス: チェック
不透明度: 100%
マジック消しゴムツールを選択
Step 4: 背景を消す
白い背景をクリックして、消えるのを見てみましょう!
魔法の消しゴムツールを選択した状態で、白い部分をクリックしてください
でも、待ってください!
私たちの画像にはグレーの影がありますが、これは魔法の消しゴムで消えます。 もしあなたの画像にこのような薄い色の部分があれば、それも消えてしまいます。
画像に非常に明るい部分がある場合、魔法の消しゴムは適切なツールではないかもしれません!
ステップ 5: トリムして PNG として保存
画像タブのトリム オプションをクリックします。 これにより、切り取り部分の周りの余分な透明部分が切り取られます。 ファイル」タブの「Web用に保存」をクリックし、「PNG」を選択して、アートワークをPNGファイルとしてエクスポートします。 JPEGで保存した場合、背景が白く保存されてしまうため、せっかくの作業が無駄になってしまいますが、PNGであれば透明度が保たれます。
Web用にエクスポートして保存
PNGオプションを選択します。
背景消しゴムツールを使って画像の白い背景を消す方法
Step 1: 魔法の消しゴムオプションから最初の2つのステップを繰り返す
ツールバーの消しゴムタブにあります。 背景の消しゴム」のカーソルは、中央に十字のついた円のように見えますが、この十字がツールをコントロールします。
カラフルなグラフィックの背後にある白い背景を消しているので、背景消しゴムツールの環境設定を次のように選択する必要があります:
サイズ: 300-800 pt
サンプリング。 1回または背景スウォッチ
限界。 Find Edges
Tolerance: 20%
Protect Foreground Color
また、ツールバーの下部にあるフォアグラウンドに黒という色があることを確認してください。
背景消しゴムツールと環境設定を選択します
ステップ 3: 白い背景を消す
白い部分にカーソルを置き、マウスボタンを押します。 マウスボタンを押しながら、カーソルを白い領域全体にドラッグします。 20%の許容範囲を選択したので、消しゴムは白以外の色には影響しません。 許容度がもっと高ければ、色に多少の影響が出るでしょう。 メインのグラフィックの色に応じて、さまざまな画像の許容範囲を試してみてください。
十字キーでカーソルを背景の周りに移動させて、すべてを消してしまいます。
ステップ 4: 上記の「マジック消しゴム」オプションの最後の 2 つのステップを繰り返します
クイック選択ツールで画像から任意の背景を削除する方法
白い背景は常に完全に白いわけではなく、曇っていたり、縁が暗かったりすることもあります。 このような白い背景には、別のツールとテクニックが必要です。 消しゴムツールよりもコントロールしやすいツールです。 今回はクイック選択ツールを紹介します。 このツールでは、背景が真っ白ではない画像を選びました。
Step 1: 画像を開く
コンピュータから画像を選択し、Photoshopで開きます。 グラフィックをアートボードの中央に配置します。
画像を開き、Photoshopのアートボード上で中央に配置します
ステップ2:レイヤーを複製する
画像レイヤーをアンロックして複製し、最初のレイヤーを非表示にして、これから作業するレイヤーの下に置いておきます。 元の画像を含むこのレイヤーは、背景を消去する際に間違った操作をしてしまった場合に備えたセーフティネットです。 レイヤーには、どれがどれだかわかるように、説明的な名前をつけます。
ステップ3: クイック選択ツールを選択
ツールバーからクイック選択ツールを選択します。 魔法の杖」ツールと一緒になっています。
新規選択
サイズ: 100 px
硬さ: 100%
間隔: 20%
クイック選択ツールと環境設定の選択
ステップ4: オブジェクトを選択する
マウスボタンを押しながら、背景から分離させたいオブジェクトの上にカーソルをドラッグします。 この手法では、背景ではなくオブジェクトを選択することで、選択範囲をよりコントロールすることができます。
カーソルをオブジェクトの上に置いたまま、選択範囲の内側の端にカーソルを置き、背景にはみ出さないようにします。 カーソルを離すと、環境設定バーのオプションが変更され、選択範囲に追加または減算するかどうかだけが選択できるようになります。
クイック選択ツールを使用して、オブジェクト全体が選択されるまで、オブジェクト全体をドラッグします。
Step 5: 選択範囲の調整
選択範囲が完璧ではない可能性が高いので、今度はブラシツールを使って調整します。 キーボードのqをクリックすると、画像には赤い領域が表示されます。
画像をズームインし、ブラシツールを選択(またはbを押す)して、エッジをタッチアップします。 白は選択範囲の追加(赤を消す)、黒は選択範囲の解除(赤を追加)に使います。 ブラシのサイズを小さくすると、狭い場所や厄介なエッジをよりコントロールしやすくなります。
仕上げに、もう一度qをクリックすると、赤が消えて点線の選択範囲が表示されます。 選択範囲をダブルクリックし、「フェザー」オプションをクリックします。 フェザーを3に調整し、OKをクリックします。
qを押しながらブラシツールで選択したピクセルを追加したり削除したりして、選択範囲を絞り込みます
ブラシを使って、白でカメラのボタンの赤を消し、黒で手と肩の間の背景を消します
Step 6: 選択範囲の反転
対象物が正しく選択されていることを確認したら、選択範囲を反転させます。 背景が選択されている場合、それを消去すると、透明グリッドが表示されます。
qを押して赤を解除します。
輪郭にわずかなフェザー効果を加えます。
選択範囲を反転させた後、選択範囲を削除します。 選択範囲を削除すると、透明度の高いグリッドが表示されます
Step 7:
結論
グラフィック デザイナーの中には、背景からオブジェクトを選択するのに、投げ縄やペン ツールの使用に頼っている人がいますが、背景がシンプルな白色の場合は、これらのツールは必要ありません。 このガイドでご紹介した3つのツールを使えば、どんな白い背景でも消去するのに十分な情報が得られます。 なお、背景が透明なグラフィックは、PNGとSVGの2種類のファイル形式でダウンロードできます。 最新版のPhotoshopをお持ちでない方は、Adobe Creative Cloudのサイトで無料体験版を入手できます。