Photoshopで簡単に背景を伸ばすテクニック

 

使用OS:Windows10 使用アプリ:Adobe PhotoShop CC 2018

Webサイトのメインビジュアルや、ブログ・SNSのヘッダーで使用したい写真の背景を引き伸ばしたい事って結構あると思います。 そんな時はPhotoShopを使用して背景を引き伸ばしましょう。今回はPhotoShop(フォトショップ)で背景を簡単に伸ばすテクニックを紹介します。



写真素材素材【写真AC】


1

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

縦長の写真を正方形にする例になります。まずはイメージ >キャンバスサイズをクリックして、キャンバスの横幅を広げます。 次に 自動選択ツールで引き伸ばしたい箇所を選択し編集 >コンテンツに応じた塗りつぶしをクリックします。

編集画面が表示されたらプレビューを確認しながら塗りつぶし設定で調節を行い、OKボタンをクリックして完了です。

気になる箇所があったら コピースタンプツールなどでレタッチして違和感のない背景にしましょう。

Photoshop よくばり入門 CC対応 (できるよくばり入門)

senatsu(著)



2

「コンテンツに応じて拡大・縮小」で背景を伸ばす方法

被写体を保護しつつ背景を引き伸ばす方法です。まずは イメージ >キャンバスサイズをクリックして、キャンバスの横幅を広げます。次に選択範囲>被写体を選択をクリックし被写体を選択します。

被写体の選択方法は下記記事を参考にしてみてください。

Photoshopで簡単にできる画像の切り抜きテクニック

design.webclips.jp/photoshop-cutout/


次にチャンネルパネルの下部にある「選択範囲をチャンネルとして保存」をクリックしてアルファチャンネルを作成します。名前は「dog」としました。

レイヤーパネルに戻り、引き伸ばすレイヤーを選択して編集 >コンテンツに応じて拡大・縮小をクリックします。上部ツールバーにある保護から先程作成したアルファチャンネル(dog)を選択し、画像を左右に引き伸ばして完了です。

被写体に変化なく背景を引き伸ばすことができました。

背景に木や電柱・ポールなどがある場合は、太くなってしまい不自然になるケースもありますが、アイデア次第ではキレイに背景を伸ばすことができます。以上、Photoshopで簡単に背景を伸ばすテクニックでした。

#ズボラPhotoshop 知識いらずの絶品3分デザイン

トミナガハルキ(著)



\ Webデザインに関するお役立ち情報を定期的に配信中 /

Follow @webclips_jp

POPULAR POSTS
  • 漢字が使える日本語フリーフォント93選(商用利用可)
  • 無料で使えるフリーイラスト素材サイト43選(商用利用可)
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるデジタル風フォント13選
  • 無料で使用できるフリー動画素材・映像素材サイト15選
  • フォントを調べる時に役に立つツール・サイト10選
  • Webデザイン
  • グラフィックデザイン
  • フリー素材
  • WordPress
  • レンタルサーバー
  • Photoshop
  • Webサービス