画像の余白や背景を足したり伸ばしたりしたい場合、Photoshopの機能で「コンテンツに応じた塗りつぶし」を使えば簡単に背景画像を伸ばすことが出来ます。

背景画像を足したり、伸ばしたりできると、十分な余白を作り出すことが出来て、デザインの幅が広がります。

「コンテンツに応じた塗りつぶし」はPhotoshop CCで段々と精度が上がってきて、現場でも重宝しています。「コンテンツに応じた塗りつぶし」で解決できる問題なら理想の画像を探す時間を短縮出来ますし、覚えておいて損はありません。

Photoshopのコンテンツに応じた塗りつぶしとは

Photoshopには「塗りつぶし」という選択された範囲を指定の色やコンテンツで塗りつぶす機能があります。この指定の塗りつぶすという選択肢の中の１つに「コンテンツに応じる」という項目があります。

この「コンテンツに応じた塗りつぶし」は足りない背景画像を伸ばすためだけでなく、不要物や消したいゴミなどを削除するための画像補正にも頻繁に使用されます。

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

まず、背景を伸ばしたい画像を用意します。用意できたらPhotoshopで開きます。今回はこのような画像を用意し、青い背景を横長に伸ばしてみます。

まずは伸ばすための余白部分を作るためにカンバスサイズを変更します。

Commndキー＋optionキー＋Cを押してカンバスパネルを開きます。今回は横長に背景を伸ばしたいので、幅を適当なサイズに増やします。

伸ばしたい分の余白を確保できました。

現在透明になっていて背景がない場所に「コンテンツに応じた塗りつぶし」を使って背景画像を足していきます。

次に“長方形選択ツール”で足したい部分を選択します。

なるべく伸ばす背景を簡単にしてあげることが綺麗に仕上げるポイントです。

葉っぱやみかんまで含んで選択範囲を作ると、それらの違いの大きい要素を加味した背景をPhotoshopが作ろうとしてしまうため、不自然な塗りつぶしになってしまいます。

ショートカットキーを使って塗りつぶしパネルを表示させます。塗りつぶしパネルの“内容”から“コンテンツに応じる”を選んで“OK”を押します。

するとこのように背景が自動的にコンテンツに応じて塗りつぶしされました。

１度で上手くいかなかった場所はさらに選択範囲を絞って何度か「コンテンツに応じた塗りつぶし」をおこなってください。

調整する箇所がなくなれば完成です。

足りない背景を伸ばす方法のまとめ

Photoshopの「コンテンツに応じた塗りつぶし」を使って足りない背景画像を伸ばす方法をご紹介しました。

足りない背景を伸ばすということは余白を持たせてデザインしやすくするだけでなく、入稿データ作成時の塗り足しを追加するときなど幅広く応用が効きます。

この「コンテンツに応じた塗りつぶし」は昔に比べてかなり仕上がりの精度が高くなってきているます。

積極的に使って画像探しや背景合成などの無駄な時間は削減していきましょう。

Illustratorでも塗りつぶし機能はあります。イラレでの塗りつぶし方法を詳しく知りたい方はこちらの記事を参考にしてください。