Photoshopで背景を伸ばすなら、この方法!

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

CGDOOR
Photoshopで背景だけ引き伸ばしたい、と思うことは度々あると思います。そんな時、Photoshopの「コンテンツに応じた塗りつぶし」を使えば、簡単に背景を伸ばすことができます。また、被写体を拡大させずに背景を引き伸ばす方法もあります。

今回はPhotoshopで背景を伸ばす、おすすめの方法を解説します。

以下の記事では、Adobeの生成AIを使って背景を伸ばすことができるPhotoshopの「生成拡張」機能を解説しています。
▶ Photoshopの「生成拡張」で「コンテンツ…」を超えた背景拡張ができる!

Photoshop「コンテンツに応じた塗りつぶし」で背景を伸ばす方法

【方法1】

「切り抜きツール」で背景を伸ばし、トリミングとサイズ変更を合わせて行う

  1. Photoshopで写真画像を開く(背景レイヤーになっていれば鍵マークをクリックして解除)
  2. ツールバーの「切り抜きツール」をクリック
  3. オプションバーの「塗り」を「コンテンツに応じた塗りつぶし」に設定
  4. 「切り抜きツール」の枠線を拡大縮小し、トリミングと背景拡張の位置を指定
  5. Photoshopで背景を伸ばす方法1

  6. オプションバーの「◯」をクリック
  7. 写真の背景拡張とトリミングが完了

Photoshopで背景を伸ばす方法2

伸ばした背景におかしい箇所があれば、スタンプツールや指先ツールで綺麗に修正しましょう。

以下は「切り抜きツール」の「コンテンツに応じた塗りつぶし」でトリミングとサイズ変更した写真画像の結果です。

Photoshopで背景を伸ばす方法3

【方法2】

カンバスサイズを変更し、透明な選択範囲に「コンテンツに応じた塗りつぶし」適用

  1. Photoshopで写真画像を開く(背景レイヤーになっていれば鍵マークをクリックして解除)
  2. メニューバーの「イメージ」➔「カンバスサイズ」をクリック
  3. Photoshopで背景を伸ばす方法4

  4. 「カンバスサイズ」設定画面で高さと幅を指定
  5. Photoshopで背景を伸ばす方法5

  6. 拡張された透明部分を自動選択ツールで選択
  7. メニューバーの「編集」➔「塗りつぶし」をクリック
  8. 「塗りつぶし」ダイアログで「内容」を「コンテンツに応じる」に設定
  9. 「OK」をクリック
  10. Photoshopで背景を伸ばす方法6

  11. 「コンテンツに応じた塗りつぶし」が完了
  12. Photoshopで背景を伸ばす方法7

Photoshopで被写体を拡大させずに背景を引き伸ばす方法

  1. Photoshopで写真画像を開く(背景レイヤーになっていれば鍵マークをクリックして解除)
  2. メニューバーの「イメージ」➔「カンバスサイズ」をクリック
  3. 「カンバスサイズ」設定画面で高さと幅を指定
  4. メニューバーの「編集」➔「コンテンツに応じて拡大縮小」をクリック
  5. Photoshopで背景を伸ばす方法8

  6. 写真画像を拡大縮小する
  7. Photoshopで背景を伸ばす方法9

以下はコンテンツに応じて拡大する前と拡大した後です。被写体のサイズはそのままで、背景が引き伸ばされているのが分かると思います。

Photoshopで背景を伸ばす方法10

以下の記事では、Photoshopで背景や一部の範囲を色で塗りつぶす方法の基本を解説しています。
Photoshopで色の塗りつぶし(背景や一部の範囲)基本操作
CGDOOR
Photoshopで写真や画像の背景を伸ばす方法を「コンテンツに応じた塗りつぶし」と「コンテンツに応じて拡大縮小」に分けて解説しました。

「コンテンツに応じた塗りつぶし」は背景の足りない部分を塗り足す操作、「コンテンツに応じて拡大縮小」は背景だけを拡大する操作です。

写真や画像の状況に適した「背景を伸ばす方法」を選択して下さい。