画像を引き伸ばす
画像をそのまま一方向に引き伸ばすと、本来の縦横比が崩れて違和感が生じてしまいます。
![画像全体を引き伸ばした図](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch1-1024x645.jpg)
![](https://pcwork-labo.com/wp-content/uploads/2022/08/disappointed-150x150.png)
コアラかわいそうだよ
画像サイズは引き伸ばしたいけれど、被写体(コアラ)の縦横比は崩したくない時に使えるのが「コンテンツに応じて拡大・縮小」機能です。
コアラを保護しながら背景部分だけを引き伸ばすことができます。
![コンテンツに応じて拡大・縮小をした画像](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch2-1024x645.jpg)
使用したフリー素材はこちらです。Mサイズでダウンロードしたものを使用しています。
![](https://thumb.photo-ac.com/09/0996fc5f57347f7bddd1e3ecfeeae1f9_w.jpeg)
背景だけを伸ばす手順
背景レイヤーのロックを解除
拡大したいサイズに変換
保存後は選択解除
保護する部分を指定して引き伸ばす
背景画像を通常のレイヤーに変換
背景レイヤーのままでは編集ができないので通常のレイヤーに変換します。
レイヤーパネルの背景レイヤー右端に表示された鍵マークをクリックしロック解除します。
![背景を通常レイヤーに変換](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch3.jpg)
鍵のマークが消え、レイヤー名「背景」が「レイヤー0」に変わります。
![レイヤー0になる](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch4.jpg)
カンバスサイズを変更
ベースのカンバスサイズを拡大または縮小したいサイズに変換します。
[イメージ]-「カンバスサイズ」をクリックします。
![イメージのカンバスサイズボタン](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch5.jpg)
カンバスサイズダイアログボックスの「相対」をオフにして変更したいサイズを入力します。
※オンの場合は追加分のサイズ(この例では350pixel)を入力します。
「基準位置」を左端でクリックするとカンバスサイズの追加分は画像の右側のみにできます。
(真ん中でクリックすると両サイドに半分ずつ追加されます。)
※Mサイズでダウンロードした画像の例です。
![カンバスサイズダイアログボックス](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch6-1-1024x850.jpg)
右側に追加分ができました。
![カンバスサイズが変更された画像](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch7.jpg)
保護する範囲を保存
保護したい部分(コアラ)を選択します。
クイック選択ツールで選択していますが、楕円形選択ツールやなげなわツールなどでざっくり選択してもOKです。
![被写体を選択](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch8.jpg)
[選択範囲]-「選択範囲を保存」をクリックします。
![選択範囲を保存ボタン](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch9.jpg)
選択範囲を保存ダイアログボックスの名前ボックスに任意の名前をつけてOKをクリックします。
![選択範囲を保存ダイアログボックス](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch10-1024x644.jpg)
選択を解除
選択した状態のまま次へ進むと編集ができないので選択を解除します。
≪ Ctrl + D ≫で選択解除されます。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/goodjob-150x150.png)
よく使うショートカットだよ!
コンテンツに応じて拡大・縮小
自動で被写体を感知して保護しながら拡大してくれる便利な機能です。
しかし、被写体がはっきりしない画像は思うような結果が得られません。
今回はコアラの横の木などもピントが合っていてどこまでが被写体なのか判別が難しい画像です。その場合は、保護する部分を指定して引き伸ばす必要があります。
[編集]-「コンテンツに応じて拡大・縮小」をクリックします。
![コンテンツに応じて拡大・縮小ボタン](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch11.jpg)
オプションバーの保護ボックスの矢印をクリックし、保存した選択範囲を指定します。
![オプションバーの保護ボックス](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch12.jpg)
バウンディングボックスのハンドルを追加したカンバスサイズまで引っ張ります。
![カンバスサイズに合わせて拡大](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch13.jpg)
保護したコアラを除いて背景が引き伸ばされました。
気になる部分がある場合は保護する範囲を変えてやり直しましょう。
![背景を伸ばした画像](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch14.jpg)
範囲選択の仕方で結果が変わる
保護する範囲の選択の仕方によって引き伸ばしたときの結果が変わります。
例1:端の領域を固定
「コンテンツに応じて拡大・縮小」を保護しない状態で行うと被写体の鳥を除いて全体的に背景が伸びます。
右の領域を長めに使いたい場合は、左端から鳥までを範囲選択したものを保存し保護して伸ばします。
![端を保護してコンテンツに応じて拡大・縮小](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch15-723x1024.jpg)
例2:コーナー部分を固定
「コンテンツに応じて拡大・縮小」を保護しない状態で行うと空全体が伸びます。
気球を上に配置したい場合は、左上のコーナーから気球までを範囲選択したものを保存し保護して伸ばします。
![コーナーを保護してコンテンツに応じて拡大・縮小](https://pcwork-labo.com/wp-content/uploads/2023/11/photoshop-background-stretch16-1-1024x983.jpg)
使用したフリー素材はこちらです。
![](https://thumb.photo-ac.com/a9/a91d861f269cb00a24b20239736ecb38_w.jpeg)
![](https://thumb.photo-ac.com/8e/8ece5869ddc02d2e33fabd69070d7822_w.jpeg)