今回はPhotoshopで背景が足りない部分を簡単に伸ばす２つの方法をご紹介致します。
初心者の方でも縦横比率を変えずに伸ばす方法なので仕上がりもとても自然に出来ます。
では早速見ていきましょう！
もくじ
Photoshopで簡単に背景を伸ばす方法
下記のように作りたいサイズに対して背景が足りない時の伸ばす方法について解説します。
この場合、背景に規則性があるものに対して有効な手法になります。
１．足りない背景のエリアを選択する
まずはPhotoshop上で足りない背景の部分を選択します。
※半角で打つとショートカットキーになります。
２．塗りつぶしツールで背景を足す
次にPhotoshopの塗りつぶしツールを利用して背景を伸ばしていきます。
「１」の選択エリアが指定されていて、背景を伸ばすレイヤーを選択した状態で「編集＞塗りつぶし」をクリックします。
塗りつぶしのショートカットキーは「Shift＋F5」です。
３．詳細を調整する
塗りつぶしを押すと、下記のようなパネルが表示されます。
これはデフォルトの設定のままでOKです。
- 使用：コンテンツに応じる
- 描画モード：通常
- 不透明度：100％
４．自然に背景が伸びる
塗りつぶし設定の「OK」を押すと自然に背景が伸びた状態になるように、要素を足してくれます。
あとは選択範囲を解除すれば完了です。
ショートカットキー「Ctrl」＋「D」で解除が出来ます。
Photoshopで１分も掛からず、足りない背景を伸ばす事が出来ました♪超簡単です。
しかし、上記の方法では対応出来ない場合もあります。2つ目の方法は規則性のない背景の場合をご紹介致します。
Photoshopで背景を伸ばす方法2、規則性のない背景の場合
１で説明した背景を伸ばす方法は風景や町並み等の規則性のある背景に有効ですが、対象物が画面いっぱいにあったり背景としての要素に規則性がない場合の伸ばし方を解説いたします。
下記の画像を御覧くださいませ。
上記の方法で左側の1/5程を伸ばした状態です。
画像が崩れてしまっています。このように背景に規則性がなく、塗りつぶし効果ではうまく伸ばせない場合はどうしたらいいでしょうか。
１．背景にしたい画像をコピーして２枚にする
まずは背景にしたい画像をコピーして２枚にしましょう。
２．背面にある方を適当に拡大する
背景にしたいレイヤーのうちの背面にある方を適当に拡大します。
こんな感じです。
この時に、全面にある画像の要素と重なるように位置を調整しましょう。
この場合、本が開いてある部分が重なるようにしています。
３．全面のレイヤーにマスクをかけてグラデーションをかける
全面にあるレイヤーを選択した状態で、レイヤーパネルの下部にあるカメラのマークを押すとマスクがかかります。
マスクを掛けた状態で背景が徐々に消えるようなグラデーションを掛けます。
グラデーションツールを選択し、グラデーションタイプが透過されるものになっている事を確認した上で、全面レイヤーの左端から、クリックしたまま右へとドラッグします。
４．背面レイヤーを調整する
この時点だと、まだ背面のレイヤーと若干のずれがあります。
あとはPhotoshop上で背面のレイヤーを拡大したり、縦横比を少し変更するなどして、全面のセイヤーとのズレをなくせば完成です。
自然に背景を伸ばす事が出来ました！
Photoshopで背景を伸ばす方法まとめ
今回は2パターンのPhotoshopで背景を伸ばす方法を紹介させて頂きました。要点をまとめてみましょう。
- Photoshopで背景を伸ばす方法は画像の規則性の有無によって２パターン
- 規則的な背景は塗りつぶし効果を使えば簡単に伸ばせる
- 複雑な画像は2枚で背景を作ろう
以上になります。
２つめの方法は慣れるまでに時間がかかるかもしれないですが、コツを掴めば簡単に出来るようになります。
是非、この２つのPhotoshopで背景を伸ばす方法を活用して、素敵なデザインを制作して下さい♪
[…] ・Photoshopで簡単に背景を伸ばす方法！縦横比率を変えずに自然に！ きっとPhotoshopって知らないだけでいろいろと神機能があるんだろうなぁと思いました。 […]