
「商品だけを切り抜いて使いたい」
「人物の背景を消してバナーに使いたい」
「でも切り抜きって難しそう…」
Photoshopには、初心者でもワンクリックで背景を切り抜ける機能が用意されています。
今回は、背景を簡単に削除する方法と、自然に見せる調整テクニックをわかりやすく紹介します!
1. Photoshopの「被写体を選択」で背景を自動認識!
PhotoshopにはAIが搭載されており、被写体(人・物)を自動で見つけて選択してくれる機能があります。
やり方(基本編)
-
対象の画像を開く
-
上部メニュー【選択範囲】→【被写体を選択】をクリック
-
自動で人物や物体が選択される
-
【選択とマスク】ボタンを押して微調整へ
ここが便利!
-
背景がシンプルであれば1クリックで高精度の切り抜きが完了
-
輪郭までしっかり検出される
2. より自然に仕上げたいなら「選択とマスク」で調整!
切り抜いた境界線がギザギザしていたり、髪の毛が不自然になることも。
そんなときは【選択とマスク】で微調整!
基本的な手順
-
【選択とマスク】をクリック
-
表示モードを「オーバーレイ」や「白黒」にして確認
-
「境界線調整ブラシ」で髪の毛まわりをなぞる
-
スムーズ・ぼかし・コントラストのスライダーで微調整
-
出力先:「レイヤーマスク付きの新規レイヤー」に
よく使う調整スライダーの目安
-
スムーズ:10〜20
-
ぼかし:0.5〜1.0
-
コントラスト:10前後
-
境界線をシフト:-10%(少し内側に切ると自然)
3. 切り抜いたあとは背景を透明 or 好きな色に
切り抜きが完了したら、背景を自由に変更できます。
背景を透明にする場合
-
レイヤーを「PNG形式」で保存(背景が透過された状態)
背景に色をつけたい場合
-
新しいレイヤーを追加
-
好きなカラーを「塗りつぶしツール」で下に敷くだけ
→ SNS用バナーやECサイトの商品画像にも◎
4. ワンポイント:クイック選択ツールとの違いは?
被写体を選択(AI)
→ 自動で一括認識/精度高い(人物・物体に最適)
クイック選択ツール(手動)
→ 自分で選択範囲をブラシで塗っていく
→ 背景が複雑な場合はこちらが有効
どちらも【選択とマスク】で仕上げることで自然な切り抜きができます。
5. 書き出し形式に注意!背景透過ならPNG一択
背景を透明にしたい場合はJPEGはNGです。
JPEGは白背景に強制変換されてしまいます。
書き出し手順(透過PNG)
-
上部【ファイル】→【書き出し】→【書き出し形式】
-
【PNG】を選択し、「透明部分を保持」にチェック
-
書き出して完成!
よくある失敗と対処法
| 失敗例 | 解決策 |
|---|---|
| 髪の毛がざらざら | 境界線調整ブラシでなぞる/ぼかしを少し追加 |
| 背景が透けてしまう | 境界線の内側を切る「シフト -10%」を活用 |
| PNG保存したのに背景が白い | レイヤーに白い背景がある → 透明レイヤーのみに |
まとめ|背景切り抜きは「1クリック+微調整」でOK
Photoshopを使えば、背景の削除もプロ並みに!
✅ 【被写体を選択】で自動認識
✅ 【選択とマスク】で自然な仕上がり
✅ 背景透過でSNSや商品ページに即使える
たった数ステップで、「使える素材」が一気に増えます。
▶ 次回予告
【初心者向け】Photoshopでテキストに影・立体感をつけるデザイン小技
文字にほんの少しの工夫を加えるだけで、バナーが一気に垢抜ける!
次回は、Photoshopで文字に影や光を加えて立体感を出す基本エフェクトの使い方をわかりやすく解説します。


