【第3回】超簡単！Photoshopで背景を伸ばす方法＜初心者向け＞

こんにちは！H.Abeです。

この記事は、スピカデザインでデザイナーをしている私が、デザインの小技を3回に分けてご紹介しています。

●関連記事はこちら

[card url=”https://note.spiqa.design/wp/kowaza01-2/”]

[card url=”https://note.spiqa.design/wp/kowaza02/”]

今回は第3回、Adobe Photoshopで「背景を伸ばす方法」についてご紹介します！

こんなことありませんか？

画像の背景が足りない問題・・・！

似た画像で背景がたっぷりのものを探そうにも、手間だし見つかる保証はない・・・

そんな時は！背景を伸ばしてしまえば解決です◎

＜手順１＞画像を開く

背景を伸ばしたい画像をPhotoshopで開きます。

今回はこの画像の背景を横に伸ばします。

＜手順２＞カンバスサイズを変更する

「イメージ」→「カンバスサイズ」を選択し、幅を任意のサイズに変更します。

＜手順３＞自動選択ツールで範囲を選択する

自動選択ツールを使って、先ほど伸ばした範囲をクリックします。

すると、点線に囲われます。

Tips

自動選択ツールを選択した状態で、Shiftを押しながら、範囲をクリックすると一括で選択することができます！

＜手順４＞「コンテンツに応じた塗りつぶし」をする

点線に囲われた状態で、メニューバーの「編集」→「コンテンツに応じた塗りつぶし」を選択します。

すると、以下のような設定画面が表示されます。

左側のサンプリングエリアの緑色が、背景を伸ばすために必要な参照元になり、

右側のプレビューではサンプリングから参照した画像を元に自動で生成した背景が反映されます。

プレビューを確認しながら、サンプリングエリアの緑を調整します。

＼「OK」を押して完成です！／

まとめ

「コンテンツに応じた塗りつぶし」はPhotoshopのアップデートを重ねるごとにどんどん精度が上がっている便利なツールです！

ぱぱっと簡単にできるので是非みなさんも試してみてください～^^

●関連記事はこちら

[card url=”https://note.spiqa.design/wp/kowaza01-2/”]

[card url=”https://note.spiqa.design/wp/kowaza02/”]