Photoshopで簡単に背景を伸ばす方法!縦横比率を変えずに自然に!

Photoshopで背景を伸ばす方法




今回はPhotoshop背景が足りない部分を簡単に伸ばす2つの方法をご紹介致します。

初心者の方でも縦横比率を変えずに伸ばす方法なので仕上がりもとても自然に出来ます。

では早速見ていきましょう!




Photoshopで簡単に背景を伸ばす方法

下記のように作りたいサイズに対して背景が足りない時の伸ばす方法について解説します。

この場合、背景に規則性があるものに対して有効な手法になります。

Photoshopで背景を伸ばす01

1.足りない背景のエリアを選択する

まずはPhotoshop上で足りない背景の部分を選択します。

Photoshopで背景を伸ばす02
選択ツールのショートカットキーは「M」です。
※半角で打つとショートカットキーになります。

2.塗りつぶしツールで背景を足す

次にPhotoshopの塗りつぶしツールを利用して背景伸ばしていきます。

「1」の選択エリアが指定されていて、背景伸ばすレイヤーを選択した状態で「編集>塗りつぶし」をクリックします。

Photoshopで背景を伸ばす03
伸ばしたいレイヤーが選択されている事を確認しましょう。

塗りつぶしのショートカットキーは「Shift+F5」です。

3.詳細を調整する

塗りつぶしを押すと、下記のようなパネルが表示されます。

Photoshopで背景を伸ばす04

これはデフォルトの設定のままでOKです。

塗りつぶしの設定は

  • 使用:コンテンツに応じる
  • 描画モード:通常
  • 不透明度:100%

4.自然に背景が伸びる

塗りつぶし設定の「OK」を押すと自然に背景が伸びた状態になるように、要素を足してくれます。

Photoshopで背景を伸ばす05

あとは選択範囲を解除すれば完了です。

選択範囲解除の方法
ショートカットキー「Ctrl」+「D」で解除が出来ます。

Photoshopで1分も掛からず、足りない背景伸ばす事が出来ました♪超簡単です。

しかし、上記の方法では対応出来ない場合もあります。2つ目の方法は規則性のない背景の場合をご紹介致します。

Photoshopで背景を伸ばす方法2、規則性のない背景の場合

1で説明した背景を伸ばす方法は風景や町並み等の規則性のある背景に有効ですが、対象物が画面いっぱいにあったり背景としての要素に規則性がない場合の伸ばし方を解説いたします。

下記の画像を御覧くださいませ。

Photoshopで背景を伸ばす06

上記の方法で左側の1/5程を伸ばした状態です。

画像が崩れてしまっています。このように背景に規則性がなく、塗りつぶし効果ではうまく伸ばせない場合はどうしたらいいでしょうか。

1.背景にしたい画像をコピーして2枚にする

まずは背景にしたい画像をコピーして2枚にしましょう。

Photoshopで背景を伸ばす07

2.背面にある方を適当に拡大する

背景にしたいレイヤーのうちの背面にある方を適当に拡大します。

Photoshopで背景を伸ばす08

こんな感じです。

この時に、全面にある画像の要素と重なるように位置を調整しましょう。

この場合、本が開いてある部分が重なるようにしています。

3.全面のレイヤーにマスクをかけてグラデーションをかける

Photoshopで背景を伸ばす09

全面にあるレイヤーを選択した状態で、レイヤーパネルの下部にあるカメラのマークを押すとマスクがかかります。

マスクを掛けた状態で背景が徐々に消えるようなグラデーションを掛けます。

Photoshopで背景を伸ばす10

グラデーションツールを選択し、グラデーションタイプが透過されるものになっている事を確認した上で、全面レイヤーの左端から、クリックしたまま右へとドラッグします。

4.背面レイヤーを調整する

この時点だと、まだ背面のレイヤーと若干のずれがあります。

Photoshopで背景を伸ばす11

あとはPhotoshop上で背面のレイヤーを拡大したり、縦横比を少し変更するなどして、全面のセイヤーとのズレをなくせば完成です。

Photoshopで背景を伸ばす12

自然に背景伸ばす事が出来ました!

Photoshopで背景を伸ばす方法まとめ

今回は2パターンのPhotoshop背景伸ばす方法を紹介させて頂きました。要点をまとめてみましょう。

  • Photoshopで背景を伸ばす方法は画像の規則性の有無によって2パターン
  • 規則的な背景は塗りつぶし効果を使えば簡単に伸ばせる
  • 複雑な画像は2枚で背景を作ろう

以上になります。

2つめの方法は慣れるまでに時間がかかるかもしれないですが、コツを掴めば簡単に出来るようになります。

是非、この2つのPhotoshopで背景を伸ばす方法を活用して、素敵なデザインを制作して下さい♪

Photoshop初心者が即上達する今すぐ出来るテクニック7選

2018.10.12

スポンサーリンク




スポンサーリンク



1 個のコメント

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください